@charset "utf-8";@keyframes react-loading-skeleton {
  to {
      transform: translateX(100%)
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block;
  background-color: var(--base-color);
  border-radius: .25rem;
  display: inline-flex;
  line-height: 1;
  overflow: hidden;
  position: relative;
  user-select: none;
  width: 100%
}



.react-loading-skeleton:after {
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-iteration-count: infinite;
  animation-name: react-loading-skeleton;
  animation-timing-function: ease-in-out;
  background-image: var( --custom-highlight-background,linear-gradient(90deg,var(--base-color) 0,var(--highlight-color) 50%,var(--base-color) 100%) );
  background-repeat: no-repeat;
  content: " ";
  display: var(--pseudo-element-display);
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%)
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
      --pseudo-element-display: none
  }
}

.cmp-cag :root,.cmp-cag [data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13,110,253;
  --bs-secondary-rgb: 108,117,125;
  --bs-success-rgb: 25,135,84;
  --bs-info-rgb: 13,202,240;
  --bs-warning-rgb: 255,193,7;
  --bs-danger-rgb: 220,53,69;
  --bs-light-rgb: 248,249,250;
  --bs-dark-rgb: 33,37,41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255,255,255;
  --bs-black-rgb: 0,0,0;
  --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33,37,41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255,255,255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0,0,0;
  --bs-secondary-color: rgba(33,37,41,.75);
  --bs-secondary-color-rgb: 33,37,41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233,236,239;
  --bs-tertiary-color: rgba(33,37,41,.5);
  --bs-tertiary-color-rgb: 33,37,41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248,249,250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13,110,253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10,88,202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0,0,0,.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0,0,0,.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0,0,0,.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13,110,253,.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545
}

.cmp-cag [data-bs-theme=dark] {
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222,226,230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33,37,41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255,255,255;
  --bs-secondary-color: rgba(222,226,230,.75);
  --bs-secondary-color-rgb: 222,226,230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52,58,64;
  --bs-tertiary-color: rgba(222,226,230,.5);
  --bs-tertiary-color-rgb: 222,226,230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43,48,53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb: 110,168,254;
  --bs-link-hover-color-rgb: 139,185,254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: hsla(0,0%,100%,.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
  color-scheme: dark
}

.cmp-cag *,.cmp-cag :after,.cmp-cag :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

@media(prefers-reduced-motion:no-preference) {
  .cmp-cag :root {
      scroll-behavior: smooth
  }
}

.cmp-cag body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  margin: 0;
  text-align: var(--bs-body-text-align)
}

.cmp-cag hr {
  border: 0;
  border-top: var(--bs-border-width) solid;
  color: inherit;
  margin: 1rem 0;
  opacity: .25
}

.cmp-cag .h1,.cmp-cag .h2,.cmp-cag .h3,.cmp-cag .h4,.cmp-cag .h5,.cmp-cag .h6,.cmp-cag h1,.cmp-cag h2,.cmp-cag h3,.cmp-cag h4,.cmp-cag h5,.cmp-cag h6 {
  color: var(--bs-heading-color);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: .5rem;
  margin-top: 0
}

.cmp-cag .h1,.cmp-cag h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media(min-width: 1200px) {
  .cmp-cag .h1,.cmp-cag h1 {
      font-size:2.5rem
  }
}

.cmp-cag .h2,.cmp-cag h2 {
  font-size: calc(1.325rem + .9vw)
}

@media(min-width: 1200px) {
  .cmp-cag .h2,.cmp-cag h2 {
      font-size:2rem
  }
}

.cmp-cag .h3,.cmp-cag h3 {
  font-size: calc(1.3rem + .6vw)
}

@media(min-width: 1200px) {
  .cmp-cag .h3,.cmp-cag h3 {
      font-size:1.75rem
  }
}

.cmp-cag .h4,.cmp-cag h4 {
  font-size: calc(1.275rem + .3vw)
}

@media(min-width: 1200px) {
  .cmp-cag .h4,.cmp-cag h4 {
      font-size:1.5rem
  }
}

.cmp-cag .h5,.cmp-cag h5 {
  font-size: 1.25rem
}

.cmp-cag .h6,.cmp-cag h6 {
  font-size: 1rem
}

.cmp-cag p {
  margin-bottom: 1rem;
  margin-top: 0
}

.cmp-cag abbr[title] {
  cursor: help;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

.cmp-cag address {
  font-style: normal;
  line-height: inherit;
  margin-bottom: 1rem
}

.cmp-cag ol,.cmp-cag ul {
  padding-left: 2rem
}

.cmp-cag dl,.cmp-cag ol,.cmp-cag ul {
  margin-bottom: 1rem;
  margin-top: 0
}

.cmp-cag ol ol,.cmp-cag ol ul,.cmp-cag ul ol,.cmp-cag ul ul {
  margin-bottom: 0
}

.cmp-cag dt {
  font-weight: 700
}

.cmp-cag dd {
  margin-bottom: .5rem;
  margin-left: 0
}

.cmp-cag blockquote {
  margin: 0 0 1rem
}

.cmp-cag b,.cmp-cag strong {
  font-weight: bolder
}

.cmp-cag .small,.cmp-cag small {
  font-size: .875em
}

.cmp-cag .mark,.cmp-cag mark {
  background-color: var(--bs-highlight-bg);
  color: var(--bs-highlight-color);
  padding: .1875em
}

.cmp-cag sub,.cmp-cag sup {
  font-size: .75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

.cmp-cag sub {
  bottom: -.25em
}

.cmp-cag sup {
  top: -.5em
}

.cmp-cag a {
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
  text-decoration: underline
}

.cmp-cag a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb)
}

.cmp-cag a:not([href]):not([class]),.cmp-cag a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

.cmp-cag code,.cmp-cag kbd,.cmp-cag pre,.cmp-cag samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em
}

.cmp-cag pre {
  display: block;
  font-size: .875em;
  margin-bottom: 1rem;
  margin-top: 0;
  overflow: auto
}

.cmp-cag pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal
}

.cmp-cag code {
  word-wrap: break-word;
  color: var(--bs-code-color);
  font-size: .875em
}

a>.cmp-cag code {
  color: inherit
}

.cmp-cag kbd {
  background-color: var(--bs-body-color);
  border-radius: .25rem;
  color: var(--bs-body-bg);
  font-size: .875em;
  padding: .1875rem .375rem
}

.cmp-cag kbd kbd {
  font-size: 1em;
  padding: 0
}

.cmp-cag figure {
  margin: 0 0 1rem
}

.cmp-cag img,.cmp-cag svg {
  vertical-align: middle
}

.cmp-cag table {
  border-collapse: collapse;
  caption-side: bottom
}

.cmp-cag caption {
  color: var(--bs-secondary-color);
  padding-bottom: .5rem;
  padding-top: .5rem;
  text-align: left
}

.cmp-cag th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

.cmp-cag tbody,.cmp-cag td,.cmp-cag tfoot,.cmp-cag th,.cmp-cag thead,.cmp-cag tr {
  border: 0 solid;
  border-color: inherit
}

.cmp-cag label {
  display: inline-block
}

.cmp-cag button {
  border-radius: 0
}

.cmp-cag button:focus:not(:focus-visible) {
  outline: 0
}

.cmp-cag button,.cmp-cag input,.cmp-cag optgroup,.cmp-cag select,.cmp-cag textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0
}

.cmp-cag button,.cmp-cag select {
  text-transform: none
}

.cmp-cag [role=button] {
  cursor: pointer
}

.cmp-cag select {
  word-wrap: normal
}

.cmp-cag select:disabled {
  opacity: 1
}

.cmp-cag [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none!important
}

.cmp-cag [type=button],.cmp-cag [type=reset],.cmp-cag [type=submit],.cmp-cag button {
  -webkit-appearance: button
}

.cmp-cag [type=button]:not(:disabled),.cmp-cag [type=reset]:not(:disabled),.cmp-cag [type=submit]:not(:disabled),.cmp-cag button:not(:disabled) {
  cursor: pointer
}

.cmp-cag ::-moz-focus-inner {
  border-style: none;
  padding: 0
}

.cmp-cag textarea {
  resize: vertical
}

.cmp-cag fieldset {
  border: 0;
  margin: 0;
  min-width: 0;
  padding: 0
}

.cmp-cag legend {
  float: left;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit;
  margin-bottom: .5rem;
  padding: 0;
  width: 100%
}

@media(min-width: 1200px) {
  .cmp-cag legend {
      font-size:1.5rem
  }
}

.cmp-cag legend+* {
  clear: left
}

.cmp-cag ::-webkit-datetime-edit-day-field,.cmp-cag ::-webkit-datetime-edit-fields-wrapper,.cmp-cag ::-webkit-datetime-edit-hour-field,.cmp-cag ::-webkit-datetime-edit-minute,.cmp-cag ::-webkit-datetime-edit-month-field,.cmp-cag ::-webkit-datetime-edit-text,.cmp-cag ::-webkit-datetime-edit-year-field {
  padding: 0
}

.cmp-cag ::-webkit-inner-spin-button {
  height: auto
}

.cmp-cag [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

.cmp-cag ::-webkit-search-decoration {
  -webkit-appearance: none
}

.cmp-cag ::-webkit-color-swatch-wrapper {
  padding: 0
}

.cmp-cag ::file-selector-button {
  -webkit-appearance: button;
  font: inherit
}

.cmp-cag output {
  display: inline-block
}

.cmp-cag iframe {
  border: 0
}

.cmp-cag summary {
  cursor: pointer;
  display: list-item
}

.cmp-cag progress {
  vertical-align: baseline
}

.cmp-cag [hidden] {
  display: none!important
}

.cmp-cag .lead {
  font-size: 1.25rem;
  font-weight: 300
}

.cmp-cag .display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media(min-width: 1200px) {
  .cmp-cag .display-1 {
      font-size:5rem
  }
}

.cmp-cag .display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2
}

@media(min-width: 1200px) {
  .cmp-cag .display-2 {
      font-size:4.5rem
  }
}

.cmp-cag .display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2
}

@media(min-width: 1200px) {
  .cmp-cag .display-3 {
      font-size:4rem
  }
}

.cmp-cag .display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2
}

@media(min-width: 1200px) {
  .cmp-cag .display-4 {
      font-size:3.5rem
  }
}

.cmp-cag .display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2
}

@media(min-width: 1200px) {
  .cmp-cag .display-5 {
      font-size:3rem
  }
}

.cmp-cag .display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media(min-width: 1200px) {
  .cmp-cag .display-6 {
      font-size:2.5rem
  }
}

.cmp-cag .list-inline,.cmp-cag .list-unstyled {
  list-style: none;
  padding-left: 0
}

.cmp-cag .list-inline-item {
  display: inline-block
}

.cmp-cag .list-inline-item:not(:last-child) {
  margin-right: .5rem
}

.cmp-cag .initialism {
  font-size: .875em;
  text-transform: uppercase
}

.cmp-cag .blockquote {
  font-size: 1.25rem;
  margin-bottom: 1rem
}

.cmp-cag .blockquote>:last-child {
  margin-bottom: 0
}

.cmp-cag .blockquote-footer {
  color: #6c757d;
  font-size: .875em;
  margin-bottom: 1rem;
  margin-top: -1rem
}

.cmp-cag .blockquote-footer:before {
  content: "— "
}

.cmp-cag .img-fluid,.cmp-cag .img-thumbnail {
  height: auto;
  max-width: 100%
}

.cmp-cag .img-thumbnail {
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  padding: .25rem
}

.cmp-cag .figure {
  display: inline-block
}

.cmp-cag .figure-img {
  line-height: 1;
  margin-bottom: .5rem
}

.cmp-cag .figure-caption {
  color: var(--bs-secondary-color);
  font-size: .875em
}

.cmp-cag .container,.cmp-cag .container-fluid,.cmp-cag .container-lg,.cmp-cag .container-md,.cmp-cag .container-sm,.cmp-cag .container-xl,.cmp-cag .container-xxl {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(var(--bs-gutter-x)*.5);
  padding-right: calc(var(--bs-gutter-x)*.5);
  width: 100%
}

@media(min-width: 576px) {
  .cmp-cag .container,.cmp-cag .container-sm {
      max-width:540px
  }
}

@media(min-width: 768px) {
  .cmp-cag .container,.cmp-cag .container-md,.cmp-cag .container-sm {
      max-width:45pc
  }
}

@media(min-width: 992px) {
  .cmp-cag .container,.cmp-cag .container-lg,.cmp-cag .container-md,.cmp-cag .container-sm {
      max-width:60pc
  }
}

@media(min-width: 1200px) {
  .cmp-cag .container,.cmp-cag .container-lg,.cmp-cag .container-md,.cmp-cag .container-sm,.cmp-cag .container-xl {
      max-width:855pt
  }
}

@media(min-width: 1400px) {
  .cmp-cag .container,.cmp-cag .container-lg,.cmp-cag .container-md,.cmp-cag .container-sm,.cmp-cag .container-xl,.cmp-cag .container-xxl {
      max-width:990pt
  }
}

.cmp-cag :root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px
}

.cmp-cag .row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: calc(var(--bs-gutter-x)*-.5);
  margin-right: calc(var(--bs-gutter-x)*-.5);
  margin-top: calc(var(--bs-gutter-y)*-1)
}

.cmp-cag .row>* {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: var(--bs-gutter-y);
  max-width: 100%;
  padding-left: calc(var(--bs-gutter-x)*.5);
  padding-right: calc(var(--bs-gutter-x)*.5);
  width: 100%
}

.cmp-cag .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%
}

.cmp-cag .row-cols-auto>* {
  width: auto
}

.cmp-cag .row-cols-1>*,.cmp-cag .row-cols-auto>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.cmp-cag .row-cols-1>* {
  width: 100%
}

.cmp-cag .row-cols-2>* {
  width: 50%
}

.cmp-cag .row-cols-2>*,.cmp-cag .row-cols-3>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.cmp-cag .row-cols-3>* {
  width: 33.33333333%
}

.cmp-cag .row-cols-4>* {
  width: 25%
}

.cmp-cag .row-cols-4>*,.cmp-cag .row-cols-5>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.cmp-cag .row-cols-5>* {
  width: 20%
}

.cmp-cag .row-cols-6>* {
  width: 16.66666667%
}

.cmp-cag .col-auto,.cmp-cag .row-cols-6>* {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.cmp-cag .col-auto {
  width: auto
}

.cmp-cag .col-1 {
  width: 8.33333333%
}

.cmp-cag .col-1,.cmp-cag .col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.cmp-cag .col-2 {
  width: 16.66666667%
}

.cmp-cag .col-3 {
  width: 25%
}

.cmp-cag .col-3,.cmp-cag .col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.cmp-cag .col-4 {
  width: 33.33333333%
}

.cmp-cag .col-5 {
  width: 41.66666667%
}

.cmp-cag .col-5,.cmp-cag .col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.cmp-cag .col-6 {
  width: 50%
}

.cmp-cag .col-7 {
  width: 58.33333333%
}

.cmp-cag .col-7,.cmp-cag .col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.cmp-cag .col-8 {
  width: 66.66666667%
}

.cmp-cag .col-9 {
  width: 75%
}

.cmp-cag .col-10,.cmp-cag .col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.cmp-cag .col-10 {
  width: 83.33333333%
}

.cmp-cag .col-11 {
  width: 91.66666667%
}

.cmp-cag .col-11,.cmp-cag .col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.cmp-cag .col-12 {
  width: 100%
}

.cmp-cag .offset-1 {
  margin-left: 8.33333333%
}

.cmp-cag .offset-2 {
  margin-left: 16.66666667%
}

.cmp-cag .offset-3 {
  margin-left: 25%
}

.cmp-cag .offset-4 {
  margin-left: 33.33333333%
}

.cmp-cag .offset-5 {
  margin-left: 41.66666667%
}

.cmp-cag .offset-6 {
  margin-left: 50%
}

.cmp-cag .offset-7 {
  margin-left: 58.33333333%
}

.cmp-cag .offset-8 {
  margin-left: 66.66666667%
}

.cmp-cag .offset-9 {
  margin-left: 75%
}

.cmp-cag .offset-10 {
  margin-left: 83.33333333%
}

.cmp-cag .offset-11 {
  margin-left: 91.66666667%
}

.cmp-cag .g-0,.cmp-cag .gx-0 {
  --bs-gutter-x: 0
}

.cmp-cag .g-0,.cmp-cag .gy-0 {
  --bs-gutter-y: 0
}

.cmp-cag .g-1,.cmp-cag .gx-1 {
  --bs-gutter-x: 0.25rem
}

.cmp-cag .g-1,.cmp-cag .gy-1 {
  --bs-gutter-y: 0.25rem
}

.cmp-cag .g-2,.cmp-cag .gx-2 {
  --bs-gutter-x: 0.5rem
}

.cmp-cag .g-2,.cmp-cag .gy-2 {
  --bs-gutter-y: 0.5rem
}

.cmp-cag .g-3,.cmp-cag .gx-3 {
  --bs-gutter-x: 1rem
}

.cmp-cag .g-3,.cmp-cag .gy-3 {
  --bs-gutter-y: 1rem
}

.cmp-cag .g-4,.cmp-cag .gx-4 {
  --bs-gutter-x: 1.5rem
}

.cmp-cag .g-4,.cmp-cag .gy-4 {
  --bs-gutter-y: 1.5rem
}

.cmp-cag .g-5,.cmp-cag .gx-5 {
  --bs-gutter-x: 3rem
}

.cmp-cag .g-5,.cmp-cag .gy-5 {
  --bs-gutter-y: 3rem
}

@media(min-width: 576px) {
  .cmp-cag .col-sm {
      -webkit-box-flex:1;
      -ms-flex: 1 0 0%;
      flex: 1 0 0%
  }

  .cmp-cag .row-cols-sm-auto>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto
  }

  .cmp-cag .row-cols-sm-1>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 100%
  }

  .cmp-cag .row-cols-sm-2>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 50%
  }

  .cmp-cag .row-cols-sm-3>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 33.33333333%
  }

  .cmp-cag .row-cols-sm-4>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 25%
  }

  .cmp-cag .row-cols-sm-5>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 20%
  }

  .cmp-cag .row-cols-sm-6>* {
      width: 16.66666667%
  }

  .cmp-cag .col-sm-auto,.cmp-cag .row-cols-sm-6>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-sm-auto {
      width: auto
  }

  .cmp-cag .col-sm-1 {
      width: 8.33333333%
  }

  .cmp-cag .col-sm-1,.cmp-cag .col-sm-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-sm-2 {
      width: 16.66666667%
  }

  .cmp-cag .col-sm-3 {
      width: 25%
  }

  .cmp-cag .col-sm-3,.cmp-cag .col-sm-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-sm-4 {
      width: 33.33333333%
  }

  .cmp-cag .col-sm-5 {
      width: 41.66666667%
  }

  .cmp-cag .col-sm-5,.cmp-cag .col-sm-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-sm-6 {
      width: 50%
  }

  .cmp-cag .col-sm-7 {
      width: 58.33333333%
  }

  .cmp-cag .col-sm-7,.cmp-cag .col-sm-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-sm-8 {
      width: 66.66666667%
  }

  .cmp-cag .col-sm-9 {
      width: 75%
  }

  .cmp-cag .col-sm-10,.cmp-cag .col-sm-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-sm-10 {
      width: 83.33333333%
  }

  .cmp-cag .col-sm-11 {
      width: 91.66666667%
  }

  .cmp-cag .col-sm-11,.cmp-cag .col-sm-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-sm-12 {
      width: 100%
  }

  .cmp-cag .offset-sm-0 {
      margin-left: 0
  }

  .cmp-cag .offset-sm-1 {
      margin-left: 8.33333333%
  }

  .cmp-cag .offset-sm-2 {
      margin-left: 16.66666667%
  }

  .cmp-cag .offset-sm-3 {
      margin-left: 25%
  }

  .cmp-cag .offset-sm-4 {
      margin-left: 33.33333333%
  }

  .cmp-cag .offset-sm-5 {
      margin-left: 41.66666667%
  }

  .cmp-cag .offset-sm-6 {
      margin-left: 50%
  }

  .cmp-cag .offset-sm-7 {
      margin-left: 58.33333333%
  }

  .cmp-cag .offset-sm-8 {
      margin-left: 66.66666667%
  }

  .cmp-cag .offset-sm-9 {
      margin-left: 75%
  }

  .cmp-cag .offset-sm-10 {
      margin-left: 83.33333333%
  }

  .cmp-cag .offset-sm-11 {
      margin-left: 91.66666667%
  }

  .cmp-cag .g-sm-0,.cmp-cag .gx-sm-0 {
      --bs-gutter-x: 0
  }

  .cmp-cag .g-sm-0,.cmp-cag .gy-sm-0 {
      --bs-gutter-y: 0
  }

  .cmp-cag .g-sm-1,.cmp-cag .gx-sm-1 {
      --bs-gutter-x: 0.25rem
  }

  .cmp-cag .g-sm-1,.cmp-cag .gy-sm-1 {
      --bs-gutter-y: 0.25rem
  }

  .cmp-cag .g-sm-2,.cmp-cag .gx-sm-2 {
      --bs-gutter-x: 0.5rem
  }

  .cmp-cag .g-sm-2,.cmp-cag .gy-sm-2 {
      --bs-gutter-y: 0.5rem
  }

  .cmp-cag .g-sm-3,.cmp-cag .gx-sm-3 {
      --bs-gutter-x: 1rem
  }

  .cmp-cag .g-sm-3,.cmp-cag .gy-sm-3 {
      --bs-gutter-y: 1rem
  }

  .cmp-cag .g-sm-4,.cmp-cag .gx-sm-4 {
      --bs-gutter-x: 1.5rem
  }

  .cmp-cag .g-sm-4,.cmp-cag .gy-sm-4 {
      --bs-gutter-y: 1.5rem
  }

  .cmp-cag .g-sm-5,.cmp-cag .gx-sm-5 {
      --bs-gutter-x: 3rem
  }

  .cmp-cag .g-sm-5,.cmp-cag .gy-sm-5 {
      --bs-gutter-y: 3rem
  }
}

@media(min-width: 768px) {
  .cmp-cag .col-md {
      -webkit-box-flex:1;
      -ms-flex: 1 0 0%;
      flex: 1 0 0%
  }

  .cmp-cag .row-cols-md-auto>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto
  }

  .cmp-cag .row-cols-md-1>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 100%
  }

  .cmp-cag .row-cols-md-2>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 50%
  }

  .cmp-cag .row-cols-md-3>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 33.33333333%
  }

  .cmp-cag .row-cols-md-4>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 25%
  }

  .cmp-cag .row-cols-md-5>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 20%
  }

  .cmp-cag .row-cols-md-6>* {
      width: 16.66666667%
  }

  .cmp-cag .col-md-auto,.cmp-cag .row-cols-md-6>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-md-auto {
      width: auto
  }

  .cmp-cag .col-md-1 {
      width: 8.33333333%
  }

  .cmp-cag .col-md-1,.cmp-cag .col-md-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-md-2 {
      width: 16.66666667%
  }

  .cmp-cag .col-md-3 {
      width: 25%
  }

  .cmp-cag .col-md-3,.cmp-cag .col-md-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-md-4 {
      width: 33.33333333%
  }

  .cmp-cag .col-md-5 {
      width: 41.66666667%
  }

  .cmp-cag .col-md-5,.cmp-cag .col-md-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-md-6 {
      width: 50%
  }

  .cmp-cag .col-md-7 {
      width: 58.33333333%
  }

  .cmp-cag .col-md-7,.cmp-cag .col-md-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-md-8 {
      width: 66.66666667%
  }

  .cmp-cag .col-md-9 {
      width: 75%
  }

  .cmp-cag .col-md-10,.cmp-cag .col-md-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-md-10 {
      width: 83.33333333%
  }

  .cmp-cag .col-md-11 {
      width: 91.66666667%
  }

  .cmp-cag .col-md-11,.cmp-cag .col-md-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-md-12 {
      width: 100%
  }

  .cmp-cag .offset-md-0 {
      margin-left: 0
  }

  .cmp-cag .offset-md-1 {
      margin-left: 8.33333333%
  }

  .cmp-cag .offset-md-2 {
      margin-left: 16.66666667%
  }

  .cmp-cag .offset-md-3 {
      margin-left: 25%
  }

  .cmp-cag .offset-md-4 {
      margin-left: 33.33333333%
  }

  .cmp-cag .offset-md-5 {
      margin-left: 41.66666667%
  }

  .cmp-cag .offset-md-6 {
      margin-left: 50%
  }

  .cmp-cag .offset-md-7 {
      margin-left: 58.33333333%
  }

  .cmp-cag .offset-md-8 {
      margin-left: 66.66666667%
  }

  .cmp-cag .offset-md-9 {
      margin-left: 75%
  }

  .cmp-cag .offset-md-10 {
      margin-left: 83.33333333%
  }

  .cmp-cag .offset-md-11 {
      margin-left: 91.66666667%
  }

  .cmp-cag .g-md-0,.cmp-cag .gx-md-0 {
      --bs-gutter-x: 0
  }

  .cmp-cag .g-md-0,.cmp-cag .gy-md-0 {
      --bs-gutter-y: 0
  }

  .cmp-cag .g-md-1,.cmp-cag .gx-md-1 {
      --bs-gutter-x: 0.25rem
  }

  .cmp-cag .g-md-1,.cmp-cag .gy-md-1 {
      --bs-gutter-y: 0.25rem
  }

  .cmp-cag .g-md-2,.cmp-cag .gx-md-2 {
      --bs-gutter-x: 0.5rem
  }

  .cmp-cag .g-md-2,.cmp-cag .gy-md-2 {
      --bs-gutter-y: 0.5rem
  }

  .cmp-cag .g-md-3,.cmp-cag .gx-md-3 {
      --bs-gutter-x: 1rem
  }

  .cmp-cag .g-md-3,.cmp-cag .gy-md-3 {
      --bs-gutter-y: 1rem
  }

  .cmp-cag .g-md-4,.cmp-cag .gx-md-4 {
      --bs-gutter-x: 1.5rem
  }

  .cmp-cag .g-md-4,.cmp-cag .gy-md-4 {
      --bs-gutter-y: 1.5rem
  }

  .cmp-cag .g-md-5,.cmp-cag .gx-md-5 {
      --bs-gutter-x: 3rem
  }

  .cmp-cag .g-md-5,.cmp-cag .gy-md-5 {
      --bs-gutter-y: 3rem
  }
}

@media(min-width: 992px) {
  .cmp-cag .col-lg {
      -webkit-box-flex:1;
      -ms-flex: 1 0 0%;
      flex: 1 0 0%
  }

  .cmp-cag .row-cols-lg-auto>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto
  }

  .cmp-cag .row-cols-lg-1>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 100%
  }

  .cmp-cag .row-cols-lg-2>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 50%
  }

  .cmp-cag .row-cols-lg-3>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 33.33333333%
  }

  .cmp-cag .row-cols-lg-4>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 25%
  }

  .cmp-cag .row-cols-lg-5>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 20%
  }

  .cmp-cag .row-cols-lg-6>* {
      width: 16.66666667%
  }

  .cmp-cag .col-lg-auto,.cmp-cag .row-cols-lg-6>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-lg-auto {
      width: auto
  }

  .cmp-cag .col-lg-1 {
      width: 8.33333333%
  }

  .cmp-cag .col-lg-1,.cmp-cag .col-lg-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-lg-2 {
      width: 16.66666667%
  }

  .cmp-cag .col-lg-3 {
      width: 25%
  }

  .cmp-cag .col-lg-3,.cmp-cag .col-lg-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-lg-4 {
      width: 33.33333333%
  }

  .cmp-cag .col-lg-5 {
      width: 41.66666667%
  }

  .cmp-cag .col-lg-5,.cmp-cag .col-lg-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-lg-6 {
      width: 50%
  }

  .cmp-cag .col-lg-7 {
      width: 58.33333333%
  }

  .cmp-cag .col-lg-7,.cmp-cag .col-lg-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-lg-8 {
      width: 66.66666667%
  }

  .cmp-cag .col-lg-9 {
      width: 75%
  }

  .cmp-cag .col-lg-10,.cmp-cag .col-lg-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-lg-10 {
      width: 83.33333333%
  }

  .cmp-cag .col-lg-11 {
      width: 91.66666667%
  }

  .cmp-cag .col-lg-11,.cmp-cag .col-lg-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-lg-12 {
      width: 100%
  }

  .cmp-cag .offset-lg-0 {
      margin-left: 0
  }

  .cmp-cag .offset-lg-1 {
      margin-left: 8.33333333%
  }

  .cmp-cag .offset-lg-2 {
      margin-left: 16.66666667%
  }

  .cmp-cag .offset-lg-3 {
      margin-left: 25%
  }

  .cmp-cag .offset-lg-4 {
      margin-left: 33.33333333%
  }

  .cmp-cag .offset-lg-5 {
      margin-left: 41.66666667%
  }

  .cmp-cag .offset-lg-6 {
      margin-left: 50%
  }

  .cmp-cag .offset-lg-7 {
      margin-left: 58.33333333%
  }

  .cmp-cag .offset-lg-8 {
      margin-left: 66.66666667%
  }

  .cmp-cag .offset-lg-9 {
      margin-left: 75%
  }

  .cmp-cag .offset-lg-10 {
      margin-left: 83.33333333%
  }

  .cmp-cag .offset-lg-11 {
      margin-left: 91.66666667%
  }

  .cmp-cag .g-lg-0,.cmp-cag .gx-lg-0 {
      --bs-gutter-x: 0
  }

  .cmp-cag .g-lg-0,.cmp-cag .gy-lg-0 {
      --bs-gutter-y: 0
  }

  .cmp-cag .g-lg-1,.cmp-cag .gx-lg-1 {
      --bs-gutter-x: 0.25rem
  }

  .cmp-cag .g-lg-1,.cmp-cag .gy-lg-1 {
      --bs-gutter-y: 0.25rem
  }

  .cmp-cag .g-lg-2,.cmp-cag .gx-lg-2 {
      --bs-gutter-x: 0.5rem
  }

  .cmp-cag .g-lg-2,.cmp-cag .gy-lg-2 {
      --bs-gutter-y: 0.5rem
  }

  .cmp-cag .g-lg-3,.cmp-cag .gx-lg-3 {
      --bs-gutter-x: 1rem
  }

  .cmp-cag .g-lg-3,.cmp-cag .gy-lg-3 {
      --bs-gutter-y: 1rem
  }

  .cmp-cag .g-lg-4,.cmp-cag .gx-lg-4 {
      --bs-gutter-x: 1.5rem
  }

  .cmp-cag .g-lg-4,.cmp-cag .gy-lg-4 {
      --bs-gutter-y: 1.5rem
  }

  .cmp-cag .g-lg-5,.cmp-cag .gx-lg-5 {
      --bs-gutter-x: 3rem
  }

  .cmp-cag .g-lg-5,.cmp-cag .gy-lg-5 {
      --bs-gutter-y: 3rem
  }
}

@media(min-width: 1200px) {
  .cmp-cag .col-xl {
      -webkit-box-flex:1;
      -ms-flex: 1 0 0%;
      flex: 1 0 0%
  }

  .cmp-cag .row-cols-xl-auto>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto
  }

  .cmp-cag .row-cols-xl-1>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 100%
  }

  .cmp-cag .row-cols-xl-2>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 50%
  }

  .cmp-cag .row-cols-xl-3>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 33.33333333%
  }

  .cmp-cag .row-cols-xl-4>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 25%
  }

  .cmp-cag .row-cols-xl-5>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 20%
  }

  .cmp-cag .row-cols-xl-6>* {
      width: 16.66666667%
  }

  .cmp-cag .col-xl-auto,.cmp-cag .row-cols-xl-6>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xl-auto {
      width: auto
  }

  .cmp-cag .col-xl-1 {
      width: 8.33333333%
  }

  .cmp-cag .col-xl-1,.cmp-cag .col-xl-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xl-2 {
      width: 16.66666667%
  }

  .cmp-cag .col-xl-3 {
      width: 25%
  }

  .cmp-cag .col-xl-3,.cmp-cag .col-xl-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xl-4 {
      width: 33.33333333%
  }

  .cmp-cag .col-xl-5 {
      width: 41.66666667%
  }

  .cmp-cag .col-xl-5,.cmp-cag .col-xl-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xl-6 {
      width: 50%
  }

  .cmp-cag .col-xl-7 {
      width: 58.33333333%
  }

  .cmp-cag .col-xl-7,.cmp-cag .col-xl-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xl-8 {
      width: 66.66666667%
  }

  .cmp-cag .col-xl-9 {
      width: 75%
  }

  .cmp-cag .col-xl-10,.cmp-cag .col-xl-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xl-10 {
      width: 83.33333333%
  }

  .cmp-cag .col-xl-11 {
      width: 91.66666667%
  }

  .cmp-cag .col-xl-11,.cmp-cag .col-xl-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xl-12 {
      width: 100%
  }

  .cmp-cag .offset-xl-0 {
      margin-left: 0
  }

  .cmp-cag .offset-xl-1 {
      margin-left: 8.33333333%
  }

  .cmp-cag .offset-xl-2 {
      margin-left: 16.66666667%
  }

  .cmp-cag .offset-xl-3 {
      margin-left: 25%
  }

  .cmp-cag .offset-xl-4 {
      margin-left: 33.33333333%
  }

  .cmp-cag .offset-xl-5 {
      margin-left: 41.66666667%
  }

  .cmp-cag .offset-xl-6 {
      margin-left: 50%
  }

  .cmp-cag .offset-xl-7 {
      margin-left: 58.33333333%
  }

  .cmp-cag .offset-xl-8 {
      margin-left: 66.66666667%
  }

  .cmp-cag .offset-xl-9 {
      margin-left: 75%
  }

  .cmp-cag .offset-xl-10 {
      margin-left: 83.33333333%
  }

  .cmp-cag .offset-xl-11 {
      margin-left: 91.66666667%
  }

  .cmp-cag .g-xl-0,.cmp-cag .gx-xl-0 {
      --bs-gutter-x: 0
  }

  .cmp-cag .g-xl-0,.cmp-cag .gy-xl-0 {
      --bs-gutter-y: 0
  }

  .cmp-cag .g-xl-1,.cmp-cag .gx-xl-1 {
      --bs-gutter-x: 0.25rem
  }

  .cmp-cag .g-xl-1,.cmp-cag .gy-xl-1 {
      --bs-gutter-y: 0.25rem
  }

  .cmp-cag .g-xl-2,.cmp-cag .gx-xl-2 {
      --bs-gutter-x: 0.5rem
  }

  .cmp-cag .g-xl-2,.cmp-cag .gy-xl-2 {
      --bs-gutter-y: 0.5rem
  }

  .cmp-cag .g-xl-3,.cmp-cag .gx-xl-3 {
      --bs-gutter-x: 1rem
  }

  .cmp-cag .g-xl-3,.cmp-cag .gy-xl-3 {
      --bs-gutter-y: 1rem
  }

  .cmp-cag .g-xl-4,.cmp-cag .gx-xl-4 {
      --bs-gutter-x: 1.5rem
  }

  .cmp-cag .g-xl-4,.cmp-cag .gy-xl-4 {
      --bs-gutter-y: 1.5rem
  }

  .cmp-cag .g-xl-5,.cmp-cag .gx-xl-5 {
      --bs-gutter-x: 3rem
  }

  .cmp-cag .g-xl-5,.cmp-cag .gy-xl-5 {
      --bs-gutter-y: 3rem
  }
}

@media(min-width: 1400px) {
  .cmp-cag .col-xxl {
      -webkit-box-flex:1;
      -ms-flex: 1 0 0%;
      flex: 1 0 0%
  }

  .cmp-cag .row-cols-xxl-auto>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto
  }

  .cmp-cag .row-cols-xxl-1>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 100%
  }

  .cmp-cag .row-cols-xxl-2>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 50%
  }

  .cmp-cag .row-cols-xxl-3>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 33.33333333%
  }

  .cmp-cag .row-cols-xxl-4>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 25%
  }

  .cmp-cag .row-cols-xxl-5>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: 20%
  }

  .cmp-cag .row-cols-xxl-6>* {
      width: 16.66666667%
  }

  .cmp-cag .col-xxl-auto,.cmp-cag .row-cols-xxl-6>* {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xxl-auto {
      width: auto
  }

  .cmp-cag .col-xxl-1 {
      width: 8.33333333%
  }

  .cmp-cag .col-xxl-1,.cmp-cag .col-xxl-2 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xxl-2 {
      width: 16.66666667%
  }

  .cmp-cag .col-xxl-3 {
      width: 25%
  }

  .cmp-cag .col-xxl-3,.cmp-cag .col-xxl-4 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xxl-4 {
      width: 33.33333333%
  }

  .cmp-cag .col-xxl-5 {
      width: 41.66666667%
  }

  .cmp-cag .col-xxl-5,.cmp-cag .col-xxl-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xxl-6 {
      width: 50%
  }

  .cmp-cag .col-xxl-7 {
      width: 58.33333333%
  }

  .cmp-cag .col-xxl-7,.cmp-cag .col-xxl-8 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xxl-8 {
      width: 66.66666667%
  }

  .cmp-cag .col-xxl-9 {
      width: 75%
  }

  .cmp-cag .col-xxl-10,.cmp-cag .col-xxl-9 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xxl-10 {
      width: 83.33333333%
  }

  .cmp-cag .col-xxl-11 {
      width: 91.66666667%
  }

  .cmp-cag .col-xxl-11,.cmp-cag .col-xxl-12 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto
  }

  .cmp-cag .col-xxl-12 {
      width: 100%
  }

  .cmp-cag .offset-xxl-0 {
      margin-left: 0
  }

  .cmp-cag .offset-xxl-1 {
      margin-left: 8.33333333%
  }

  .cmp-cag .offset-xxl-2 {
      margin-left: 16.66666667%
  }

  .cmp-cag .offset-xxl-3 {
      margin-left: 25%
  }

  .cmp-cag .offset-xxl-4 {
      margin-left: 33.33333333%
  }

  .cmp-cag .offset-xxl-5 {
      margin-left: 41.66666667%
  }

  .cmp-cag .offset-xxl-6 {
      margin-left: 50%
  }

  .cmp-cag .offset-xxl-7 {
      margin-left: 58.33333333%
  }

  .cmp-cag .offset-xxl-8 {
      margin-left: 66.66666667%
  }

  .cmp-cag .offset-xxl-9 {
      margin-left: 75%
  }

  .cmp-cag .offset-xxl-10 {
      margin-left: 83.33333333%
  }

  .cmp-cag .offset-xxl-11 {
      margin-left: 91.66666667%
  }

  .cmp-cag .g-xxl-0,.cmp-cag .gx-xxl-0 {
      --bs-gutter-x: 0
  }

  .cmp-cag .g-xxl-0,.cmp-cag .gy-xxl-0 {
      --bs-gutter-y: 0
  }

  .cmp-cag .g-xxl-1,.cmp-cag .gx-xxl-1 {
      --bs-gutter-x: 0.25rem
  }

  .cmp-cag .g-xxl-1,.cmp-cag .gy-xxl-1 {
      --bs-gutter-y: 0.25rem
  }

  .cmp-cag .g-xxl-2,.cmp-cag .gx-xxl-2 {
      --bs-gutter-x: 0.5rem
  }

  .cmp-cag .g-xxl-2,.cmp-cag .gy-xxl-2 {
      --bs-gutter-y: 0.5rem
  }

  .cmp-cag .g-xxl-3,.cmp-cag .gx-xxl-3 {
      --bs-gutter-x: 1rem
  }

  .cmp-cag .g-xxl-3,.cmp-cag .gy-xxl-3 {
      --bs-gutter-y: 1rem
  }

  .cmp-cag .g-xxl-4,.cmp-cag .gx-xxl-4 {
      --bs-gutter-x: 1.5rem
  }

  .cmp-cag .g-xxl-4,.cmp-cag .gy-xxl-4 {
      --bs-gutter-y: 1.5rem
  }

  .cmp-cag .g-xxl-5,.cmp-cag .gx-xxl-5 {
      --bs-gutter-x: 3rem
  }

  .cmp-cag .g-xxl-5,.cmp-cag .gy-xxl-5 {
      --bs-gutter-y: 3rem
  }
}

.cmp-cag .table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb),0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb),0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb),0.075);
  border-color: var(--bs-table-border-color);
  margin-bottom: 1rem;
  vertical-align: top;
  width: 100%
}

.cmp-cag .table>:not(caption)>*>* {
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)));
  color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));
  padding: .5rem
}

.cmp-cag .table>tbody {
  vertical-align: inherit
}

.cmp-cag .table>thead {
  vertical-align: bottom
}

.cmp-cag .table-group-divider {
  border-top: calc(var(--bs-border-width)*2) solid
}

.cmp-cag .caption-top {
  caption-side: top
}

.cmp-cag .table-sm>:not(caption)>*>* {
  padding: .25rem
}

.cmp-cag .table-bordered>:not(caption)>* {
  border-width: var(--bs-border-width) 0
}

.cmp-cag .table-bordered>:not(caption)>*>* {
  border-width: 0 var(--bs-border-width)
}

.cmp-cag .table-borderless>:not(caption)>*>* {
  border-bottom-width: 0
}

.cmp-cag .table-borderless>:not(:first-child) {
  border-top-width: 0
}

.cmp-cag .table-striped-columns>:not(caption)>tr>:nth-child(2n),.cmp-cag .table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg)
}

.cmp-cag .table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg)
}

.cmp-cag .table-hover>tbody>tr:hover>* {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg)
}

.cmp-cag .table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a5b5cc;
  --bs-table-striped-bg: #c4d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe5;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000
}

.cmp-cag .table-primary,.cmp-cag .table-secondary {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color)
}

.cmp-cag .table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b4b6b7;
  --bs-table-striped-bg: #d6d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbcdce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000
}

.cmp-cag .table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000
}

.cmp-cag .table-info,.cmp-cag .table-success {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color)
}

.cmp-cag .table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a5c4ca;
  --bs-table-striped-bg: #c4e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000
}

.cmp-cag .table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e6c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dab9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece0be;
  --bs-table-hover-color: #000
}

.cmp-cag .table-danger,.cmp-cag .table-warning {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color)
}

.cmp-cag .table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc1c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7c9;
  --bs-table-hover-color: #000
}

.cmp-cag .table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000
}

.cmp-cag .table-dark,.cmp-cag .table-light {
  border-color: var(--bs-table-border-color);
  color: var(--bs-table-color)
}

.cmp-cag .table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff
}

.cmp-cag .table-responsive {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto
}

@media(max-width: 575.98px) {
  .cmp-cag .table-responsive-sm {
      -webkit-overflow-scrolling:touch;
      overflow-x: auto
  }
}

@media(max-width: 767.98px) {
  .cmp-cag .table-responsive-md {
      -webkit-overflow-scrolling:touch;
      overflow-x: auto
  }
}

@media(max-width: 991.98px) {
  .cmp-cag .table-responsive-lg {
      -webkit-overflow-scrolling:touch;
      overflow-x: auto
  }
}

@media(max-width: 1199.98px) {
  .cmp-cag .table-responsive-xl {
      -webkit-overflow-scrolling:touch;
      overflow-x: auto
  }
}

@media(max-width: 1399.98px) {
  .cmp-cag .table-responsive-xxl {
      -webkit-overflow-scrolling:touch;
      overflow-x: auto
  }
}

.cmp-cag .form-label {
  margin-bottom: .5rem
}

.cmp-cag .col-form-label {
  font-size: inherit;
  line-height: 1.5;
  margin-bottom: 0;
  padding-bottom: calc(.375rem + var(--bs-border-width));
  padding-top: calc(.375rem + var(--bs-border-width))
}

.cmp-cag .col-form-label-lg {
  font-size: 1.25rem;
  padding-bottom: calc(.5rem + var(--bs-border-width));
  padding-top: calc(.5rem + var(--bs-border-width))
}

.cmp-cag .col-form-label-sm {
  font-size: .875rem;
  padding-bottom: calc(.25rem + var(--bs-border-width));
  padding-top: calc(.25rem + var(--bs-border-width))
}

.cmp-cag .form-text {
  color: var(--bs-secondary-color);
  font-size: .875em;
  margin-top: .25rem
}

.cmp-cag .form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-clip: padding-box;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  color: var(--bs-body-color);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem .75rem;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  width: 100%
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .form-control {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .form-control[type=file] {
  overflow: hidden
}

.cmp-cag .form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer
}

.cmp-cag .form-control:focus {
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  -webkit-box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
  color: var(--bs-body-color);
  outline: 0
}

.cmp-cag .form-control::-webkit-date-and-time-value {
  height: 1.5em;
  margin: 0;
  min-width: 85px
}

.cmp-cag .form-control::-webkit-datetime-edit {
  display: block;
  padding: 0
}

.cmp-cag .form-control::-webkit-input-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1
}

.cmp-cag .form-control::-moz-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1
}

.cmp-cag .form-control:-ms-input-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1
}

.cmp-cag .form-control::-ms-input-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1
}

.cmp-cag .form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1
}

.cmp-cag .form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1
}

.cmp-cag .form-control::file-selector-button {
  -webkit-margin-end: .75rem;
  background-color: var(--bs-tertiary-bg);
  border: 0 solid;
  border-color: inherit;
  border-inline-end-width:var(--bs-border-width);border-radius: 0;
  color: var(--bs-body-color);
  margin: -.375rem -.75rem;
  margin-inline-end:.75rem;padding: .375rem .75rem;
  pointer-events: none;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .form-control::file-selector-button {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg)
}

.cmp-cag .form-control-plaintext {
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
  color: var(--bs-body-color);
  display: block;
  line-height: 1.5;
  margin-bottom: 0;
  padding: .375rem 0;
  width: 100%
}

.cmp-cag .form-control-plaintext:focus {
  outline: 0
}

.cmp-cag .form-control-plaintext.form-control-lg,.cmp-cag .form-control-plaintext.form-control-sm {
  padding-left: 0;
  padding-right: 0
}

.cmp-cag .form-control-sm {
  border-radius: var(--bs-border-radius-sm);
  font-size: .875rem;
  min-height: calc(1.5em + .5rem + var(--bs-border-width)*2);
  padding: .25rem .5rem
}

.cmp-cag .form-control-sm::file-selector-button {
  -webkit-margin-end: .5rem;
  margin: -.25rem -.5rem;
  margin-inline-end:.5rem;padding: .25rem .5rem
}

.cmp-cag .form-control-lg {
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
  min-height: calc(1.5em + 1rem + var(--bs-border-width)*2);
  padding: .5rem 1rem
}

.cmp-cag .form-control-lg::file-selector-button {
  -webkit-margin-end: 1rem;
  margin: -.5rem -1rem;
  margin-inline-end:1rem;padding: .5rem 1rem
}

.cmp-cag textarea.form-control {
  min-height: calc(1.5em + .75rem + var(--bs-border-width)*2)
}

.cmp-cag textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + var(--bs-border-width)*2)
}

.cmp-cag textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + var(--bs-border-width)*2)
}

.cmp-cag .form-control-color {
  height: calc(1.5em + .75rem + var(--bs-border-width)*2);
  padding: .375rem;
  width: 3rem
}

.cmp-cag .form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}

.cmp-cag .form-control-color::-moz-color-swatch {
  border: 0!important;
  border-radius: var(--bs-border-radius)
}

.cmp-cag .form-control-color::-webkit-color-swatch {
  border: 0!important;
  border-radius: var(--bs-border-radius)
}

.cmp-cag .form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + var(--bs-border-width)*2)
}

.cmp-cag .form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + var(--bs-border-width)*2)
}

.cmp-cag .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
  background-position: right .75rem center;
  background-repeat: no-repeat;
  background-size: 1pc 9pt;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  color: var(--bs-body-color);
  display: block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem 2.25rem .375rem .75rem;
  -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  width: 100%
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .form-select {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .form-select:focus {
  border-color: #86b7fe;
  -webkit-box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
  outline: 0
}

.cmp-cag .form-select[multiple],.cmp-cag .form-select[size]:not([size="1"]) {
  background-image: none;
  padding-right: .75rem
}

.cmp-cag .form-select:disabled {
  background-color: var(--bs-secondary-bg)
}

.cmp-cag .form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color)
}

.cmp-cag .form-select-sm {
  border-radius: var(--bs-border-radius-sm);
  font-size: .875rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  padding-top: .25rem
}

.cmp-cag .form-select-lg {
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  padding-top: .5rem
}

.cmp-cag [data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")
}

.cmp-cag .form-check {
  display: block;
  margin-bottom: .125rem;
  min-height: 1.5rem;
  padding-left: 1.5em
}

.cmp-cag .form-check .form-check-input {
  float: left;
  margin-left: -1.5em
}

.cmp-cag .form-check-reverse {
  padding-left: 0;
  padding-right: 1.5em;
  text-align: right
}

.cmp-cag .form-check-reverse .form-check-input {
  float: right;
  margin-left: 0;
  margin-right: -1.5em
}

.cmp-cag .form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  -ms-flex-negative: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  flex-shrink: 0;
  height: 1em;
  margin-top: .25em;
  print-color-adjust: exact;
  vertical-align: top;
  width: 1em
}

.cmp-cag .form-check-input[type=checkbox] {
  border-radius: .25em
}

.cmp-cag .form-check-input[type=radio] {
  border-radius: 50%
}

.cmp-cag .form-check-input:active {
  -webkit-filter: brightness(90%);
  filter: brightness(90%)
}

.cmp-cag .form-check-input:focus {
  border-color: #86b7fe;
  -webkit-box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
  outline: 0
}

.cmp-cag .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd
}

.cmp-cag .form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.cmp-cag .form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.cmp-cag .form-check-input[type=checkbox]:indeterminate {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
  background-color: #0d6efd;
  border-color: #0d6efd
}

.cmp-cag .form-check-input:disabled {
  -webkit-filter: none;
  filter: none;
  opacity: .5;
  pointer-events: none
}

.cmp-cag .form-check-input:disabled~.form-check-label,.cmp-cag .form-check-input[disabled]~.form-check-label {
  cursor: default;
  opacity: .5
}

.cmp-cag .form-switch {
  padding-left: 2.5em
}

.cmp-cag .form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-image: var(--bs-form-switch-bg);
  background-position: 0;
  border-radius: 2em;
  margin-left: -2.5em;
  -webkit-transition: background-position .15s ease-in-out;
  transition: background-position .15s ease-in-out;
  width: 2em
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .form-switch .form-check-input {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e")
}

.cmp-cag .form-switch .form-check-input:checked {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-position: 100%
}

.cmp-cag .form-switch.form-check-reverse {
  padding-left: 0;
  padding-right: 2.5em
}

.cmp-cag .form-switch.form-check-reverse .form-check-input {
  margin-left: 0;
  margin-right: -2.5em
}

.cmp-cag .form-check-inline {
  display: inline-block;
  margin-right: 1rem
}

.cmp-cag .btn-check {
  clip: rect(0,0,0,0);
  pointer-events: none;
  position: absolute
}

.cmp-cag .btn-check:disabled+.btn,.cmp-cag .btn-check[disabled]+.btn {
  -webkit-filter: none;
  filter: none;
  opacity: .65;
  pointer-events: none
}

.cmp-cag [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")
}

.cmp-cag .form-range {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  height: 1.5rem;
  padding: 0;
  width: 100%
}

.cmp-cag .form-range:focus {
  outline: 0
}

.cmp-cag .form-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25);
  box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
}

.cmp-cag .form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)
}

.cmp-cag .form-range::-moz-focus-outer {
  border: 0
}

.cmp-cag .form-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  width: 1rem
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .form-range::-webkit-slider-thumb {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe
}

.cmp-cag .form-range::-webkit-slider-runnable-track {
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
  color: transparent;
  cursor: pointer;
  height: .5rem;
  width: 100%
}

.cmp-cag .form-range::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  height: 1rem;
  -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  width: 1rem
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .form-range::-moz-range-thumb {
      -moz-transition: none;
      transition: none
  }
}

.cmp-cag .form-range::-moz-range-thumb:active {
  background-color: #b6d4fe
}

.cmp-cag .form-range::-moz-range-track {
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
  color: transparent;
  cursor: pointer;
  height: .5rem;
  width: 100%
}

.cmp-cag .form-range:disabled {
  pointer-events: none
}

.cmp-cag .form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color)
}

.cmp-cag .form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color)
}

.cmp-cag .form-floating {
  position: relative
}

.cmp-cag .form-floating>.form-control,.cmp-cag .form-floating>.form-control-plaintext,.cmp-cag .form-floating>.form-select {
  height: calc(3.5rem + var(--bs-border-width)*2);
  line-height: 1.25;
  min-height: calc(3.5rem + var(--bs-border-width)*2)
}

.cmp-cag .form-floating>label {
  border: var(--bs-border-width) solid transparent;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: 1rem .75rem;
  pointer-events: none;
  position: absolute;
  text-align: start;
  text-overflow: ellipsis;
  top: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
  transition: opacity .1s ease-in-out,-webkit-transform .1s ease-in-out;
  transition: opacity .1s ease-in-out,transform .1s ease-in-out;
  transition: opacity .1s ease-in-out,transform .1s ease-in-out,-webkit-transform .1s ease-in-out;
  white-space: nowrap;
  z-index: 2
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .form-floating>label {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .form-floating>.form-control,.cmp-cag .form-floating>.form-control-plaintext {
  padding: 1rem .75rem
}

.cmp-cag .form-floating>.form-control-plaintext::-webkit-input-placeholder,.cmp-cag .form-floating>.form-control::-webkit-input-placeholder {
  color: transparent
}

.cmp-cag .form-floating>.form-control-plaintext::-moz-placeholder,.cmp-cag .form-floating>.form-control::-moz-placeholder {
  color: transparent
}

.cmp-cag .form-floating>.form-control-plaintext:-ms-input-placeholder,.cmp-cag .form-floating>.form-control:-ms-input-placeholder {
  color: transparent
}

.cmp-cag .form-floating>.form-control-plaintext::-ms-input-placeholder,.cmp-cag .form-floating>.form-control::-ms-input-placeholder {
  color: transparent
}

.cmp-cag .form-floating>.form-control-plaintext::placeholder,.cmp-cag .form-floating>.form-control::placeholder {
  color: transparent
}

.cmp-cag .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.cmp-cag .form-floating>.form-control:not(:-moz-placeholder-shown) {
  padding-bottom: .625rem;
  padding-top: 1.625rem
}

.cmp-cag .form-floating>.form-control-plaintext:not(:-ms-input-placeholder),.cmp-cag .form-floating>.form-control:not(:-ms-input-placeholder) {
  padding-bottom: .625rem;
  padding-top: 1.625rem
}

.cmp-cag .form-floating>.form-control-plaintext:focus,.cmp-cag .form-floating>.form-control-plaintext:not(:placeholder-shown),.cmp-cag .form-floating>.form-control:focus,.cmp-cag .form-floating>.form-control:not(:placeholder-shown) {
  padding-bottom: .625rem;
  padding-top: 1.625rem
}

.cmp-cag .form-floating>.form-control-plaintext:-webkit-autofill,.cmp-cag .form-floating>.form-control:-webkit-autofill {
  padding-bottom: .625rem;
  padding-top: 1.625rem
}

.cmp-cag .form-floating>.form-select {
  padding-bottom: .625rem;
  padding-top: 1.625rem
}

.cmp-cag .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
  color: rgba(var(--bs-body-color-rgb),.65);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.cmp-cag .form-floating>.form-control:not(:-ms-input-placeholder)~label {
  color: rgba(var(--bs-body-color-rgb),.65);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.cmp-cag .form-floating>.form-control-plaintext~label,.cmp-cag .form-floating>.form-control:focus~label,.cmp-cag .form-floating>.form-control:not(:placeholder-shown)~label,.cmp-cag .form-floating>.form-select~label {
  color: rgba(var(--bs-body-color-rgb),.65);
  -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.cmp-cag .form-floating>.form-control:not(:-moz-placeholder-shown)~label:after {
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  content: "";
  height: 1.5em;
  inset: 1rem .375rem;
  position: absolute;
  z-index: -1
}

.cmp-cag .form-floating>.form-control:not(:-ms-input-placeholder)~label:after {
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  content: "";
  height: 1.5em;
  inset: 1rem .375rem;
  position: absolute;
  z-index: -1
}

.cmp-cag .form-floating>.form-control-plaintext~label:after,.cmp-cag .form-floating>.form-control:focus~label:after,.cmp-cag .form-floating>.form-control:not(:placeholder-shown)~label:after,.cmp-cag .form-floating>.form-select~label:after {
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
  content: "";
  height: 1.5em;
  inset: 1rem .375rem;
  position: absolute;
  z-index: -1
}

.cmp-cag .form-floating>.form-control:-webkit-autofill~label {
  color: rgba(var(--bs-body-color-rgb),.65);
  -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.cmp-cag .form-floating>.form-control-plaintext~label {
  border-width: var(--bs-border-width) 0
}

.cmp-cag .form-floating>.form-control:disabled~label,.cmp-cag .form-floating>:disabled~label {
  color: #6c757d
}

.cmp-cag .form-floating>.form-control:disabled~label:after,.cmp-cag .form-floating>:disabled~label:after {
  background-color: var(--bs-secondary-bg)
}

.cmp-cag .input-group {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%
}

.cmp-cag .input-group>.form-control,.cmp-cag .input-group>.form-floating,.cmp-cag .input-group>.form-select {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  position: relative;
  width: 1%
}

.cmp-cag .input-group>.form-control:focus,.cmp-cag .input-group>.form-floating:focus-within,.cmp-cag .input-group>.form-select:focus {
  z-index: 5
}

.cmp-cag .input-group .btn {
  position: relative;
  z-index: 2
}

.cmp-cag .input-group .btn:focus {
  z-index: 5
}

.cmp-cag .input-group-text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  color: var(--bs-body-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: .375rem .75rem;
  text-align: center;
  white-space: nowrap
}

.cmp-cag .input-group-lg>.btn,.cmp-cag .input-group-lg>.form-control,.cmp-cag .input-group-lg>.form-select,.cmp-cag .input-group-lg>.input-group-text {
  border-radius: var(--bs-border-radius-lg);
  font-size: 1.25rem;
  padding: .5rem 1rem
}

.cmp-cag .input-group-sm>.btn,.cmp-cag .input-group-sm>.form-control,.cmp-cag .input-group-sm>.form-select,.cmp-cag .input-group-sm>.input-group-text {
  border-radius: var(--bs-border-radius-sm);
  font-size: .875rem;
  padding: .25rem .5rem
}

.cmp-cag .input-group-lg>.form-select,.cmp-cag .input-group-sm>.form-select {
  padding-right: 3rem
}

.cmp-cag .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.cmp-cag .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.cmp-cag .input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.cmp-cag .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),.cmp-cag .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.cmp-cag .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.cmp-cag .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.cmp-cag .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.cmp-cag .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: calc(var(--bs-border-width)*-1)
}

.cmp-cag .input-group>.form-floating:not(:first-child)>.form-control,.cmp-cag .input-group>.form-floating:not(:first-child)>.form-select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.cmp-cag .valid-feedback {
  color: var(--bs-form-valid-color);
  display: none;
  font-size: .875em;
  margin-top: .25rem;
  width: 100%
}

.cmp-cag .valid-tooltip {
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
  color: #fff;
  display: none;
  font-size: .875rem;
  margin-top: .1rem;
  max-width: 100%;
  padding: .25rem .5rem;
  position: absolute;
  top: 100%;
  z-index: 5
}

.cmp-cag.is-valid~.valid-feedback,.cmp-cag.is-valid~.valid-tooltip,.was-validated .cmp-cag:valid~.valid-feedback,.was-validated .cmp-cag:valid~.valid-tooltip {
  display: block
}

.cmp-cag .form-control.is-valid,.was-validated .cmp-cag .form-control:valid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right calc(.375em + .1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + .75rem)
}

.cmp-cag .form-control.is-valid:focus,.was-validated .cmp-cag .form-control:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  -webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.cmp-cag textarea.form-control.is-valid,.was-validated .cmp-cag textarea.form-control:valid {
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
  padding-right: calc(1.5em + .75rem)
}

.cmp-cag .form-select.is-valid,.was-validated .cmp-cag .form-select:valid {
  border-color: var(--bs-form-valid-border-color)
}

.cmp-cag .form-select.is-valid:not([multiple]):not([size]),.cmp-cag .form-select.is-valid:not([multiple])[size="1"],.was-validated .cmp-cag .form-select:valid:not([multiple]):not([size]),.was-validated .cmp-cag .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right .75rem center,center right 2.25rem;
  background-size: 1pc 9pt,calc(.75em + .375rem) calc(.75em + .375rem);
  padding-right: 4.125rem
}

.cmp-cag .form-select.is-valid:focus,.was-validated .cmp-cag .form-select:valid:focus {
  border-color: var(--bs-form-valid-border-color);
  -webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.cmp-cag .form-control-color.is-valid,.was-validated .cmp-cag .form-control-color:valid {
  width: calc(3.75rem + 1.5em)
}

.cmp-cag .form-check-input.is-valid,.was-validated .cmp-cag .form-check-input:valid {
  border-color: var(--bs-form-valid-border-color)
}

.cmp-cag .form-check-input.is-valid:checked,.was-validated .cmp-cag .form-check-input:valid:checked {
  background-color: var(--bs-form-valid-color)
}

.cmp-cag .form-check-input.is-valid:focus,.was-validated .cmp-cag .form-check-input:valid:focus {
  -webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25)
}

.cmp-cag .form-check-input.is-valid~.form-check-label,.was-validated .cmp-cag .form-check-input:valid~.form-check-label {
  color: var(--bs-form-valid-color)
}

.cmp-cag .form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em
}

.cmp-cag .input-group>.form-control:not(:focus).is-valid,.cmp-cag .input-group>.form-floating:not(:focus-within).is-valid,.cmp-cag .input-group>.form-select:not(:focus).is-valid,.was-validated .cmp-cag .input-group>.form-control:not(:focus):valid,.was-validated .cmp-cag .input-group>.form-floating:not(:focus-within):valid,.was-validated .cmp-cag .input-group>.form-select:not(:focus):valid {
  z-index: 3
}

.cmp-cag .invalid-feedback {
  color: var(--bs-form-invalid-color);
  display: none;
  font-size: .875em;
  margin-top: .25rem;
  width: 100%
}

.cmp-cag .invalid-tooltip {
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
  color: #fff;
  display: none;
  font-size: .875rem;
  margin-top: .1rem;
  max-width: 100%;
  padding: .25rem .5rem;
  position: absolute;
  top: 100%;
  z-index: 5
}

.cmp-cag.is-invalid~.invalid-feedback,.cmp-cag.is-invalid~.invalid-tooltip,.was-validated .cmp-cag:invalid~.invalid-feedback,.was-validated .cmp-cag:invalid~.invalid-tooltip {
  display: block
}

.cmp-cag .form-control.is-invalid,.was-validated .cmp-cag .form-control:invalid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right calc(.375em + .1875rem) center;
  background-repeat: no-repeat;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + .75rem)
}

.cmp-cag .form-control.is-invalid:focus,.was-validated .cmp-cag .form-control:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  -webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.cmp-cag textarea.form-control.is-invalid,.was-validated .cmp-cag textarea.form-control:invalid {
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
  padding-right: calc(1.5em + .75rem)
}

.cmp-cag .form-select.is-invalid,.was-validated .cmp-cag .form-select:invalid {
  border-color: var(--bs-form-invalid-border-color)
}

.cmp-cag .form-select.is-invalid:not([multiple]):not([size]),.cmp-cag .form-select.is-invalid:not([multiple])[size="1"],.was-validated .cmp-cag .form-select:invalid:not([multiple]):not([size]),.was-validated .cmp-cag .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right .75rem center,center right 2.25rem;
  background-size: 1pc 9pt,calc(.75em + .375rem) calc(.75em + .375rem);
  padding-right: 4.125rem
}

.cmp-cag .form-select.is-invalid:focus,.was-validated .cmp-cag .form-select:invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  -webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.cmp-cag .form-control-color.is-invalid,.was-validated .cmp-cag .form-control-color:invalid {
  width: calc(3.75rem + 1.5em)
}

.cmp-cag .form-check-input.is-invalid,.was-validated .cmp-cag .form-check-input:invalid {
  border-color: var(--bs-form-invalid-border-color)
}

.cmp-cag .form-check-input.is-invalid:checked,.was-validated .cmp-cag .form-check-input:invalid:checked {
  background-color: var(--bs-form-invalid-color)
}

.cmp-cag .form-check-input.is-invalid:focus,.was-validated .cmp-cag .form-check-input:invalid:focus {
  -webkit-box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)
}

.cmp-cag .form-check-input.is-invalid~.form-check-label,.was-validated .cmp-cag .form-check-input:invalid~.form-check-label {
  color: var(--bs-form-invalid-color)
}

.cmp-cag .form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em
}

.cmp-cag .input-group>.form-control:not(:focus).is-invalid,.cmp-cag .input-group>.form-floating:not(:focus-within).is-invalid,.cmp-cag .input-group>.form-select:not(:focus).is-invalid,.was-validated .cmp-cag .input-group>.form-control:not(:focus):invalid,.was-validated .cmp-cag .input-group>.form-floating:not(:focus-within):invalid,.was-validated .cmp-cag .input-group>.form-select:not(:focus):invalid {
  z-index: 4
}

.cmp-cag .btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15),0 1px 1px rgba(0,0,0,.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);
  background-color: var(--bs-btn-bg);
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  color: var(--bs-btn-color);
  cursor: pointer;
  display: inline-block;
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  text-align: center;
  text-decoration: none;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .btn {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .btn:hover {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  color: var(--bs-btn-hover-color)
}

.btn-check+.cmp-cag .btn:hover {
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
  color: var(--bs-btn-color)
}

.cmp-cag .btn:focus-visible {
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
  box-shadow: var(--bs-btn-focus-box-shadow);
  color: var(--bs-btn-hover-color);
  outline: 0
}

.btn-check:focus-visible+.cmp-cag .btn {
  border-color: var(--bs-btn-hover-border-color);
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
  box-shadow: var(--bs-btn-focus-box-shadow);
  outline: 0
}

.btn-check:checked+.cmp-cag .btn,.cmp-cag .btn.active,.cmp-cag .btn.show,.cmp-cag .btn:first-child:active,:not(.btn-check)+.cmp-cag .btn:active {
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
  color: var(--bs-btn-active-color)
}

.btn-check:checked+.cmp-cag .btn:focus-visible,.cmp-cag .btn.active:focus-visible,.cmp-cag .btn.show:focus-visible,.cmp-cag .btn:first-child:active:focus-visible,:not(.btn-check)+.cmp-cag .btn:active:focus-visible {
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked:focus-visible+.cmp-cag .btn {
  -webkit-box-shadow: var(--bs-btn-focus-box-shadow);
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.cmp-cag .btn.disabled,.cmp-cag .btn:disabled,fieldset:disabled .cmp-cag .btn {
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  color: var(--bs-btn-disabled-color);
  opacity: var(--bs-btn-disabled-opacity);
  pointer-events: none
}

.cmp-cag .btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd
}

.cmp-cag .btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d
}

.cmp-cag .btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754
}

.cmp-cag .btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11,172,204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0
}

.cmp-cag .btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217,164,6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107
}

.cmp-cag .btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225,83,97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545
}

.cmp-cag .btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb: 211,212,213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa
}

.cmp-cag .btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66,70,73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529
}

.cmp-cag .btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb: 13,110,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none
}

.cmp-cag .btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108,117,125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none
}

.cmp-cag .btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb: 25,135,84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none
}

.cmp-cag .btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13,202,240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none
}

.cmp-cag .btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb: 255,193,7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none
}

.cmp-cag .btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb: 220,53,69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none
}

.cmp-cag .btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248,249,250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none
}

.cmp-cag .btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33,37,41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none
}

.cmp-cag .btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  text-decoration: underline
}

.cmp-cag .btn-link:focus-visible {
  color: var(--bs-btn-color)
}

.cmp-cag .btn-link:hover {
  color: var(--bs-btn-hover-color)
}

.cmp-cag .btn-group-lg>.btn,.cmp-cag .btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg)
}

.cmp-cag .btn-group-sm>.btn,.cmp-cag .btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm)
}

.cmp-cag .fade {
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .fade {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .fade:not(.show) {
  opacity: 0
}

.cmp-cag .collapse:not(.show) {
  display: none
}

.cmp-cag .collapsing {
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .collapsing {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .collapsing.collapse-horizontal {
  height: auto;
  -webkit-transition: width .35s ease;
  transition: width .35s ease;
  width: 0
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .collapsing.collapse-horizontal {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .dropdown,.cmp-cag .dropdown-center,.cmp-cag .dropend,.cmp-cag .dropstart,.cmp-cag .dropup,.cmp-cag .dropup-center {
  position: relative
}

.cmp-cag .dropdown-toggle {
  white-space: nowrap
}

.cmp-cag .dropdown-toggle:after {
  border-bottom: 0;
  border-left: .3em solid transparent;
  border-right: .3em solid transparent;
  border-top: .3em solid;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.cmp-cag .dropdown-toggle:empty:after {
  margin-left: 0
}

.cmp-cag .dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  background-clip: padding-box;
  background-color: var(--bs-dropdown-bg);
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
  color: var(--bs-dropdown-color);
  display: none;
  font-size: var(--bs-dropdown-font-size);
  list-style: none;
  margin: 0;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  position: absolute;
  text-align: left;
  z-index: var(--bs-dropdown-zindex)
}

.cmp-cag .dropdown-menu[data-bs-popper] {
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
  top: 100%
}

.cmp-cag .dropdown-menu-start {
  --bs-position: start
}

.cmp-cag .dropdown-menu-start[data-bs-popper] {
  left: 0;
  right: auto
}

.cmp-cag .dropdown-menu-end {
  --bs-position: end
}

.cmp-cag .dropdown-menu-end[data-bs-popper] {
  left: auto;
  right: 0
}

@media(min-width: 576px) {
  .cmp-cag .dropdown-menu-sm-start {
      --bs-position:start
  }

  .cmp-cag .dropdown-menu-sm-start[data-bs-popper] {
      left: 0;
      right: auto
  }

  .cmp-cag .dropdown-menu-sm-end {
      --bs-position: end
  }

  .cmp-cag .dropdown-menu-sm-end[data-bs-popper] {
      left: auto;
      right: 0
  }
}

@media(min-width: 768px) {
  .cmp-cag .dropdown-menu-md-start {
      --bs-position:start
  }

  .cmp-cag .dropdown-menu-md-start[data-bs-popper] {
      left: 0;
      right: auto
  }

  .cmp-cag .dropdown-menu-md-end {
      --bs-position: end
  }

  .cmp-cag .dropdown-menu-md-end[data-bs-popper] {
      left: auto;
      right: 0
  }
}

@media(min-width: 992px) {
  .cmp-cag .dropdown-menu-lg-start {
      --bs-position:start
  }

  .cmp-cag .dropdown-menu-lg-start[data-bs-popper] {
      left: 0;
      right: auto
  }

  .cmp-cag .dropdown-menu-lg-end {
      --bs-position: end
  }

  .cmp-cag .dropdown-menu-lg-end[data-bs-popper] {
      left: auto;
      right: 0
  }
}

@media(min-width: 1200px) {
  .cmp-cag .dropdown-menu-xl-start {
      --bs-position:start
  }

  .cmp-cag .dropdown-menu-xl-start[data-bs-popper] {
      left: 0;
      right: auto
  }

  .cmp-cag .dropdown-menu-xl-end {
      --bs-position: end
  }

  .cmp-cag .dropdown-menu-xl-end[data-bs-popper] {
      left: auto;
      right: 0
  }
}

@media(min-width: 1400px) {
  .cmp-cag .dropdown-menu-xxl-start {
      --bs-position:start
  }

  .cmp-cag .dropdown-menu-xxl-start[data-bs-popper] {
      left: 0;
      right: auto
  }

  .cmp-cag .dropdown-menu-xxl-end {
      --bs-position: end
  }

  .cmp-cag .dropdown-menu-xxl-end[data-bs-popper] {
      left: auto;
      right: 0
  }
}

.cmp-cag .dropup .dropdown-menu[data-bs-popper] {
  bottom: 100%;
  margin-bottom: var(--bs-dropdown-spacer);
  margin-top: 0;
  top: auto
}

.cmp-cag .dropup .dropdown-toggle:after {
  border-bottom: .3em solid;
  border-left: .3em solid transparent;
  border-right: .3em solid transparent;
  border-top: 0;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.cmp-cag .dropup .dropdown-toggle:empty:after {
  margin-left: 0
}

.cmp-cag .dropend .dropdown-menu[data-bs-popper] {
  left: 100%;
  margin-left: var(--bs-dropdown-spacer);
  margin-top: 0;
  right: auto;
  top: 0
}

.cmp-cag .dropend .dropdown-toggle:after {
  border-bottom: .3em solid transparent;
  border-left: .3em solid;
  border-right: 0;
  border-top: .3em solid transparent;
  content: "";
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em
}

.cmp-cag .dropend .dropdown-toggle:empty:after {
  margin-left: 0
}

.cmp-cag .dropend .dropdown-toggle:after {
  vertical-align: 0
}

.cmp-cag .dropstart .dropdown-menu[data-bs-popper] {
  left: auto;
  margin-right: var(--bs-dropdown-spacer);
  margin-top: 0;
  right: 100%;
  top: 0
}

.cmp-cag .dropstart .dropdown-toggle:after {
  content: "";
  display: inline-block;
  display: none;
  margin-left: .255em;
  vertical-align: .255em
}

.cmp-cag .dropstart .dropdown-toggle:before {
  border-bottom: .3em solid transparent;
  border-right: .3em solid;
  border-top: .3em solid transparent;
  content: "";
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em
}

.cmp-cag .dropstart .dropdown-toggle:empty:after {
  margin-left: 0
}

.cmp-cag .dropstart .dropdown-toggle:before {
  vertical-align: 0
}

.cmp-cag .dropdown-divider {
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  opacity: 1;
  overflow: hidden
}

.cmp-cag .dropdown-item {
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius,0);
  clear: both;
  color: var(--bs-dropdown-link-color);
  display: block;
  font-weight: 400;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  width: 100%
}

.cmp-cag .dropdown-item:focus,.cmp-cag .dropdown-item:hover {
  background-color: var(--bs-dropdown-link-hover-bg);
  color: var(--bs-dropdown-link-hover-color)
}

.cmp-cag .dropdown-item.active,.cmp-cag .dropdown-item:active {
  background-color: var(--bs-dropdown-link-active-bg);
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none
}

.cmp-cag .dropdown-item.disabled,.cmp-cag .dropdown-item:disabled {
  background-color: transparent;
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none
}

.cmp-cag .dropdown-menu.show {
  display: block
}

.cmp-cag .dropdown-header {
  color: var(--bs-dropdown-header-color);
  display: block;
  font-size: .875rem;
  margin-bottom: 0;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  white-space: nowrap
}

.cmp-cag .dropdown-item-text {
  color: var(--bs-dropdown-link-color);
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)
}

.cmp-cag .dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: hsla(0,0%,100%,.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd
}

.cmp-cag .btn-group,.cmp-cag .btn-group-vertical {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  vertical-align: middle
}

.cmp-cag .btn-group-vertical>.btn,.cmp-cag .btn-group>.btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative
}

.cmp-cag .btn-group-vertical>.btn-check:checked+.btn,.cmp-cag .btn-group-vertical>.btn-check:focus+.btn,.cmp-cag .btn-group-vertical>.btn.active,.cmp-cag .btn-group-vertical>.btn:active,.cmp-cag .btn-group-vertical>.btn:focus,.cmp-cag .btn-group-vertical>.btn:hover,.cmp-cag .btn-group>.btn-check:checked+.btn,.cmp-cag .btn-group>.btn-check:focus+.btn,.cmp-cag .btn-group>.btn.active,.cmp-cag .btn-group>.btn:active,.cmp-cag .btn-group>.btn:focus,.cmp-cag .btn-group>.btn:hover {
  z-index: 1
}

.cmp-cag .btn-toolbar {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start
}

.cmp-cag .btn-toolbar .input-group {
  width: auto
}

.cmp-cag .btn-group {
  border-radius: var(--bs-border-radius)
}

.cmp-cag .btn-group>.btn-group:not(:first-child),.cmp-cag .btn-group>:not(.btn-check:first-child)+.btn {
  margin-left: calc(var(--bs-border-width)*-1)
}

.cmp-cag .btn-group>.btn-group:not(:last-child)>.btn,.cmp-cag .btn-group>.btn.dropdown-toggle-split:first-child,.cmp-cag .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}

.cmp-cag .btn-group>.btn-group:not(:first-child)>.btn,.cmp-cag .btn-group>.btn:nth-child(n+3),.cmp-cag .btn-group>:not(.btn-check)+.btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}

.cmp-cag .dropdown-toggle-split {
  padding-left: .5625rem;
  padding-right: .5625rem
}

.cmp-cag .dropdown-toggle-split:after,.dropend .cmp-cag .dropdown-toggle-split:after,.dropup .cmp-cag .dropdown-toggle-split:after {
  margin-left: 0
}

.dropstart .cmp-cag .dropdown-toggle-split:before {
  margin-right: 0
}

.cmp-cag .btn-group-sm>.btn+.dropdown-toggle-split,.cmp-cag .btn-sm+.dropdown-toggle-split {
  padding-left: .375rem;
  padding-right: .375rem
}

.cmp-cag .btn-group-lg>.btn+.dropdown-toggle-split,.cmp-cag .btn-lg+.dropdown-toggle-split {
  padding-left: .75rem;
  padding-right: .75rem
}

.cmp-cag .btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: flex-start;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center
}

.cmp-cag .btn-group-vertical>.btn,.cmp-cag .btn-group-vertical>.btn-group {
  width: 100%
}

.cmp-cag .btn-group-vertical>.btn-group:not(:first-child),.cmp-cag .btn-group-vertical>.btn:not(:first-child) {
  margin-top: calc(var(--bs-border-width)*-1)
}

.cmp-cag .btn-group-vertical>.btn-group:not(:last-child)>.btn,.cmp-cag .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.cmp-cag .btn-group-vertical>.btn-group:not(:first-child)>.btn,.cmp-cag .btn-group-vertical>.btn~.btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.cmp-cag .nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.cmp-cag .nav-link {
  background: none;
  border: 0;
  color: var(--bs-nav-link-color);
  display: block;
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  text-decoration: none;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .nav-link {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .nav-link:focus,.cmp-cag .nav-link:hover {
  color: var(--bs-nav-link-hover-color)
}

.cmp-cag .nav-link:focus-visible {
  -webkit-box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
  box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
  outline: 0
}

.cmp-cag .nav-link.disabled,.cmp-cag .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  cursor: default;
  pointer-events: none
}

.cmp-cag .nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.cmp-cag .nav-tabs .nav-link {
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
  margin-bottom: calc(var(--bs-nav-tabs-border-width)*-1)
}

.cmp-cag .nav-tabs .nav-link:focus,.cmp-cag .nav-tabs .nav-link:hover {
  border-color: var(--bs-nav-tabs-link-hover-border-color);
  isolation: isolate
}

.cmp-cag .nav-tabs .nav-item.show .nav-link,.cmp-cag .nav-tabs .nav-link.active {
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
  color: var(--bs-nav-tabs-link-active-color)
}

.cmp-cag .nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: calc(var(--bs-nav-tabs-border-width)*-1)
}

.cmp-cag .nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd
}

.cmp-cag .nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius)
}

.cmp-cag .nav-pills .nav-link.active,.cmp-cag .nav-pills .show>.nav-link {
  background-color: var(--bs-nav-pills-link-active-bg);
  color: var(--bs-nav-pills-link-active-color)
}

.cmp-cag .nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap)
}

.cmp-cag .nav-underline .nav-link {
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
  padding-left: 0;
  padding-right: 0
}

.cmp-cag .nav-underline .nav-link:focus,.cmp-cag .nav-underline .nav-link:hover {
  border-bottom-color: currentcolor
}

.cmp-cag .nav-underline .nav-link.active,.cmp-cag .nav-underline .show>.nav-link {
  border-bottom-color: currentcolor;
  color: var(--bs-nav-underline-link-active-color);
  font-weight: 700
}

.cmp-cag .nav-fill .nav-item,.cmp-cag .nav-fill>.nav-link {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center
}

.cmp-cag .nav-justified .nav-item,.cmp-cag .nav-justified>.nav-link {
  -ms-flex-preferred-size: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}

.cmp-cag .nav-fill .nav-item .nav-link,.cmp-cag .nav-justified .nav-item .nav-link {
  width: 100%
}

.cmp-cag .tab-content>.tab-pane {
  display: none
}

.cmp-cag .tab-content>.active {
  display: block
}

.cmp-cag .navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb),0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb),0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb),0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb),1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb),1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb),1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb),0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
  position: relative
}

.cmp-cag .navbar>.container,.cmp-cag .navbar>.container-fluid,.cmp-cag .navbar>.container-lg,.cmp-cag .navbar>.container-md,.cmp-cag .navbar>.container-sm,.cmp-cag .navbar>.container-xl,.cmp-cag .navbar>.container-xxl {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: inherit;
  flex-wrap: inherit;
  justify-content: space-between
}

.cmp-cag .navbar-brand {
  color: var(--bs-navbar-brand-color);
  font-size: var(--bs-navbar-brand-font-size);
  margin-right: var(--bs-navbar-brand-margin-end);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  padding-top: var(--bs-navbar-brand-padding-y);
  text-decoration: none;
  white-space: nowrap
}

.cmp-cag .navbar-brand:focus,.cmp-cag .navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color)
}

.cmp-cag .navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0
}

.cmp-cag .navbar-nav .nav-link.active,.cmp-cag .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color)
}

.cmp-cag .navbar-nav .dropdown-menu {
  position: static
}

.cmp-cag .navbar-text {
  color: var(--bs-navbar-color);
  padding-bottom: .5rem;
  padding-top: .5rem
}

.cmp-cag .navbar-text a,.cmp-cag .navbar-text a:focus,.cmp-cag .navbar-text a:hover {
  color: var(--bs-navbar-active-color)
}

.cmp-cag .navbar-collapse {
  -ms-flex-preferred-size: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-basis: 100%;
  flex-grow: 1
}

.cmp-cag .navbar-toggler {
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  color: var(--bs-navbar-color);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  -webkit-transition: var(--bs-navbar-toggler-transition);
  transition: var(--bs-navbar-toggler-transition)
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .navbar-toggler {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .navbar-toggler:hover {
  text-decoration: none
}

.cmp-cag .navbar-toggler:focus {
  -webkit-box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
  outline: 0;
  text-decoration: none
}

.cmp-cag .navbar-toggler-icon {
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em
}

.cmp-cag .navbar-nav-scroll {
  max-height: var(--bs-scroll-height,75vh);
  overflow-y: auto
}

@media(min-width: 576px) {
  .cmp-cag .navbar-expand-sm {
      -webkit-box-pack:start;
      -ms-flex-pack: start;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      justify-content: flex-start
  }

  .cmp-cag .navbar-expand-sm .navbar-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .cmp-cag .navbar-expand-sm .navbar-nav .dropdown-menu {
      position: absolute
  }

  .cmp-cag .navbar-expand-sm .navbar-nav .nav-link {
      padding-left: var(--bs-navbar-nav-link-padding-x);
      padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .cmp-cag .navbar-expand-sm .navbar-nav-scroll {
      overflow: visible
  }

  .cmp-cag .navbar-expand-sm .navbar-collapse {
      -ms-flex-preferred-size: auto;
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important;
      flex-basis: auto
  }

  .cmp-cag .navbar-expand-sm .navbar-toggler {
      display: none
  }

  .cmp-cag .navbar-expand-sm .offcanvas {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      background-color: transparent!important;
      border: 0!important;
      flex-grow: 1;
      height: auto!important;
      position: static;
      -webkit-transform: none!important;
      transform: none!important;
      -webkit-transition: none;
      transition: none;
      visibility: visible!important;
      width: auto!important;
      z-index: auto
  }

  .cmp-cag .navbar-expand-sm .offcanvas .offcanvas-header {
      display: none
  }

  .cmp-cag .navbar-expand-sm .offcanvas .offcanvas-body {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-grow: 0;
      overflow-y: visible;
      padding: 0
  }
}

@media(min-width: 768px) {
  .cmp-cag .navbar-expand-md {
      -webkit-box-pack:start;
      -ms-flex-pack: start;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      justify-content: flex-start
  }

  .cmp-cag .navbar-expand-md .navbar-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .cmp-cag .navbar-expand-md .navbar-nav .dropdown-menu {
      position: absolute
  }

  .cmp-cag .navbar-expand-md .navbar-nav .nav-link {
      padding-left: var(--bs-navbar-nav-link-padding-x);
      padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .cmp-cag .navbar-expand-md .navbar-nav-scroll {
      overflow: visible
  }

  .cmp-cag .navbar-expand-md .navbar-collapse {
      -ms-flex-preferred-size: auto;
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important;
      flex-basis: auto
  }

  .cmp-cag .navbar-expand-md .navbar-toggler {
      display: none
  }

  .cmp-cag .navbar-expand-md .offcanvas {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      background-color: transparent!important;
      border: 0!important;
      flex-grow: 1;
      height: auto!important;
      position: static;
      -webkit-transform: none!important;
      transform: none!important;
      -webkit-transition: none;
      transition: none;
      visibility: visible!important;
      width: auto!important;
      z-index: auto
  }

  .cmp-cag .navbar-expand-md .offcanvas .offcanvas-header {
      display: none
  }

  .cmp-cag .navbar-expand-md .offcanvas .offcanvas-body {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-grow: 0;
      overflow-y: visible;
      padding: 0
  }
}

@media(min-width: 992px) {
  .cmp-cag .navbar-expand-lg {
      -webkit-box-pack:start;
      -ms-flex-pack: start;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      justify-content: flex-start
  }

  .cmp-cag .navbar-expand-lg .navbar-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .cmp-cag .navbar-expand-lg .navbar-nav .dropdown-menu {
      position: absolute
  }

  .cmp-cag .navbar-expand-lg .navbar-nav .nav-link {
      padding-left: var(--bs-navbar-nav-link-padding-x);
      padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .cmp-cag .navbar-expand-lg .navbar-nav-scroll {
      overflow: visible
  }

  .cmp-cag .navbar-expand-lg .navbar-collapse {
      -ms-flex-preferred-size: auto;
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important;
      flex-basis: auto
  }

  .cmp-cag .navbar-expand-lg .navbar-toggler {
      display: none
  }

  .cmp-cag .navbar-expand-lg .offcanvas {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      background-color: transparent!important;
      border: 0!important;
      flex-grow: 1;
      height: auto!important;
      position: static;
      -webkit-transform: none!important;
      transform: none!important;
      -webkit-transition: none;
      transition: none;
      visibility: visible!important;
      width: auto!important;
      z-index: auto
  }

  .cmp-cag .navbar-expand-lg .offcanvas .offcanvas-header {
      display: none
  }

  .cmp-cag .navbar-expand-lg .offcanvas .offcanvas-body {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-grow: 0;
      overflow-y: visible;
      padding: 0
  }
}

@media(min-width: 1200px) {
  .cmp-cag .navbar-expand-xl {
      -webkit-box-pack:start;
      -ms-flex-pack: start;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      justify-content: flex-start
  }

  .cmp-cag .navbar-expand-xl .navbar-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .cmp-cag .navbar-expand-xl .navbar-nav .dropdown-menu {
      position: absolute
  }

  .cmp-cag .navbar-expand-xl .navbar-nav .nav-link {
      padding-left: var(--bs-navbar-nav-link-padding-x);
      padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .cmp-cag .navbar-expand-xl .navbar-nav-scroll {
      overflow: visible
  }

  .cmp-cag .navbar-expand-xl .navbar-collapse {
      -ms-flex-preferred-size: auto;
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important;
      flex-basis: auto
  }

  .cmp-cag .navbar-expand-xl .navbar-toggler {
      display: none
  }

  .cmp-cag .navbar-expand-xl .offcanvas {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      background-color: transparent!important;
      border: 0!important;
      flex-grow: 1;
      height: auto!important;
      position: static;
      -webkit-transform: none!important;
      transform: none!important;
      -webkit-transition: none;
      transition: none;
      visibility: visible!important;
      width: auto!important;
      z-index: auto
  }

  .cmp-cag .navbar-expand-xl .offcanvas .offcanvas-header {
      display: none
  }

  .cmp-cag .navbar-expand-xl .offcanvas .offcanvas-body {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-grow: 0;
      overflow-y: visible;
      padding: 0
  }
}

@media(min-width: 1400px) {
  .cmp-cag .navbar-expand-xxl {
      -webkit-box-pack:start;
      -ms-flex-pack: start;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      justify-content: flex-start
  }

  .cmp-cag .navbar-expand-xxl .navbar-nav {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .cmp-cag .navbar-expand-xxl .navbar-nav .dropdown-menu {
      position: absolute
  }

  .cmp-cag .navbar-expand-xxl .navbar-nav .nav-link {
      padding-left: var(--bs-navbar-nav-link-padding-x);
      padding-right: var(--bs-navbar-nav-link-padding-x)
  }

  .cmp-cag .navbar-expand-xxl .navbar-nav-scroll {
      overflow: visible
  }

  .cmp-cag .navbar-expand-xxl .navbar-collapse {
      -ms-flex-preferred-size: auto;
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important;
      flex-basis: auto
  }

  .cmp-cag .navbar-expand-xxl .navbar-toggler {
      display: none
  }

  .cmp-cag .navbar-expand-xxl .offcanvas {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      background-color: transparent!important;
      border: 0!important;
      flex-grow: 1;
      height: auto!important;
      position: static;
      -webkit-transform: none!important;
      transform: none!important;
      -webkit-transition: none;
      transition: none;
      visibility: visible!important;
      width: auto!important;
      z-index: auto
  }

  .cmp-cag .navbar-expand-xxl .offcanvas .offcanvas-header {
      display: none
  }

  .cmp-cag .navbar-expand-xxl .offcanvas .offcanvas-body {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-grow: 0;
      overflow-y: visible;
      padding: 0
  }
}

.cmp-cag .navbar-expand {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: flex-start
}

.cmp-cag .navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.cmp-cag .navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.cmp-cag .navbar-expand .navbar-nav .nav-link {
  padding-left: var(--bs-navbar-nav-link-padding-x);
  padding-right: var(--bs-navbar-nav-link-padding-x)
}

.cmp-cag .navbar-expand .navbar-nav-scroll {
  overflow: visible
}

.cmp-cag .navbar-expand .navbar-collapse {
  -ms-flex-preferred-size: auto;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  flex-basis: auto
}

.cmp-cag .navbar-expand .navbar-toggler {
  display: none
}

.cmp-cag .navbar-expand .offcanvas {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  background-color: transparent!important;
  border: 0!important;
  flex-grow: 1;
  height: auto!important;
  position: static;
  -webkit-transform: none!important;
  transform: none!important;
  -webkit-transition: none;
  transition: none;
  visibility: visible!important;
  width: auto!important;
  z-index: auto
}

.cmp-cag .navbar-expand .offcanvas .offcanvas-header {
  display: none
}

.cmp-cag .navbar-expand .offcanvas .offcanvas-body {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 0;
  overflow-y: visible;
  padding: 0
}

.cmp-cag .navbar-dark,.cmp-cag .navbar[data-bs-theme=dark] {
  --bs-navbar-color: hsla(0,0%,100%,.55);
  --bs-navbar-hover-color: hsla(0,0%,100%,.75);
  --bs-navbar-disabled-color: hsla(0,0%,100%,.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: hsla(0,0%,100%,.1)
}

.cmp-cag .navbar-dark,.cmp-cag .navbar[data-bs-theme=dark],.cmp-cag [data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.cmp-cag .card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb),0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  word-wrap: break-word;
  background-clip: border-box;
  background-color: var(--bs-card-bg);
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
  color: var(--bs-body-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: var(--bs-card-height);
  min-width: 0;
  position: relative
}

.cmp-cag .card>hr {
  margin-left: 0;
  margin-right: 0
}

.cmp-cag .card>.list-group {
  border-bottom: inherit;
  border-top: inherit
}

.cmp-cag .card>.list-group:first-child {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
  border-top-width: 0
}

.cmp-cag .card>.list-group:last-child {
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-width: 0
}

.cmp-cag .card>.card-header+.list-group,.cmp-cag .card>.list-group+.card-footer {
  border-top: 0
}

.cmp-cag .card-body {
  -webkit-box-flex: 1;
  color: var(--bs-card-color);
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x)
}

.cmp-cag .card-title {
  color: var(--bs-card-title-color);
  margin-bottom: var(--bs-card-title-spacer-y)
}

.cmp-cag .card-subtitle {
  color: var(--bs-card-subtitle-color);
  margin-bottom: 0;
  margin-top: calc(var(--bs-card-title-spacer-y)*-.5)
}

.cmp-cag .card-text:last-child {
  margin-bottom: 0
}

.cmp-cag .card-link+.card-link {
  margin-left: var(--bs-card-spacer-x)
}

.cmp-cag .card-header {
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
  color: var(--bs-card-cap-color);
  margin-bottom: 0;
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
}

.cmp-cag .card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.cmp-cag .card-footer {
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
  color: var(--bs-card-cap-color);
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
}

.cmp-cag .card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.cmp-cag .card-header-tabs {
  border-bottom: 0;
  margin-bottom: calc(var(--bs-card-cap-padding-y)*-1);
  margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
  margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
}

.cmp-cag .card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg)
}

.cmp-cag .card-header-pills {
  margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
  margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
}

.cmp-cag .card-img-overlay {
  border-radius: var(--bs-card-inner-border-radius);
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  position: absolute;
  right: 0;
  top: 0
}

.cmp-cag .card-img,.cmp-cag .card-img-bottom,.cmp-cag .card-img-top {
  width: 100%
}

.cmp-cag .card-img,.cmp-cag .card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.cmp-cag .card-img,.cmp-cag .card-img-bottom {
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius)
}

.cmp-cag .card-group>.card {
  margin-bottom: var(--bs-card-group-margin)
}

@media(min-width: 576px) {
  .cmp-cag .card-group {
      -webkit-box-orient:horizontal;
      -webkit-box-direction: normal;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap
  }

  .cmp-cag .card-group>.card {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
      flex: 1 0 0%;
      margin-bottom: 0
  }

  .cmp-cag .card-group>.card+.card {
      border-left: 0;
      margin-left: 0
  }

  .cmp-cag .card-group>.card:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0
  }

  .cmp-cag .card-group>.card:not(:last-child) .card-header,.cmp-cag .card-group>.card:not(:last-child) .card-img-top {
      border-top-right-radius: 0
  }

  .cmp-cag .card-group>.card:not(:last-child) .card-footer,.cmp-cag .card-group>.card:not(:last-child) .card-img-bottom {
      border-bottom-right-radius: 0
  }

  .cmp-cag .card-group>.card:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0
  }

  .cmp-cag .card-group>.card:not(:first-child) .card-header,.cmp-cag .card-group>.card:not(:first-child) .card-img-top {
      border-top-left-radius: 0
  }

  .cmp-cag .card-group>.card:not(:first-child) .card-footer,.cmp-cag .card-group>.card:not(:first-child) .card-img-bottom {
      border-bottom-left-radius: 0
  }
}

.cmp-cag .accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle)
}

.cmp-cag .accordion-button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  color: var(--bs-accordion-btn-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  overflow-anchor: none;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  position: relative;
  text-align: left;
  -webkit-transition: var(--bs-accordion-transition);
  transition: var(--bs-accordion-transition);
  width: 100%
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .accordion-button {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .accordion-button:not(.collapsed) {
  background-color: var(--bs-accordion-active-bg);
  -webkit-box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color);
  box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color);
  color: var(--bs-accordion-active-color)
}

.cmp-cag .accordion-button:not(.collapsed):after {
  background-image: var(--bs-accordion-btn-active-icon);
  -webkit-transform: var(--bs-accordion-btn-icon-transform);
  transform: var(--bs-accordion-btn-icon-transform)
}

.cmp-cag .accordion-button:after {
  -ms-flex-negative: 0;
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  content: "";
  flex-shrink: 0;
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  -webkit-transition: var(--bs-accordion-btn-icon-transition);
  transition: var(--bs-accordion-btn-icon-transition);
  width: var(--bs-accordion-btn-icon-width)
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .accordion-button:after {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .accordion-button:hover {
  z-index: 2
}

.cmp-cag .accordion-button:focus {
  -webkit-box-shadow: var(--bs-accordion-btn-focus-box-shadow);
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
  outline: 0;
  z-index: 3
}

.cmp-cag .accordion-header {
  margin-bottom: 0
}

.cmp-cag .accordion-item {
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  color: var(--bs-accordion-color)
}

.cmp-cag .accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius)
}

.cmp-cag .accordion-item:first-of-type>.accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.cmp-cag .accordion-item:not(:first-of-type) {
  border-top: 0
}

.cmp-cag .accordion-item:last-of-type {
  border-bottom-left-radius: var(--bs-accordion-border-radius);
  border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.cmp-cag .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius)
}

.cmp-cag .accordion-item:last-of-type>.accordion-collapse {
  border-bottom-left-radius: var(--bs-accordion-border-radius);
  border-bottom-right-radius: var(--bs-accordion-border-radius)
}

.cmp-cag .accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.cmp-cag .accordion-flush>.accordion-item {
  border-left: 0;
  border-radius: 0;
  border-right: 0
}

.cmp-cag .accordion-flush>.accordion-item:first-child {
  border-top: 0
}

.cmp-cag .accordion-flush>.accordion-item:last-child {
  border-bottom: 0
}

.cmp-cag .accordion-flush>.accordion-item>.accordion-collapse,.cmp-cag .accordion-flush>.accordion-item>.accordion-header .accordion-button,.cmp-cag .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed {
  border-radius: 0
}

.cmp-cag [data-bs-theme=dark] .accordion-button:after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.cmp-cag .breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x)
}

.cmp-cag .breadcrumb-item+.breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x)
}

.cmp-cag .breadcrumb-item+.breadcrumb-item:before {
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider,"../../../index.html");
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x)
}

.cmp-cag .breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color)
}

.cmp-cag .pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding-left: 0
}

.cmp-cag .page-link {
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  color: var(--bs-pagination-color);
  display: block;
  font-size: var(--bs-pagination-font-size);
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  position: relative;
  text-decoration: none;
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .page-link {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .page-link:hover {
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
  color: var(--bs-pagination-hover-color);
  z-index: 2
}

.cmp-cag .page-link:focus {
  background-color: var(--bs-pagination-focus-bg);
  -webkit-box-shadow: var(--bs-pagination-focus-box-shadow);
  box-shadow: var(--bs-pagination-focus-box-shadow);
  color: var(--bs-pagination-focus-color);
  outline: 0;
  z-index: 3
}

.active>.cmp-cag .page-link,.cmp-cag .page-link.active {
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
  color: var(--bs-pagination-active-color);
  z-index: 3
}

.cmp-cag .page-link.disabled,.disabled>.cmp-cag .page-link {
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
  color: var(--bs-pagination-disabled-color);
  pointer-events: none
}

.cmp-cag .page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width)*-1)
}

.cmp-cag .page-item:first-child .page-link {
  border-bottom-left-radius: var(--bs-pagination-border-radius);
  border-top-left-radius: var(--bs-pagination-border-radius)
}

.cmp-cag .page-item:last-child .page-link {
  border-bottom-right-radius: var(--bs-pagination-border-radius);
  border-top-right-radius: var(--bs-pagination-border-radius)
}

.cmp-cag .pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg)
}

.cmp-cag .pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm)
}

.cmp-cag .badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  border-radius: var(--bs-badge-border-radius);
  color: var(--bs-badge-color);
  display: inline-block;
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap
}

.cmp-cag .badge:empty {
  display: none
}

.cmp-cag .btn .badge {
  position: relative;
  top: -1px
}

.cmp-cag .alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
  color: var(--bs-alert-color);
  margin-bottom: var(--bs-alert-margin-bottom);
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  position: relative
}

.cmp-cag .alert-heading {
  color: inherit
}

.cmp-cag .alert-link {
  color: var(--bs-alert-link-color);
  font-weight: 700
}

.cmp-cag .alert-dismissible {
  padding-right: 3rem
}

.cmp-cag .alert-dismissible .btn-close {
  padding: 1.25rem 1rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2
}

.cmp-cag .alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis)
}

.cmp-cag .alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis)
}

.cmp-cag .alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis)
}

.cmp-cag .alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis)
}

.cmp-cag .alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis)
}

.cmp-cag .alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis)
}

.cmp-cag .alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis)
}

.cmp-cag .alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis)
}

@-webkit-keyframes progress-bar-stripes {
  0% {
      background-position-x: 1rem
  }
}

@keyframes progress-bar-stripes {
  0% {
      background-position-x: 1rem
  }
}

.cmp-cag .progress,.cmp-cag .progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--bs-progress-font-size);
  height: var(--bs-progress-height);
  overflow: hidden
}

.cmp-cag .progress-bar {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: var(--bs-progress-bar-bg);
  color: var(--bs-progress-bar-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  -webkit-transition: var(--bs-progress-bar-transition);
  transition: var(--bs-progress-bar-transition);
  white-space: nowrap
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .progress-bar {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .progress-bar-striped {
  background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.cmp-cag .progress-stacked>.progress {
  overflow: visible
}

.cmp-cag .progress-stacked>.progress>.progress-bar {
  width: 100%
}

.cmp-cag .progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .progress-bar-animated {
      -webkit-animation: none;
      animation: none
  }
}

.cmp-cag .list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-radius: var(--bs-list-group-border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0
}

.cmp-cag .list-group-numbered {
  counter-reset: section;
  list-style-type: none
}

.cmp-cag .list-group-numbered>.list-group-item:before {
  content: counters(section,".") ". ";
  counter-increment: section
}

.cmp-cag .list-group-item-action {
  color: var(--bs-list-group-action-color);
  text-align: inherit;
  width: 100%
}

.cmp-cag .list-group-item-action:focus,.cmp-cag .list-group-item-action:hover {
  background-color: var(--bs-list-group-action-hover-bg);
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  z-index: 1
}

.cmp-cag .list-group-item-action:active {
  background-color: var(--bs-list-group-action-active-bg);
  color: var(--bs-list-group-action-active-color)
}

.cmp-cag .list-group-item {
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  color: var(--bs-list-group-color);
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  position: relative;
  text-decoration: none
}

.cmp-cag .list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.cmp-cag .list-group-item:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit
}

.cmp-cag .list-group-item.disabled,.cmp-cag .list-group-item:disabled {
  background-color: var(--bs-list-group-disabled-bg);
  color: var(--bs-list-group-disabled-color);
  pointer-events: none
}

.cmp-cag .list-group-item.active {
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
  color: var(--bs-list-group-active-color);
  z-index: 2
}

.cmp-cag .list-group-item+.list-group-item {
  border-top-width: 0
}

.cmp-cag .list-group-item+.list-group-item.active {
  border-top-width: var(--bs-list-group-border-width);
  margin-top: calc(var(--bs-list-group-border-width)*-1)
}

.cmp-cag .list-group-horizontal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.cmp-cag .list-group-horizontal>.list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0
}

.cmp-cag .list-group-horizontal>.list-group-item:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--bs-list-group-border-radius)
}

.cmp-cag .list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.cmp-cag .list-group-horizontal>.list-group-item+.list-group-item {
  border-left-width: 0;
  border-top-width: var(--bs-list-group-border-width)
}

.cmp-cag .list-group-horizontal>.list-group-item+.list-group-item.active {
  border-left-width: var(--bs-list-group-border-width);
  margin-left: calc(var(--bs-list-group-border-width)*-1)
}

@media(min-width: 576px) {
  .cmp-cag .list-group-horizontal-sm {
      -webkit-box-orient:horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .cmp-cag .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0
  }

  .cmp-cag .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-right-radius: var(--bs-list-group-border-radius)
  }

  .cmp-cag .list-group-horizontal-sm>.list-group-item.active {
      margin-top: 0
  }

  .cmp-cag .list-group-horizontal-sm>.list-group-item+.list-group-item {
      border-left-width: 0;
      border-top-width: var(--bs-list-group-border-width)
  }

  .cmp-cag .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
      border-left-width: var(--bs-list-group-border-width);
      margin-left: calc(var(--bs-list-group-border-width)*-1)
  }
}

@media(min-width: 768px) {
  .cmp-cag .list-group-horizontal-md {
      -webkit-box-orient:horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .cmp-cag .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0
  }

  .cmp-cag .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-right-radius: var(--bs-list-group-border-radius)
  }

  .cmp-cag .list-group-horizontal-md>.list-group-item.active {
      margin-top: 0
  }

  .cmp-cag .list-group-horizontal-md>.list-group-item+.list-group-item {
      border-left-width: 0;
      border-top-width: var(--bs-list-group-border-width)
  }

  .cmp-cag .list-group-horizontal-md>.list-group-item+.list-group-item.active {
      border-left-width: var(--bs-list-group-border-width);
      margin-left: calc(var(--bs-list-group-border-width)*-1)
  }
}

@media(min-width: 992px) {
  .cmp-cag .list-group-horizontal-lg {
      -webkit-box-orient:horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .cmp-cag .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0
  }

  .cmp-cag .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-right-radius: var(--bs-list-group-border-radius)
  }

  .cmp-cag .list-group-horizontal-lg>.list-group-item.active {
      margin-top: 0
  }

  .cmp-cag .list-group-horizontal-lg>.list-group-item+.list-group-item {
      border-left-width: 0;
      border-top-width: var(--bs-list-group-border-width)
  }

  .cmp-cag .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
      border-left-width: var(--bs-list-group-border-width);
      margin-left: calc(var(--bs-list-group-border-width)*-1)
  }
}

@media(min-width: 1200px) {
  .cmp-cag .list-group-horizontal-xl {
      -webkit-box-orient:horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .cmp-cag .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0
  }

  .cmp-cag .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-right-radius: var(--bs-list-group-border-radius)
  }

  .cmp-cag .list-group-horizontal-xl>.list-group-item.active {
      margin-top: 0
  }

  .cmp-cag .list-group-horizontal-xl>.list-group-item+.list-group-item {
      border-left-width: 0;
      border-top-width: var(--bs-list-group-border-width)
  }

  .cmp-cag .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
      border-left-width: var(--bs-list-group-border-width);
      margin-left: calc(var(--bs-list-group-border-width)*-1)
  }
}

@media(min-width: 1400px) {
  .cmp-cag .list-group-horizontal-xxl {
      -webkit-box-orient:horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }

  .cmp-cag .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
      border-bottom-left-radius: var(--bs-list-group-border-radius);
      border-top-right-radius: 0
  }

  .cmp-cag .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-right-radius: var(--bs-list-group-border-radius)
  }

  .cmp-cag .list-group-horizontal-xxl>.list-group-item.active {
      margin-top: 0
  }

  .cmp-cag .list-group-horizontal-xxl>.list-group-item+.list-group-item {
      border-left-width: 0;
      border-top-width: var(--bs-list-group-border-width)
  }

  .cmp-cag .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
      border-left-width: var(--bs-list-group-border-width);
      margin-left: calc(var(--bs-list-group-border-width)*-1)
  }
}

.cmp-cag .list-group-flush {
  border-radius: 0
}

.cmp-cag .list-group-flush>.list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width)
}

.cmp-cag .list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

.cmp-cag .list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis)
}

.cmp-cag .list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis)
}

.cmp-cag .list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis)
}

.cmp-cag .list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis)
}

.cmp-cag .list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis)
}

.cmp-cag .list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis)
}

.cmp-cag .list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis)
}

.cmp-cag .list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis)
}

.cmp-cag .btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: .375rem;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: var(--bs-btn-close-color);
  height: 1em;
  opacity: var(--bs-btn-close-opacity);
  padding: .25em;
  width: 1em
}

.cmp-cag .btn-close:hover {
  color: var(--bs-btn-close-color);
  opacity: var(--bs-btn-close-hover-opacity);
  text-decoration: none
}

.cmp-cag .btn-close:focus {
  -webkit-box-shadow: var(--bs-btn-close-focus-shadow);
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
  outline: 0
}

.cmp-cag .btn-close.disabled,.cmp-cag .btn-close:disabled {
  opacity: var(--bs-btn-close-disabled-opacity);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.cmp-cag .btn-close-white,.cmp-cag [data-bs-theme=dark] .btn-close {
  -webkit-filter: var(--bs-btn-close-white-filter);
  filter: var(--bs-btn-close-white-filter)
}

.cmp-cag .toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb),0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb),0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  background-clip: padding-box;
  background-color: var(--bs-toast-bg);
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  border-radius: var(--bs-toast-border-radius);
  -webkit-box-shadow: var(--bs-toast-box-shadow);
  box-shadow: var(--bs-toast-box-shadow);
  color: var(--bs-toast-color);
  font-size: var(--bs-toast-font-size);
  max-width: 100%;
  pointer-events: auto;
  width: var(--bs-toast-max-width)
}

.cmp-cag .toast.showing {
  opacity: 0
}

.cmp-cag .toast:not(.show) {
  display: none
}

.cmp-cag .toast-container {
  --bs-toast-zindex: 1090;
  max-width: 100%;
  pointer-events: none;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: var(--bs-toast-zindex)
}

.cmp-cag .toast-container>:not(:last-child) {
  margin-bottom: var(--bs-toast-spacing)
}

.cmp-cag .toast-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-clip: padding-box;
  background-color: var(--bs-toast-header-bg);
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  color: var(--bs-toast-header-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x)
}

.cmp-cag .toast-header .btn-close {
  margin-left: var(--bs-toast-padding-x);
  margin-right: calc(var(--bs-toast-padding-x)*-.5)
}

.cmp-cag .toast-body {
  word-wrap: break-word;
  padding: var(--bs-toast-padding-x)
}

.cmp-cag .modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: var(--bs-modal-zindex)
}

.cmp-cag .modal-dialog {
  margin: var(--bs-modal-margin);
  pointer-events: none;
  position: relative;
  width: auto
}

.modal.fade .cmp-cag .modal-dialog {
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

@media(prefers-reduced-motion:reduce) {
  .modal.fade .cmp-cag .modal-dialog {
      -webkit-transition: none;
      transition: none
  }
}

.modal.show .cmp-cag .modal-dialog {
  -webkit-transform: none;
  transform: none
}

.modal.modal-static .cmp-cag .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}

.cmp-cag .modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin)*2)
}

.cmp-cag .modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden
}

.cmp-cag .modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.cmp-cag .modal-dialog-centered {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: calc(100% - var(--bs-modal-margin)*2)
}

.cmp-cag .modal-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-clip: padding-box;
  background-color: var(--bs-modal-bg);
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  color: var(--bs-modal-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  outline: 0;
  pointer-events: auto;
  position: relative;
  width: 100%
}

.cmp-cag .modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  background-color: var(--bs-backdrop-bg);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: var(--bs-backdrop-zindex)
}

.cmp-cag .modal-backdrop.fade {
  opacity: 0
}

.cmp-cag .modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity)
}

.cmp-cag .modal-header {
  -ms-flex-negative: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  padding: var(--bs-modal-header-padding)
}

.cmp-cag .modal-header .btn-close {
  margin: calc(var(--bs-modal-header-padding-y)*-.5) calc(var(--bs-modal-header-padding-x)*-.5) calc(var(--bs-modal-header-padding-y)*-.5) auto;
  padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5)
}

.cmp-cag .modal-title {
  line-height: var(--bs-modal-title-line-height);
  margin-bottom: 0
}

.cmp-cag .modal-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
  position: relative
}

.cmp-cag .modal-footer {
  -ms-flex-negative: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  align-items: center;
  background-color: var(--bs-modal-footer-bg);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5)
}

.cmp-cag .modal-footer>* {
  margin: calc(var(--bs-modal-footer-gap)*.5)
}

@media(min-width: 576px) {
  .cmp-cag .modal {
      --bs-modal-margin:1.75rem;
      --bs-modal-box-shadow: var(--bs-box-shadow)
  }

  .cmp-cag .modal-dialog {
      margin-left: auto;
      margin-right: auto;
      max-width: var(--bs-modal-width)
  }

  .cmp-cag .modal-sm {
      --bs-modal-width: 300px
  }
}

@media(min-width: 992px) {
  .cmp-cag .modal-lg,.cmp-cag .modal-xl {
      --bs-modal-width:800px
  }
}

@media(min-width: 1200px) {
  .cmp-cag .modal-xl {
      --bs-modal-width:1140px
  }
}

.cmp-cag .modal-fullscreen {
  height: 100%;
  margin: 0;
  max-width: none;
  width: 100vw
}

.cmp-cag .modal-fullscreen .modal-content {
  border: 0;
  border-radius: 0;
  height: 100%
}

.cmp-cag .modal-fullscreen .modal-footer,.cmp-cag .modal-fullscreen .modal-header {
  border-radius: 0
}

.cmp-cag .modal-fullscreen .modal-body {
  overflow-y: auto
}

@media(max-width: 575.98px) {
  .cmp-cag .modal-fullscreen-sm-down {
      height:100%;
      margin: 0;
      max-width: none;
      width: 100vw
  }

  .cmp-cag .modal-fullscreen-sm-down .modal-content {
      border: 0;
      border-radius: 0;
      height: 100%
  }

  .cmp-cag .modal-fullscreen-sm-down .modal-footer,.cmp-cag .modal-fullscreen-sm-down .modal-header {
      border-radius: 0
  }

  .cmp-cag .modal-fullscreen-sm-down .modal-body {
      overflow-y: auto
  }
}

@media(max-width: 767.98px) {
  .cmp-cag .modal-fullscreen-md-down {
      height:100%;
      margin: 0;
      max-width: none;
      width: 100vw
  }

  .cmp-cag .modal-fullscreen-md-down .modal-content {
      border: 0;
      border-radius: 0;
      height: 100%
  }

  .cmp-cag .modal-fullscreen-md-down .modal-footer,.cmp-cag .modal-fullscreen-md-down .modal-header {
      border-radius: 0
  }

  .cmp-cag .modal-fullscreen-md-down .modal-body {
      overflow-y: auto
  }
}

@media(max-width: 991.98px) {
  .cmp-cag .modal-fullscreen-lg-down {
      height:100%;
      margin: 0;
      max-width: none;
      width: 100vw
  }

  .cmp-cag .modal-fullscreen-lg-down .modal-content {
      border: 0;
      border-radius: 0;
      height: 100%
  }

  .cmp-cag .modal-fullscreen-lg-down .modal-footer,.cmp-cag .modal-fullscreen-lg-down .modal-header {
      border-radius: 0
  }

  .cmp-cag .modal-fullscreen-lg-down .modal-body {
      overflow-y: auto
  }
}

@media(max-width: 1199.98px) {
  .cmp-cag .modal-fullscreen-xl-down {
      height:100%;
      margin: 0;
      max-width: none;
      width: 100vw
  }

  .cmp-cag .modal-fullscreen-xl-down .modal-content {
      border: 0;
      border-radius: 0;
      height: 100%
  }

  .cmp-cag .modal-fullscreen-xl-down .modal-footer,.cmp-cag .modal-fullscreen-xl-down .modal-header {
      border-radius: 0
  }

  .cmp-cag .modal-fullscreen-xl-down .modal-body {
      overflow-y: auto
  }
}

@media(max-width: 1399.98px) {
  .cmp-cag .modal-fullscreen-xxl-down {
      height:100%;
      margin: 0;
      max-width: none;
      width: 100vw
  }

  .cmp-cag .modal-fullscreen-xxl-down .modal-content {
      border: 0;
      border-radius: 0;
      height: 100%
  }

  .cmp-cag .modal-fullscreen-xxl-down .modal-footer,.cmp-cag .modal-fullscreen-xxl-down .modal-header {
      border-radius: 0
  }

  .cmp-cag .modal-fullscreen-xxl-down .modal-body {
      overflow-y: auto
  }
}

.cmp-cag .tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  word-wrap: break-word;
  display: block;
  font-family: var(--bs-font-sans-serif);
  font-size: var(--bs-tooltip-font-size);
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  margin: var(--bs-tooltip-margin);
  opacity: 0;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: var(--bs-tooltip-zindex)
}

.cmp-cag .tooltip.show {
  opacity: var(--bs-tooltip-opacity)
}

.cmp-cag .tooltip .tooltip-arrow {
  display: block;
  height: var(--bs-tooltip-arrow-height);
  width: var(--bs-tooltip-arrow-width)
}

.cmp-cag .tooltip .tooltip-arrow:before {
  border-color: transparent;
  border-style: solid;
  content: "";
  position: absolute
}

.cmp-cag .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.cmp-cag .bs-tooltip-top .tooltip-arrow {
  bottom: calc(var(--bs-tooltip-arrow-height)*-1)
}

.cmp-cag .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.cmp-cag .bs-tooltip-top .tooltip-arrow:before {
  border-top-color: var(--bs-tooltip-bg);
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
  top: -1px
}

.cmp-cag .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.cmp-cag .bs-tooltip-end .tooltip-arrow {
  height: var(--bs-tooltip-arrow-width);
  left: calc(var(--bs-tooltip-arrow-height)*-1);
  width: var(--bs-tooltip-arrow-height)
}

.cmp-cag .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.cmp-cag .bs-tooltip-end .tooltip-arrow:before {
  border-right-color: var(--bs-tooltip-bg);
  border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
  right: -1px
}

.cmp-cag .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.cmp-cag .bs-tooltip-bottom .tooltip-arrow {
  top: calc(var(--bs-tooltip-arrow-height)*-1)
}

.cmp-cag .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.cmp-cag .bs-tooltip-bottom .tooltip-arrow:before {
  border-bottom-color: var(--bs-tooltip-bg);
  border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
  bottom: -1px
}

.cmp-cag .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.cmp-cag .bs-tooltip-start .tooltip-arrow {
  height: var(--bs-tooltip-arrow-width);
  right: calc(var(--bs-tooltip-arrow-height)*-1);
  width: var(--bs-tooltip-arrow-height)
}

.cmp-cag .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.cmp-cag .bs-tooltip-start .tooltip-arrow:before {
  border-left-color: var(--bs-tooltip-bg);
  border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
  left: -1px
}

.cmp-cag .tooltip-inner {
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
  color: var(--bs-tooltip-color);
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  text-align: center
}

.cmp-cag .popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  word-wrap: break-word;
  background-clip: padding-box;
  background-color: var(--bs-popover-bg);
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
  display: block;
  font-family: var(--bs-font-sans-serif);
  font-size: var(--bs-popover-font-size);
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  max-width: var(--bs-popover-max-width);
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  z-index: var(--bs-popover-zindex)
}

.cmp-cag .popover .popover-arrow {
  display: block;
  height: var(--bs-popover-arrow-height);
  width: var(--bs-popover-arrow-width)
}

.cmp-cag .popover .popover-arrow:after,.cmp-cag .popover .popover-arrow:before {
  border: 0 solid transparent;
  content: "";
  display: block;
  position: absolute
}

.cmp-cag .bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.cmp-cag .bs-popover-top>.popover-arrow {
  bottom: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))
}

.cmp-cag .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.cmp-cag .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.cmp-cag .bs-popover-top>.popover-arrow:after,.cmp-cag .bs-popover-top>.popover-arrow:before {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
}

.cmp-cag .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.cmp-cag .bs-popover-top>.popover-arrow:before {
  border-top-color: var(--bs-popover-arrow-border);
  bottom: 0
}

.cmp-cag .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.cmp-cag .bs-popover-top>.popover-arrow:after {
  border-top-color: var(--bs-popover-bg);
  bottom: var(--bs-popover-border-width)
}

.cmp-cag .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.cmp-cag .bs-popover-end>.popover-arrow {
  height: var(--bs-popover-arrow-width);
  left: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height)
}

.cmp-cag .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.cmp-cag .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.cmp-cag .bs-popover-end>.popover-arrow:after,.cmp-cag .bs-popover-end>.popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
}

.cmp-cag .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.cmp-cag .bs-popover-end>.popover-arrow:before {
  border-right-color: var(--bs-popover-arrow-border);
  left: 0
}

.cmp-cag .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.cmp-cag .bs-popover-end>.popover-arrow:after {
  border-right-color: var(--bs-popover-bg);
  left: var(--bs-popover-border-width)
}

.cmp-cag .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.cmp-cag .bs-popover-bottom>.popover-arrow {
  top: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width))
}

.cmp-cag .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.cmp-cag .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.cmp-cag .bs-popover-bottom>.popover-arrow:after,.cmp-cag .bs-popover-bottom>.popover-arrow:before {
  border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
}

.cmp-cag .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.cmp-cag .bs-popover-bottom>.popover-arrow:before {
  border-bottom-color: var(--bs-popover-arrow-border);
  top: 0
}

.cmp-cag .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.cmp-cag .bs-popover-bottom>.popover-arrow:after {
  border-bottom-color: var(--bs-popover-bg);
  top: var(--bs-popover-border-width)
}

.cmp-cag .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.cmp-cag .bs-popover-bottom .popover-header:before {
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
  content: "";
  display: block;
  left: 50%;
  margin-left: calc(var(--bs-popover-arrow-width)*-.5);
  position: absolute;
  top: 0;
  width: var(--bs-popover-arrow-width)
}

.cmp-cag .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.cmp-cag .bs-popover-start>.popover-arrow {
  height: var(--bs-popover-arrow-width);
  right: calc((var(--bs-popover-arrow-height))*-1 - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height)
}

.cmp-cag .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.cmp-cag .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.cmp-cag .bs-popover-start>.popover-arrow:after,.cmp-cag .bs-popover-start>.popover-arrow:before {
  border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
}

.cmp-cag .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.cmp-cag .bs-popover-start>.popover-arrow:before {
  border-left-color: var(--bs-popover-arrow-border);
  right: 0
}

.cmp-cag .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.cmp-cag .bs-popover-start>.popover-arrow:after {
  border-left-color: var(--bs-popover-bg);
  right: var(--bs-popover-border-width)
}

.cmp-cag .popover-header {
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
  color: var(--bs-popover-header-color);
  font-size: var(--bs-popover-header-font-size);
  margin-bottom: 0;
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x)
}

.cmp-cag .popover-header:empty {
  display: none
}

.cmp-cag .popover-body {
  color: var(--bs-popover-body-color);
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x)
}

.cmp-cag .carousel {
  position: relative
}

.cmp-cag .carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.cmp-cag .carousel-inner {
  overflow: hidden;
  position: relative;
  width: 100%
}

.cmp-cag .carousel-inner:after {
  clear: both;
  content: "";
  display: block
}

.cmp-cag .carousel-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  float: left;
  margin-right: -100%;
  position: relative;
  -webkit-transition: -webkit-transform .6s ease-in-out;
  transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out;
  width: 100%
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .carousel-item {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .carousel-item-next,.cmp-cag .carousel-item-prev,.cmp-cag .carousel-item.active {
  display: block
}

.cmp-cag .active.carousel-item-end,.cmp-cag .carousel-item-next:not(.carousel-item-start) {
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.cmp-cag .active.carousel-item-start,.cmp-cag .carousel-item-prev:not(.carousel-item-end) {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.cmp-cag .carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transform: none;
  transform: none;
  -webkit-transition-property: opacity;
  transition-property: opacity
}

.cmp-cag .carousel-fade .carousel-item-next.carousel-item-start,.cmp-cag .carousel-fade .carousel-item-prev.carousel-item-end,.cmp-cag .carousel-fade .carousel-item.active {
  opacity: 1;
  z-index: 1
}

.cmp-cag .carousel-fade .active.carousel-item-end,.cmp-cag .carousel-fade .active.carousel-item-start {
  opacity: 0;
  -webkit-transition: opacity 0s .6s;
  transition: opacity 0s .6s;
  z-index: 0
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .carousel-fade .active.carousel-item-end,.cmp-cag .carousel-fade .active.carousel-item-start {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .carousel-control-next,.cmp-cag .carousel-control-prev {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: none;
  border: 0;
  bottom: 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  opacity: .5;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transition: opacity .15s ease;
  transition: opacity .15s ease;
  width: 15%;
  z-index: 1
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .carousel-control-next,.cmp-cag .carousel-control-prev {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .carousel-control-next:focus,.cmp-cag .carousel-control-next:hover,.cmp-cag .carousel-control-prev:focus,.cmp-cag .carousel-control-prev:hover {
  color: #fff;
  opacity: .9;
  outline: 0;
  text-decoration: none
}

.cmp-cag .carousel-control-prev {
  left: 0
}

.cmp-cag .carousel-control-next {
  right: 0
}

.cmp-cag .carousel-control-next-icon,.cmp-cag .carousel-control-prev-icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  height: 2rem;
  width: 2rem
}

.cmp-cag .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.cmp-cag .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.cmp-cag .carousel-indicators {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  left: 0;
  margin-bottom: 1rem;
  margin-left: 15%;
  margin-right: 15%;
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 2
}

.cmp-cag .carousel-indicators [data-bs-target] {
  -webkit-box-flex: 0;
  background-clip: padding-box;
  background-color: #fff;
  border: 0;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 3px;
  margin-left: 3px;
  margin-right: 3px;
  opacity: .5;
  padding: 0;
  text-indent: -999px;
  -webkit-transition: opacity .6s ease;
  transition: opacity .6s ease;
  width: 30px
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .carousel-indicators [data-bs-target] {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .carousel-indicators .active {
  opacity: 1
}

.cmp-cag .carousel-caption {
  bottom: 1.25rem;
  color: #fff;
  left: 15%;
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  position: absolute;
  right: 15%;
  text-align: center
}

.cmp-cag .carousel-dark .carousel-control-next-icon,.cmp-cag .carousel-dark .carousel-control-prev-icon {
  -webkit-filter: invert(1) grayscale(100);
  filter: invert(1) grayscale(100)
}

.cmp-cag .carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000
}

.cmp-cag .carousel-dark .carousel-caption {
  color: #000
}

.cmp-cag [data-bs-theme=dark] .carousel .carousel-control-next-icon,.cmp-cag [data-bs-theme=dark] .carousel .carousel-control-prev-icon,.cmp-cag [data-bs-theme=dark].carousel .carousel-control-next-icon,.cmp-cag [data-bs-theme=dark].carousel .carousel-control-prev-icon {
  -webkit-filter: invert(1) grayscale(100);
  filter: invert(1) grayscale(100)
}

.cmp-cag [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],.cmp-cag [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000
}

.cmp-cag [data-bs-theme=dark] .carousel .carousel-caption,.cmp-cag [data-bs-theme=dark].carousel .carousel-caption {
  color: #000
}

.cmp-cag .spinner-border,.cmp-cag .spinner-grow {
  -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
  border-radius: 50%;
  display: inline-block;
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  width: var(--bs-spinner-width)
}

@-webkit-keyframes spinner-border {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes spinner-border {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

.cmp-cag .spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border-right-color: currentcolor;
  border: var(--bs-spinner-border-width) solid;
  border-right: var(--bs-spinner-border-width) solid transparent
}

.cmp-cag .spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em
}

@-webkit-keyframes spinner-grow {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0)
  }

  50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

@keyframes spinner-grow {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0)
  }

  50% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
  }
}

.cmp-cag .spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0
}

.cmp-cag .spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .spinner-border,.cmp-cag .spinner-grow {
      --bs-spinner-animation-speed: 1.5s
  }
}

.cmp-cag .offcanvas,.cmp-cag .offcanvas-lg,.cmp-cag .offcanvas-md,.cmp-cag .offcanvas-sm,.cmp-cag .offcanvas-xl,.cmp-cag .offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5
}

@media(max-width: 575.98px) {
  .cmp-cag .offcanvas-sm {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      background-clip: padding-box;
      background-color: var(--bs-offcanvas-bg);
      bottom: 0;
      color: var(--bs-offcanvas-color);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 100%;
      outline: 0;
      position: fixed;
      -webkit-transition: var(--bs-offcanvas-transition);
      transition: var(--bs-offcanvas-transition);
      visibility: hidden;
      z-index: var(--bs-offcanvas-zindex)
  }
}

@media(max-width: 575.98px)and (prefers-reduced-motion:reduce) {
  .cmp-cag .offcanvas-sm {
      -webkit-transition:none;
      transition: none
  }
}

@media(max-width: 575.98px) {
  .cmp-cag .offcanvas-sm.offcanvas-start {
      border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      left: 0;
      top: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      width: var(--bs-offcanvas-width)
  }

  .cmp-cag .offcanvas-sm.offcanvas-end {
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      right: 0;
      top: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      width: var(--bs-offcanvas-width)
  }

  .cmp-cag .offcanvas-sm.offcanvas-top {
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      height: var(--bs-offcanvas-height);
      left: 0;
      max-height: 100%;
      right: 0;
      top: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  .cmp-cag .offcanvas-sm.offcanvas-bottom {
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      height: var(--bs-offcanvas-height);
      left: 0;
      max-height: 100%;
      right: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  .cmp-cag .offcanvas-sm.show:not(.hiding),.cmp-cag .offcanvas-sm.showing {
      -webkit-transform: none;
      transform: none
  }

  .cmp-cag .offcanvas-sm.hiding,.cmp-cag .offcanvas-sm.show,.cmp-cag .offcanvas-sm.showing {
      visibility: visible
  }
}

@media(min-width: 576px) {
  .cmp-cag .offcanvas-sm {
      --bs-offcanvas-height:auto;
      --bs-offcanvas-border-width: 0;
      background-color: transparent!important
  }

  .cmp-cag .offcanvas-sm .offcanvas-header {
      display: none
  }

  .cmp-cag .offcanvas-sm .offcanvas-body {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      background-color: transparent!important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-grow: 0;
      overflow-y: visible;
      padding: 0
  }
}

@media(max-width: 767.98px) {
  .cmp-cag .offcanvas-md {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      background-clip: padding-box;
      background-color: var(--bs-offcanvas-bg);
      bottom: 0;
      color: var(--bs-offcanvas-color);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 100%;
      outline: 0;
      position: fixed;
      -webkit-transition: var(--bs-offcanvas-transition);
      transition: var(--bs-offcanvas-transition);
      visibility: hidden;
      z-index: var(--bs-offcanvas-zindex)
  }
}

@media(max-width: 767.98px)and (prefers-reduced-motion:reduce) {
  .cmp-cag .offcanvas-md {
      -webkit-transition:none;
      transition: none
  }
}

@media(max-width: 767.98px) {
  .cmp-cag .offcanvas-md.offcanvas-start {
      border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      left: 0;
      top: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      width: var(--bs-offcanvas-width)
  }

  .cmp-cag .offcanvas-md.offcanvas-end {
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      right: 0;
      top: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      width: var(--bs-offcanvas-width)
  }

  .cmp-cag .offcanvas-md.offcanvas-top {
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      height: var(--bs-offcanvas-height);
      left: 0;
      max-height: 100%;
      right: 0;
      top: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  .cmp-cag .offcanvas-md.offcanvas-bottom {
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      height: var(--bs-offcanvas-height);
      left: 0;
      max-height: 100%;
      right: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  .cmp-cag .offcanvas-md.show:not(.hiding),.cmp-cag .offcanvas-md.showing {
      -webkit-transform: none;
      transform: none
  }

  .cmp-cag .offcanvas-md.hiding,.cmp-cag .offcanvas-md.show,.cmp-cag .offcanvas-md.showing {
      visibility: visible
  }
}

@media(min-width: 768px) {
  .cmp-cag .offcanvas-md {
      --bs-offcanvas-height:auto;
      --bs-offcanvas-border-width: 0;
      background-color: transparent!important
  }

  .cmp-cag .offcanvas-md .offcanvas-header {
      display: none
  }

  .cmp-cag .offcanvas-md .offcanvas-body {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      background-color: transparent!important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-grow: 0;
      overflow-y: visible;
      padding: 0
  }
}

@media(max-width: 991.98px) {
  .cmp-cag .offcanvas-lg {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      background-clip: padding-box;
      background-color: var(--bs-offcanvas-bg);
      bottom: 0;
      color: var(--bs-offcanvas-color);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 100%;
      outline: 0;
      position: fixed;
      -webkit-transition: var(--bs-offcanvas-transition);
      transition: var(--bs-offcanvas-transition);
      visibility: hidden;
      z-index: var(--bs-offcanvas-zindex)
  }
}

@media(max-width: 991.98px)and (prefers-reduced-motion:reduce) {
  .cmp-cag .offcanvas-lg {
      -webkit-transition:none;
      transition: none
  }
}

@media(max-width: 991.98px) {
  .cmp-cag .offcanvas-lg.offcanvas-start {
      border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      left: 0;
      top: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      width: var(--bs-offcanvas-width)
  }

  .cmp-cag .offcanvas-lg.offcanvas-end {
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      right: 0;
      top: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      width: var(--bs-offcanvas-width)
  }

  .cmp-cag .offcanvas-lg.offcanvas-top {
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      height: var(--bs-offcanvas-height);
      left: 0;
      max-height: 100%;
      right: 0;
      top: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  .cmp-cag .offcanvas-lg.offcanvas-bottom {
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      height: var(--bs-offcanvas-height);
      left: 0;
      max-height: 100%;
      right: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  .cmp-cag .offcanvas-lg.show:not(.hiding),.cmp-cag .offcanvas-lg.showing {
      -webkit-transform: none;
      transform: none
  }

  .cmp-cag .offcanvas-lg.hiding,.cmp-cag .offcanvas-lg.show,.cmp-cag .offcanvas-lg.showing {
      visibility: visible
  }
}

@media(min-width: 992px) {
  .cmp-cag .offcanvas-lg {
      --bs-offcanvas-height:auto;
      --bs-offcanvas-border-width: 0;
      background-color: transparent!important
  }

  .cmp-cag .offcanvas-lg .offcanvas-header {
      display: none
  }

  .cmp-cag .offcanvas-lg .offcanvas-body {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      background-color: transparent!important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-grow: 0;
      overflow-y: visible;
      padding: 0
  }
}

@media(max-width: 1199.98px) {
  .cmp-cag .offcanvas-xl {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      background-clip: padding-box;
      background-color: var(--bs-offcanvas-bg);
      bottom: 0;
      color: var(--bs-offcanvas-color);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 100%;
      outline: 0;
      position: fixed;
      -webkit-transition: var(--bs-offcanvas-transition);
      transition: var(--bs-offcanvas-transition);
      visibility: hidden;
      z-index: var(--bs-offcanvas-zindex)
  }
}

@media(max-width: 1199.98px)and (prefers-reduced-motion:reduce) {
  .cmp-cag .offcanvas-xl {
      -webkit-transition:none;
      transition: none
  }
}

@media(max-width: 1199.98px) {
  .cmp-cag .offcanvas-xl.offcanvas-start {
      border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      left: 0;
      top: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      width: var(--bs-offcanvas-width)
  }

  .cmp-cag .offcanvas-xl.offcanvas-end {
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      right: 0;
      top: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      width: var(--bs-offcanvas-width)
  }

  .cmp-cag .offcanvas-xl.offcanvas-top {
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      height: var(--bs-offcanvas-height);
      left: 0;
      max-height: 100%;
      right: 0;
      top: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  .cmp-cag .offcanvas-xl.offcanvas-bottom {
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      height: var(--bs-offcanvas-height);
      left: 0;
      max-height: 100%;
      right: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  .cmp-cag .offcanvas-xl.show:not(.hiding),.cmp-cag .offcanvas-xl.showing {
      -webkit-transform: none;
      transform: none
  }

  .cmp-cag .offcanvas-xl.hiding,.cmp-cag .offcanvas-xl.show,.cmp-cag .offcanvas-xl.showing {
      visibility: visible
  }
}

@media(min-width: 1200px) {
  .cmp-cag .offcanvas-xl {
      --bs-offcanvas-height:auto;
      --bs-offcanvas-border-width: 0;
      background-color: transparent!important
  }

  .cmp-cag .offcanvas-xl .offcanvas-header {
      display: none
  }

  .cmp-cag .offcanvas-xl .offcanvas-body {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      background-color: transparent!important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-grow: 0;
      overflow-y: visible;
      padding: 0
  }
}

@media(max-width: 1399.98px) {
  .cmp-cag .offcanvas-xxl {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      background-clip: padding-box;
      background-color: var(--bs-offcanvas-bg);
      bottom: 0;
      color: var(--bs-offcanvas-color);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 100%;
      outline: 0;
      position: fixed;
      -webkit-transition: var(--bs-offcanvas-transition);
      transition: var(--bs-offcanvas-transition);
      visibility: hidden;
      z-index: var(--bs-offcanvas-zindex)
  }
}

@media(max-width: 1399.98px)and (prefers-reduced-motion:reduce) {
  .cmp-cag .offcanvas-xxl {
      -webkit-transition:none;
      transition: none
  }
}

@media(max-width: 1399.98px) {
  .cmp-cag .offcanvas-xxl.offcanvas-start {
      border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      left: 0;
      top: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
      width: var(--bs-offcanvas-width)
  }

  .cmp-cag .offcanvas-xxl.offcanvas-end {
      border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      right: 0;
      top: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
      width: var(--bs-offcanvas-width)
  }

  .cmp-cag .offcanvas-xxl.offcanvas-top {
      border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      height: var(--bs-offcanvas-height);
      left: 0;
      max-height: 100%;
      right: 0;
      top: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%)
  }

  .cmp-cag .offcanvas-xxl.offcanvas-bottom {
      border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
      height: var(--bs-offcanvas-height);
      left: 0;
      max-height: 100%;
      right: 0;
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  .cmp-cag .offcanvas-xxl.show:not(.hiding),.cmp-cag .offcanvas-xxl.showing {
      -webkit-transform: none;
      transform: none
  }

  .cmp-cag .offcanvas-xxl.hiding,.cmp-cag .offcanvas-xxl.show,.cmp-cag .offcanvas-xxl.showing {
      visibility: visible
  }
}

@media(min-width: 1400px) {
  .cmp-cag .offcanvas-xxl {
      --bs-offcanvas-height:auto;
      --bs-offcanvas-border-width: 0;
      background-color: transparent!important
  }

  .cmp-cag .offcanvas-xxl .offcanvas-header {
      display: none
  }

  .cmp-cag .offcanvas-xxl .offcanvas-body {
      -webkit-box-flex: 0;
      -ms-flex-positive: 0;
      background-color: transparent!important;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-grow: 0;
      overflow-y: visible;
      padding: 0
  }
}

.cmp-cag .offcanvas {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-clip: padding-box;
  background-color: var(--bs-offcanvas-bg);
  bottom: 0;
  color: var(--bs-offcanvas-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  outline: 0;
  position: fixed;
  -webkit-transition: var(--bs-offcanvas-transition);
  transition: var(--bs-offcanvas-transition);
  visibility: hidden;
  z-index: var(--bs-offcanvas-zindex)
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .offcanvas {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .offcanvas.offcanvas-start {
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  width: var(--bs-offcanvas-width)
}

.cmp-cag .offcanvas.offcanvas-end {
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  right: 0;
  top: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  width: var(--bs-offcanvas-width)
}

.cmp-cag .offcanvas.offcanvas-top {
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  height: var(--bs-offcanvas-height);
  left: 0;
  max-height: 100%;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.cmp-cag .offcanvas.offcanvas-bottom {
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  height: var(--bs-offcanvas-height);
  left: 0;
  max-height: 100%;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}

.cmp-cag .offcanvas.show:not(.hiding),.cmp-cag .offcanvas.showing {
  -webkit-transform: none;
  transform: none
}

.cmp-cag .offcanvas.hiding,.cmp-cag .offcanvas.show,.cmp-cag .offcanvas.showing {
  visibility: visible
}

.cmp-cag .offcanvas-backdrop {
  background-color: #000;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1040
}

.cmp-cag .offcanvas-backdrop.fade {
  opacity: 0
}

.cmp-cag .offcanvas-backdrop.show {
  opacity: .5
}

.cmp-cag .offcanvas-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.cmp-cag .offcanvas-header .btn-close {
  margin: calc(var(--bs-offcanvas-padding-y)*-.5) calc(var(--bs-offcanvas-padding-x)*-.5) calc(var(--bs-offcanvas-padding-y)*-.5) auto;
  padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5)
}

.cmp-cag .offcanvas-title {
  line-height: var(--bs-offcanvas-title-line-height);
  margin-bottom: 0
}

.cmp-cag .offcanvas-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-y: auto;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.cmp-cag .placeholder {
  background-color: currentcolor;
  cursor: wait;
  display: inline-block;
  min-height: 1em;
  opacity: .5;
  vertical-align: middle
}

.cmp-cag .placeholder.btn:before {
  content: "";
  display: inline-block
}

.cmp-cag .placeholder-xs {
  min-height: .6em
}

.cmp-cag .placeholder-sm {
  min-height: .8em
}

.cmp-cag .placeholder-lg {
  min-height: 1.2em
}

.cmp-cag .placeholder-glow .placeholder {
  -webkit-animation: placeholder-glow 2s ease-in-out infinite;
  animation: placeholder-glow 2s ease-in-out infinite
}

@-webkit-keyframes placeholder-glow {
  50% {
      opacity: .2
  }
}

@keyframes placeholder-glow {
  50% {
      opacity: .2
  }
}

.cmp-cag .placeholder-wave {
  -webkit-animation: placeholder-wave 2s linear infinite;
  animation: placeholder-wave 2s linear infinite;
  -webkit-mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
  mask-image: linear-gradient(130deg,#000 55%,rgba(0,0,0,.8) 75%,#000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%
}

@-webkit-keyframes placeholder-wave {
  to {
      -webkit-mask-position: -200% 0;
      mask-position: -200% 0
  }
}

@keyframes placeholder-wave {
  to {
      -webkit-mask-position: -200% 0;
      mask-position: -200% 0
  }
}

.cmp-cag .clearfix:after {
  clear: both;
  content: "";
  display: block
}

.cmp-cag .text-bg-primary {
  background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important;
  color: #fff!important
}

.cmp-cag .text-bg-secondary {
  background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important;
  color: #fff!important
}

.cmp-cag .text-bg-success {
  background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important;
  color: #fff!important
}

.cmp-cag .text-bg-info {
  background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important;
  color: #000!important
}

.cmp-cag .text-bg-warning {
  background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important;
  color: #000!important
}

.cmp-cag .text-bg-danger {
  background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important;
  color: #fff!important
}

.cmp-cag .text-bg-light {
  background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important;
  color: #000!important
}

.cmp-cag .text-bg-dark {
  background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important;
  color: #fff!important
}

.cmp-cag .link-primary {
  color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-primary:focus,.cmp-cag .link-primary:hover {
  color: RGBA(10,88,202,var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-secondary {
  color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-secondary:focus,.cmp-cag .link-secondary:hover {
  color: RGBA(86,94,100,var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-success {
  color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-success:focus,.cmp-cag .link-success:hover {
  color: RGBA(20,108,67,var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-info {
  color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-info:focus,.cmp-cag .link-info:hover {
  color: RGBA(61,213,243,var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-warning {
  color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-warning:focus,.cmp-cag .link-warning:hover {
  color: RGBA(255,205,57,var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-danger {
  color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-danger:focus,.cmp-cag .link-danger:hover {
  color: RGBA(176,42,55,var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-light {
  color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-light:focus,.cmp-cag .link-light:hover {
  color: RGBA(249,250,251,var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-dark {
  color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-dark:focus,.cmp-cag .link-dark:hover {
  color: RGBA(26,30,33,var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-body-emphasis:focus,.cmp-cag .link-body-emphasis:hover {
  color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,.75))!important
}

.cmp-cag .focus-ring:focus {
  -webkit-box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
  box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
  outline: 0
}

.cmp-cag .icon-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: .375rem;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
  text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,.5));
  text-underline-offset: .25em
}

.cmp-cag .icon-link>.bi {
  -ms-flex-negative: 0;
  fill: currentcolor;
  flex-shrink: 0;
  height: 1em;
  -webkit-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  width: 1em
}

@media(prefers-reduced-motion:reduce) {
  .cmp-cag .icon-link>.bi {
      -webkit-transition: none;
      transition: none
  }
}

.cmp-cag .icon-link-hover:focus-visible>.bi,.cmp-cag .icon-link-hover:hover>.bi {
  -webkit-transform: var(--bs-icon-link-transform,translate3d(.25em,0,0));
  transform: var(--bs-icon-link-transform,translate3d(.25em,0,0))
}

.cmp-cag .ratio {
  position: relative;
  width: 100%
}

.cmp-cag .ratio:before {
  content: "";
  display: block;
  padding-top: var(--bs-aspect-ratio)
}

.cmp-cag .ratio>* {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.cmp-cag .ratio-1x1 {
  --bs-aspect-ratio: 100%
}

.cmp-cag .ratio-4x3 {
  --bs-aspect-ratio: 75%
}

.cmp-cag .ratio-16x9 {
  --bs-aspect-ratio: 56.25%
}

.cmp-cag .ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%
}

.cmp-cag .fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1030
}

.cmp-cag .fixed-bottom {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030
}

.cmp-cag .sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020
}

.cmp-cag .sticky-bottom {
  bottom: 0;
  position: sticky;
  z-index: 1020
}

@media(min-width: 576px) {
  .cmp-cag .sticky-sm-top {
      position:sticky;
      top: 0;
      z-index: 1020
  }

  .cmp-cag .sticky-sm-bottom {
      bottom: 0;
      position: sticky;
      z-index: 1020
  }
}

@media(min-width: 768px) {
  .cmp-cag .sticky-md-top {
      position:sticky;
      top: 0;
      z-index: 1020
  }

  .cmp-cag .sticky-md-bottom {
      bottom: 0;
      position: sticky;
      z-index: 1020
  }
}

@media(min-width: 992px) {
  .cmp-cag .sticky-lg-top {
      position:sticky;
      top: 0;
      z-index: 1020
  }

  .cmp-cag .sticky-lg-bottom {
      bottom: 0;
      position: sticky;
      z-index: 1020
  }
}

@media(min-width: 1200px) {
  .cmp-cag .sticky-xl-top {
      position:sticky;
      top: 0;
      z-index: 1020
  }

  .cmp-cag .sticky-xl-bottom {
      bottom: 0;
      position: sticky;
      z-index: 1020
  }
}

@media(min-width: 1400px) {
  .cmp-cag .sticky-xxl-top {
      position:sticky;
      top: 0;
      z-index: 1020
  }

  .cmp-cag .sticky-xxl-bottom {
      bottom: 0;
      position: sticky;
      z-index: 1020
  }
}

.cmp-cag .hstack {
  -webkit-box-orient: horizontal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-item-align: stretch;
  align-items: center;
  -ms-flex-direction: row;
  flex-direction: row
}

.cmp-cag .hstack,.cmp-cag .vstack {
  -webkit-box-direction: normal;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cmp-cag .vstack {
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -ms-flex-item-align: stretch;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-direction: column;
  flex-direction: column
}

.cmp-cag .visually-hidden,.cmp-cag .visually-hidden-focusable:not(:focus):not(:focus-within) {
  clip: rect(0,0,0,0)!important;
  border: 0!important;
  height: 1px!important;
  margin: -1px!important;
  overflow: hidden!important;
  padding: 0!important;
  white-space: nowrap!important;
  width: 1px!important
}

.cmp-cag .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.cmp-cag .visually-hidden:not(caption) {
  position: absolute!important
}

.cmp-cag .stretched-link:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.cmp-cag .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cmp-cag .vr {
  -ms-flex-item-align: stretch;
  align-self: stretch;
  background-color: currentcolor;
  display: inline-block;
  min-height: 1em;
  opacity: .25;
  width: var(--bs-border-width)
}

.cmp-cag .align-baseline {
  vertical-align: baseline!important
}

.cmp-cag .align-top {
  vertical-align: top!important
}

.cmp-cag .align-middle {
  vertical-align: middle!important
}

.cmp-cag .align-bottom {
  vertical-align: bottom!important
}

.cmp-cag .align-text-bottom {
  vertical-align: text-bottom!important
}

.cmp-cag .align-text-top {
  vertical-align: text-top!important
}

.cmp-cag .float-start {
  float: left!important
}

.cmp-cag .float-end {
  float: right!important
}

.cmp-cag .float-none {
  float: none!important
}

.cmp-cag .object-fit-contain {
  -o-object-fit: contain!important;
  object-fit: contain!important
}

.cmp-cag .object-fit-cover {
  -o-object-fit: cover!important;
  object-fit: cover!important
}

.cmp-cag .object-fit-fill {
  -o-object-fit: fill!important;
  object-fit: fill!important
}

.cmp-cag .object-fit-scale {
  -o-object-fit: scale-down!important;
  object-fit: scale-down!important
}

.cmp-cag .object-fit-none {
  -o-object-fit: none!important;
  object-fit: none!important
}

.cmp-cag .opacity-0 {
  opacity: 0!important
}

.cmp-cag .opacity-25 {
  opacity: .25!important
}

.cmp-cag .opacity-50 {
  opacity: .5!important
}

.cmp-cag .opacity-75 {
  opacity: .75!important
}

.cmp-cag .opacity-100 {
  opacity: 1!important
}

.cmp-cag .overflow-auto {
  overflow: auto!important
}

.cmp-cag .overflow-hidden {
  overflow: hidden!important
}

.cmp-cag .overflow-visible {
  overflow: visible!important
}

.cmp-cag .overflow-scroll {
  overflow: scroll!important
}

.cmp-cag .overflow-x-auto {
  overflow-x: auto!important
}

.cmp-cag .overflow-x-hidden {
  overflow-x: hidden!important
}

.cmp-cag .overflow-x-visible {
  overflow-x: visible!important
}

.cmp-cag .overflow-x-scroll {
  overflow-x: scroll!important
}

.cmp-cag .overflow-y-auto {
  overflow-y: auto!important
}

.cmp-cag .overflow-y-hidden {
  overflow-y: hidden!important
}

.cmp-cag .overflow-y-visible {
  overflow-y: visible!important
}

.cmp-cag .overflow-y-scroll {
  overflow-y: scroll!important
}

.cmp-cag .d-inline {
  display: inline!important
}

.cmp-cag .d-inline-block {
  display: inline-block!important
}

.cmp-cag .d-block {
  display: block!important
}

.cmp-cag .d-grid {
  display: grid!important
}

.cmp-cag .d-inline-grid {
  display: inline-grid!important
}

.cmp-cag .d-table {
  display: table!important
}

.cmp-cag .d-table-row {
  display: table-row!important
}

.cmp-cag .d-table-cell {
  display: table-cell!important
}

.cmp-cag .d-flex {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important
}

.cmp-cag .d-inline-flex {
  display: -webkit-inline-box!important;
  display: -ms-inline-flexbox!important;
  display: inline-flex!important
}

.cmp-cag .d-none {
  display: none!important
}

.cmp-cag .shadow {
  -webkit-box-shadow: var(--bs-box-shadow)!important;
  box-shadow: var(--bs-box-shadow)!important
}

.cmp-cag .shadow-sm {
  -webkit-box-shadow: var(--bs-box-shadow-sm)!important;
  box-shadow: var(--bs-box-shadow-sm)!important
}

.cmp-cag .shadow-lg {
  -webkit-box-shadow: var(--bs-box-shadow-lg)!important;
  box-shadow: var(--bs-box-shadow-lg)!important
}

.cmp-cag .shadow-none {
  -webkit-box-shadow: none!important;
  box-shadow: none!important
}

.cmp-cag .focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb),var(--bs-focus-ring-opacity))
}

.cmp-cag .focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb),var(--bs-focus-ring-opacity))
}

.cmp-cag .focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb),var(--bs-focus-ring-opacity))
}

.cmp-cag .focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb),var(--bs-focus-ring-opacity))
}

.cmp-cag .focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb),var(--bs-focus-ring-opacity))
}

.cmp-cag .focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb),var(--bs-focus-ring-opacity))
}

.cmp-cag .focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb),var(--bs-focus-ring-opacity))
}

.cmp-cag .focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb),var(--bs-focus-ring-opacity))
}

.cmp-cag .position-static {
  position: static!important
}

.cmp-cag .position-relative {
  position: relative!important
}

.cmp-cag .position-absolute {
  position: absolute!important
}

.cmp-cag .position-fixed {
  position: fixed!important
}

.cmp-cag .position-sticky {
  position: sticky!important
}

.cmp-cag .top-0 {
  top: 0!important
}

.cmp-cag .top-50 {
  top: 50%!important
}

.cmp-cag .top-100 {
  top: 100%!important
}

.cmp-cag .bottom-0 {
  bottom: 0!important
}

.cmp-cag .bottom-50 {
  bottom: 50%!important
}

.cmp-cag .bottom-100 {
  bottom: 100%!important
}

.cmp-cag .start-0 {
  left: 0!important
}

.cmp-cag .start-50 {
  left: 50%!important
}

.cmp-cag .start-100 {
  left: 100%!important
}

.cmp-cag .end-0 {
  right: 0!important
}

.cmp-cag .end-50 {
  right: 50%!important
}

.cmp-cag .end-100 {
  right: 100%!important
}

.cmp-cag .translate-middle {
  -webkit-transform: translate(-50%,-50%)!important;
  transform: translate(-50%,-50%)!important
}

.cmp-cag .translate-middle-x {
  -webkit-transform: translateX(-50%)!important;
  transform: translateX(-50%)!important
}

.cmp-cag .translate-middle-y {
  -webkit-transform: translateY(-50%)!important;
  transform: translateY(-50%)!important
}

.cmp-cag .border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.cmp-cag .border-0 {
  border: 0!important
}

.cmp-cag .border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.cmp-cag .border-top-0 {
  border-top: 0!important
}

.cmp-cag .border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.cmp-cag .border-end-0 {
  border-right: 0!important
}

.cmp-cag .border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.cmp-cag .border-bottom-0 {
  border-bottom: 0!important
}

.cmp-cag .border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important
}

.cmp-cag .border-start-0 {
  border-left: 0!important
}

.cmp-cag .border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important
}

.cmp-cag .border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important
}

.cmp-cag .border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important
}

.cmp-cag .border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important
}

.cmp-cag .border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important
}

.cmp-cag .border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important
}

.cmp-cag .border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important
}

.cmp-cag .border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important
}

.cmp-cag .border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important
}

.cmp-cag .border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important
}

.cmp-cag .border-primary-subtle {
  border-color: var(--bs-primary-border-subtle)!important
}

.cmp-cag .border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle)!important
}

.cmp-cag .border-success-subtle {
  border-color: var(--bs-success-border-subtle)!important
}

.cmp-cag .border-info-subtle {
  border-color: var(--bs-info-border-subtle)!important
}

.cmp-cag .border-warning-subtle {
  border-color: var(--bs-warning-border-subtle)!important
}

.cmp-cag .border-danger-subtle {
  border-color: var(--bs-danger-border-subtle)!important
}

.cmp-cag .border-light-subtle {
  border-color: var(--bs-light-border-subtle)!important
}

.cmp-cag .border-dark-subtle {
  border-color: var(--bs-dark-border-subtle)!important
}

.cmp-cag .border-1 {
  border-width: 1px!important
}

.cmp-cag .border-2 {
  border-width: 2px!important
}

.cmp-cag .border-3 {
  border-width: 3px!important
}

.cmp-cag .border-4 {
  border-width: 4px!important
}

.cmp-cag .border-5 {
  border-width: 5px!important
}

.cmp-cag .border-opacity-10 {
  --bs-border-opacity: 0.1
}

.cmp-cag .border-opacity-25 {
  --bs-border-opacity: 0.25
}

.cmp-cag .border-opacity-50 {
  --bs-border-opacity: 0.5
}

.cmp-cag .border-opacity-75 {
  --bs-border-opacity: 0.75
}

.cmp-cag .border-opacity-100 {
  --bs-border-opacity: 1
}

.cmp-cag .w-25 {
  width: 25%!important
}

.cmp-cag .w-50 {
  width: 50%!important
}

.cmp-cag .w-75 {
  width: 75%!important
}

.cmp-cag .w-100 {
  width: 100%!important
}

.cmp-cag .w-auto {
  width: auto!important
}

.cmp-cag .mw-100 {
  max-width: 100%!important
}

.cmp-cag .vw-100 {
  width: 100vw!important
}

.cmp-cag .min-vw-100 {
  min-width: 100vw!important
}

.cmp-cag .h-25 {
  height: 25%!important
}

.cmp-cag .h-50 {
  height: 50%!important
}

.cmp-cag .h-75 {
  height: 75%!important
}

.cmp-cag .h-100 {
  height: 100%!important
}

.cmp-cag .h-auto {
  height: auto!important
}

.cmp-cag .mh-100 {
  max-height: 100%!important
}

.cmp-cag .vh-100 {
  height: 100vh!important
}

.cmp-cag .min-vh-100 {
  min-height: 100vh!important
}

.cmp-cag .flex-fill {
  -webkit-box-flex: 1!important;
  -ms-flex: 1 1 auto!important;
  flex: 1 1 auto!important
}

.cmp-cag .flex-row {
  -webkit-box-orient: horizontal!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: row!important;
  flex-direction: row!important
}

.cmp-cag .flex-column {
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important
}

.cmp-cag .flex-row-reverse {
  -webkit-box-orient: horizontal!important;
  -webkit-box-direction: reverse!important;
  -ms-flex-direction: row-reverse!important;
  flex-direction: row-reverse!important
}

.cmp-cag .flex-column-reverse {
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: reverse!important;
  -ms-flex-direction: column-reverse!important;
  flex-direction: column-reverse!important
}

.cmp-cag .flex-grow-0 {
  -webkit-box-flex: 0!important;
  -ms-flex-positive: 0!important;
  flex-grow: 0!important
}

.cmp-cag .flex-grow-1 {
  -webkit-box-flex: 1!important;
  -ms-flex-positive: 1!important;
  flex-grow: 1!important
}

.cmp-cag .flex-shrink-0 {
  -ms-flex-negative: 0!important;
  flex-shrink: 0!important
}

.cmp-cag .flex-shrink-1 {
  -ms-flex-negative: 1!important;
  flex-shrink: 1!important
}

.cmp-cag .flex-wrap {
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important
}

.cmp-cag .flex-nowrap {
  -ms-flex-wrap: nowrap!important;
  flex-wrap: nowrap!important
}

.cmp-cag .flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse!important;
  flex-wrap: wrap-reverse!important
}

.cmp-cag .justify-content-start {
  -webkit-box-pack: start!important;
  -ms-flex-pack: start!important;
  justify-content: flex-start!important
}

.cmp-cag .justify-content-end {
  -webkit-box-pack: end!important;
  -ms-flex-pack: end!important;
  justify-content: flex-end!important
}

.cmp-cag .justify-content-center {
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important
}

.cmp-cag .justify-content-between {
  -webkit-box-pack: justify!important;
  -ms-flex-pack: justify!important;
  justify-content: space-between!important
}

.cmp-cag .justify-content-around {
  -ms-flex-pack: distribute!important;
  justify-content: space-around!important
}

.cmp-cag .justify-content-evenly {
  -webkit-box-pack: space-evenly!important;
  -ms-flex-pack: space-evenly!important;
  justify-content: space-evenly!important
}

.cmp-cag .align-items-start {
  -webkit-box-align: start!important;
  -ms-flex-align: start!important;
  align-items: flex-start!important
}

.cmp-cag .align-items-end {
  -webkit-box-align: end!important;
  -ms-flex-align: end!important;
  align-items: flex-end!important
}

.cmp-cag .align-items-center {
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important
}

.cmp-cag .align-items-baseline {
  -webkit-box-align: baseline!important;
  -ms-flex-align: baseline!important;
  align-items: baseline!important
}

.cmp-cag .align-items-stretch {
  -webkit-box-align: stretch!important;
  -ms-flex-align: stretch!important;
  align-items: stretch!important
}

.cmp-cag .align-content-start {
  -ms-flex-line-pack: start!important;
  align-content: flex-start!important
}

.cmp-cag .align-content-end {
  -ms-flex-line-pack: end!important;
  align-content: flex-end!important
}

.cmp-cag .align-content-center {
  -ms-flex-line-pack: center!important;
  align-content: center!important
}

.cmp-cag .align-content-between {
  -ms-flex-line-pack: justify!important;
  align-content: space-between!important
}

.cmp-cag .align-content-around {
  -ms-flex-line-pack: distribute!important;
  align-content: space-around!important
}

.cmp-cag .align-content-stretch {
  -ms-flex-line-pack: stretch!important;
  align-content: stretch!important
}

.cmp-cag .align-self-auto {
  -ms-flex-item-align: auto!important;
  align-self: auto!important
}

.cmp-cag .align-self-start {
  -ms-flex-item-align: start!important;
  align-self: flex-start!important
}

.cmp-cag .align-self-end {
  -ms-flex-item-align: end!important;
  align-self: flex-end!important
}

.cmp-cag .align-self-center {
  -ms-flex-item-align: center!important;
  align-self: center!important
}

.cmp-cag .align-self-baseline {
  -ms-flex-item-align: baseline!important;
  align-self: baseline!important
}

.cmp-cag .align-self-stretch {
  -ms-flex-item-align: stretch!important;
  align-self: stretch!important
}

.cmp-cag .order-first {
  -webkit-box-ordinal-group: 0!important;
  -ms-flex-order: -1!important;
  order: -1!important
}

.cmp-cag .order-0 {
  -webkit-box-ordinal-group: 1!important;
  -ms-flex-order: 0!important;
  order: 0!important
}

.cmp-cag .order-1 {
  -webkit-box-ordinal-group: 2!important;
  -ms-flex-order: 1!important;
  order: 1!important
}

.cmp-cag .order-2 {
  -webkit-box-ordinal-group: 3!important;
  -ms-flex-order: 2!important;
  order: 2!important
}

.cmp-cag .order-3 {
  -webkit-box-ordinal-group: 4!important;
  -ms-flex-order: 3!important;
  order: 3!important
}

.cmp-cag .order-4 {
  -webkit-box-ordinal-group: 5!important;
  -ms-flex-order: 4!important;
  order: 4!important
}

.cmp-cag .order-5 {
  -webkit-box-ordinal-group: 6!important;
  -ms-flex-order: 5!important;
  order: 5!important
}

.cmp-cag .order-last {
  -webkit-box-ordinal-group: 7!important;
  -ms-flex-order: 6!important;
  order: 6!important
}

.cmp-cag .m-0 {
  margin: 0!important
}

.cmp-cag .m-1 {
  margin: .25rem!important
}

.cmp-cag .m-2 {
  margin: .5rem!important
}

.cmp-cag .m-3 {
  margin: 1rem!important
}

.cmp-cag .m-4 {
  margin: 1.5rem!important
}

.cmp-cag .m-5 {
  margin: 3rem!important
}

.cmp-cag .m-auto {
  margin: auto!important
}

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

.cmp-cag .mx-1 {
  margin-left: .25rem!important;
  margin-right: .25rem!important
}

.cmp-cag .mx-2 {
  margin-left: .5rem!important;
  margin-right: .5rem!important
}

.cmp-cag .mx-3 {
  margin-left: 1rem!important;
  margin-right: 1rem!important
}

.cmp-cag .mx-4 {
  margin-left: 1.5rem!important;
  margin-right: 1.5rem!important
}

.cmp-cag .mx-5 {
  margin-left: 3rem!important;
  margin-right: 3rem!important
}

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

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

.cmp-cag .my-1 {
  margin-bottom: .25rem!important;
  margin-top: .25rem!important
}

.cmp-cag .my-2 {
  margin-bottom: .5rem!important;
  margin-top: .5rem!important
}

.cmp-cag .my-3 {
  margin-bottom: 1rem!important;
  margin-top: 1rem!important
}

.cmp-cag .my-4 {
  margin-bottom: 1.5rem!important;
  margin-top: 1.5rem!important
}

.cmp-cag .my-5 {
  margin-bottom: 3rem!important;
  margin-top: 3rem!important
}

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

.cmp-cag .mt-0 {
  margin-top: 0!important
}

.cmp-cag .mt-1 {
  margin-top: .25rem!important
}

.cmp-cag .mt-2 {
  margin-top: .5rem!important
}

.cmp-cag .mt-3 {
  margin-top: 1rem!important
}

.cmp-cag .mt-4 {
  margin-top: 1.5rem!important
}

.cmp-cag .mt-5 {
  margin-top: 3rem!important
}

.cmp-cag .mt-auto {
  margin-top: auto!important
}

.cmp-cag .me-0 {
  margin-right: 0!important
}

.cmp-cag .me-1 {
  margin-right: .25rem!important
}

.cmp-cag .me-2 {
  margin-right: .5rem!important
}

.cmp-cag .me-3 {
  margin-right: 1rem!important
}

.cmp-cag .me-4 {
  margin-right: 1.5rem!important
}

.cmp-cag .me-5 {
  margin-right: 3rem!important
}

.cmp-cag .me-auto {
  margin-right: auto!important
}

.cmp-cag .mb-0 {
  margin-bottom: 0!important
}

.cmp-cag .mb-1 {
  margin-bottom: .25rem!important
}

.cmp-cag .mb-2 {
  margin-bottom: .5rem!important
}

.cmp-cag .mb-3 {
  margin-bottom: 1rem!important
}

.cmp-cag .mb-4 {
  margin-bottom: 1.5rem!important
}

.cmp-cag .mb-5 {
  margin-bottom: 3rem!important
}

.cmp-cag .mb-auto {
  margin-bottom: auto!important
}

.cmp-cag .ms-0 {
  margin-left: 0!important
}

.cmp-cag .ms-1 {
  margin-left: .25rem!important
}

.cmp-cag .ms-2 {
  margin-left: .5rem!important
}

.cmp-cag .ms-3 {
  margin-left: 1rem!important
}

.cmp-cag .ms-4 {
  margin-left: 1.5rem!important
}

.cmp-cag .ms-5 {
  margin-left: 3rem!important
}

.cmp-cag .ms-auto {
  margin-left: auto!important
}

.cmp-cag .p-0 {
  padding: 0!important
}

.cmp-cag .p-1 {
  padding: .25rem!important
}

.cmp-cag .p-2 {
  padding: .5rem!important
}

.cmp-cag .p-3 {
  padding: 1rem!important
}

.cmp-cag .p-4 {
  padding: 1.5rem!important
}

.cmp-cag .p-5 {
  padding: 3rem!important
}

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

.cmp-cag .px-1 {
  padding-left: .25rem!important;
  padding-right: .25rem!important
}

.cmp-cag .px-2 {
  padding-left: .5rem!important;
  padding-right: .5rem!important
}

.cmp-cag .px-3 {
  padding-left: 1rem!important;
  padding-right: 1rem!important
}

.cmp-cag .px-4 {
  padding-left: 1.5rem!important;
  padding-right: 1.5rem!important
}

.cmp-cag .px-5 {
  padding-left: 3rem!important;
  padding-right: 3rem!important
}

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

.cmp-cag .py-1 {
  padding-bottom: .25rem!important;
  padding-top: .25rem!important
}

.cmp-cag .py-2 {
  padding-bottom: .5rem!important;
  padding-top: .5rem!important
}

.cmp-cag .py-3 {
  padding-bottom: 1rem!important;
  padding-top: 1rem!important
}

.cmp-cag .py-4 {
  padding-bottom: 1.5rem!important;
  padding-top: 1.5rem!important
}

.cmp-cag .py-5 {
  padding-bottom: 3rem!important;
  padding-top: 3rem!important
}

.cmp-cag .pt-0 {
  padding-top: 0!important
}

.cmp-cag .pt-1 {
  padding-top: .25rem!important
}

.cmp-cag .pt-2 {
  padding-top: .5rem!important
}

.cmp-cag .pt-3 {
  padding-top: 1rem!important
}

.cmp-cag .pt-4 {
  padding-top: 1.5rem!important
}

.cmp-cag .pt-5 {
  padding-top: 3rem!important
}

.cmp-cag .pe-0 {
  padding-right: 0!important
}

.cmp-cag .pe-1 {
  padding-right: .25rem!important
}

.cmp-cag .pe-2 {
  padding-right: .5rem!important
}

.cmp-cag .pe-3 {
  padding-right: 1rem!important
}

.cmp-cag .pe-4 {
  padding-right: 1.5rem!important
}

.cmp-cag .pe-5 {
  padding-right: 3rem!important
}

.cmp-cag .pb-0 {
  padding-bottom: 0!important
}

.cmp-cag .pb-1 {
  padding-bottom: .25rem!important
}

.cmp-cag .pb-2 {
  padding-bottom: .5rem!important
}

.cmp-cag .pb-3 {
  padding-bottom: 1rem!important
}

.cmp-cag .pb-4 {
  padding-bottom: 1.5rem!important
}

.cmp-cag .pb-5 {
  padding-bottom: 3rem!important
}

.cmp-cag .ps-0 {
  padding-left: 0!important
}

.cmp-cag .ps-1 {
  padding-left: .25rem!important
}

.cmp-cag .ps-2 {
  padding-left: .5rem!important
}

.cmp-cag .ps-3 {
  padding-left: 1rem!important
}

.cmp-cag .ps-4 {
  padding-left: 1.5rem!important
}

.cmp-cag .ps-5 {
  padding-left: 3rem!important
}

.cmp-cag .gap-0 {
  gap: 0!important
}

.cmp-cag .gap-1 {
  gap: .25rem!important
}

.cmp-cag .gap-2 {
  gap: .5rem!important
}

.cmp-cag .gap-3 {
  gap: 1rem!important
}

.cmp-cag .gap-4 {
  gap: 1.5rem!important
}

.cmp-cag .gap-5 {
  gap: 3rem!important
}

.cmp-cag .row-gap-0 {
  row-gap: 0!important
}

.cmp-cag .row-gap-1 {
  row-gap: .25rem!important
}

.cmp-cag .row-gap-2 {
  row-gap: .5rem!important
}

.cmp-cag .row-gap-3 {
  row-gap: 1rem!important
}

.cmp-cag .row-gap-4 {
  row-gap: 1.5rem!important
}

.cmp-cag .row-gap-5 {
  row-gap: 3rem!important
}

.cmp-cag .column-gap-0 {
  -webkit-column-gap: 0!important;
  -moz-column-gap: 0!important;
  column-gap: 0!important
}

.cmp-cag .column-gap-1 {
  -webkit-column-gap: .25rem!important;
  -moz-column-gap: .25rem!important;
  column-gap: .25rem!important
}

.cmp-cag .column-gap-2 {
  -webkit-column-gap: .5rem!important;
  -moz-column-gap: .5rem!important;
  column-gap: .5rem!important
}

.cmp-cag .column-gap-3 {
  -webkit-column-gap: 1rem!important;
  -moz-column-gap: 1rem!important;
  column-gap: 1rem!important
}

.cmp-cag .column-gap-4 {
  -webkit-column-gap: 1.5rem!important;
  -moz-column-gap: 1.5rem!important;
  column-gap: 1.5rem!important
}

.cmp-cag .column-gap-5 {
  -webkit-column-gap: 3rem!important;
  -moz-column-gap: 3rem!important;
  column-gap: 3rem!important
}

.cmp-cag .font-monospace {
  font-family: var(--bs-font-monospace)!important
}

.cmp-cag .fs-1 {
  font-size: calc(1.375rem + 1.5vw)!important
}

.cmp-cag .fs-2 {
  font-size: calc(1.325rem + .9vw)!important
}

.cmp-cag .fs-3 {
  font-size: calc(1.3rem + .6vw)!important
}

.cmp-cag .fs-4 {
  font-size: calc(1.275rem + .3vw)!important
}

.cmp-cag .fs-5 {
  font-size: 1.25rem!important
}

.cmp-cag .fs-6 {
  font-size: 1rem!important
}

.cmp-cag .fst-italic {
  font-style: italic!important
}

.cmp-cag .fst-normal {
  font-style: normal!important
}

.cmp-cag .fw-lighter {
  font-weight: lighter!important
}

.cmp-cag .fw-light {
  font-weight: 300!important
}

.cmp-cag .fw-normal {
  font-weight: 400!important
}

.cmp-cag .fw-medium {
  font-weight: 500!important
}

.cmp-cag .fw-semibold {
  font-weight: 600!important
}

.cmp-cag .fw-bold {
  font-weight: 700!important
}

.cmp-cag .fw-bolder {
  font-weight: bolder!important
}

.cmp-cag .lh-1 {
  line-height: 1!important
}

.cmp-cag .lh-sm {
  line-height: 1.25!important
}

.cmp-cag .lh-base {
  line-height: 1.5!important
}

.cmp-cag .lh-lg {
  line-height: 2!important
}

.cmp-cag .text-start {
  text-align: left!important
}

.cmp-cag .text-end {
  text-align: right!important
}

.cmp-cag .text-center {
  text-align: center!important
}

.cmp-cag .text-decoration-none {
  text-decoration: none!important
}

.cmp-cag .text-decoration-underline {
  text-decoration: underline!important
}

.cmp-cag .text-decoration-line-through {
  text-decoration: line-through!important
}

.cmp-cag .text-lowercase {
  text-transform: lowercase!important
}

.cmp-cag .text-uppercase {
  text-transform: uppercase!important
}

.cmp-cag .text-capitalize {
  text-transform: capitalize!important
}

.cmp-cag .text-wrap {
  white-space: normal!important
}

.cmp-cag .text-nowrap {
  white-space: nowrap!important
}

.cmp-cag .text-break {
  word-wrap: break-word!important;
  word-break: break-word!important
}

.cmp-cag .text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important
}

.cmp-cag .text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important
}

.cmp-cag .text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important
}

.cmp-cag .text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important
}

.cmp-cag .text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important
}

.cmp-cag .text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important
}

.cmp-cag .text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.cmp-cag .text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important
}

.cmp-cag .text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important
}

.cmp-cag .text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.cmp-cag .text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important
}

.cmp-cag .text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color)!important
}

.cmp-cag .text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0,0,0,.5)!important
}

.cmp-cag .text-white-50 {
  --bs-text-opacity: 1;
  color: hsla(0,0%,100%,.5)!important
}

.cmp-cag .text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color)!important
}

.cmp-cag .text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color)!important
}

.cmp-cag .text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color)!important
}

.cmp-cag .text-reset {
  --bs-text-opacity: 1;
  color: inherit!important
}

.cmp-cag .text-opacity-25 {
  --bs-text-opacity: 0.25
}

.cmp-cag .text-opacity-50 {
  --bs-text-opacity: 0.5
}

.cmp-cag .text-opacity-75 {
  --bs-text-opacity: 0.75
}

.cmp-cag .text-opacity-100 {
  --bs-text-opacity: 1
}

.cmp-cag .text-primary-emphasis {
  color: var(--bs-primary-text-emphasis)!important
}

.cmp-cag .text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis)!important
}

.cmp-cag .text-success-emphasis {
  color: var(--bs-success-text-emphasis)!important
}

.cmp-cag .text-info-emphasis {
  color: var(--bs-info-text-emphasis)!important
}

.cmp-cag .text-warning-emphasis {
  color: var(--bs-warning-text-emphasis)!important
}

.cmp-cag .text-danger-emphasis {
  color: var(--bs-danger-text-emphasis)!important
}

.cmp-cag .text-light-emphasis {
  color: var(--bs-light-text-emphasis)!important
}

.cmp-cag .text-dark-emphasis {
  color: var(--bs-dark-text-emphasis)!important
}

.cmp-cag .link-opacity-10,.cmp-cag .link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1
}

.cmp-cag .link-opacity-25,.cmp-cag .link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25
}

.cmp-cag .link-opacity-50,.cmp-cag .link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5
}

.cmp-cag .link-opacity-75,.cmp-cag .link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75
}

.cmp-cag .link-opacity-100,.cmp-cag .link-opacity-100-hover:hover {
  --bs-link-opacity: 1
}

.cmp-cag .link-offset-1,.cmp-cag .link-offset-1-hover:hover {
  text-underline-offset: .125em!important
}

.cmp-cag .link-offset-2,.cmp-cag .link-offset-2-hover:hover {
  text-underline-offset: .25em!important
}

.cmp-cag .link-offset-3,.cmp-cag .link-offset-3-hover:hover {
  text-underline-offset: .375em!important
}

.cmp-cag .link-underline-primary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;
  text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important
}

.cmp-cag .link-underline-secondary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;
  text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important
}

.cmp-cag .link-underline-success {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;
  text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important
}

.cmp-cag .link-underline-info {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;
  text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important
}

.cmp-cag .link-underline-warning {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;
  text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important
}

.cmp-cag .link-underline-danger {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;
  text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important
}

.cmp-cag .link-underline-light {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;
  text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important
}

.cmp-cag .link-underline-dark {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;
  text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important
}

.cmp-cag .link-underline {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;
  text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important
}

.cmp-cag .link-underline-opacity-0,.cmp-cag .link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0
}

.cmp-cag .link-underline-opacity-10,.cmp-cag .link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1
}

.cmp-cag .link-underline-opacity-25,.cmp-cag .link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25
}

.cmp-cag .link-underline-opacity-50,.cmp-cag .link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5
}

.cmp-cag .link-underline-opacity-75,.cmp-cag .link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75
}

.cmp-cag .link-underline-opacity-100,.cmp-cag .link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1
}

.cmp-cag .bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent!important
}

.cmp-cag .bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important
}

.cmp-cag .bg-opacity-10 {
  --bs-bg-opacity: 0.1
}

.cmp-cag .bg-opacity-25 {
  --bs-bg-opacity: 0.25
}

.cmp-cag .bg-opacity-50 {
  --bs-bg-opacity: 0.5
}

.cmp-cag .bg-opacity-75 {
  --bs-bg-opacity: 0.75
}

.cmp-cag .bg-opacity-100 {
  --bs-bg-opacity: 1
}

.cmp-cag .bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle)!important
}

.cmp-cag .bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle)!important
}

.cmp-cag .bg-success-subtle {
  background-color: var(--bs-success-bg-subtle)!important
}

.cmp-cag .bg-info-subtle {
  background-color: var(--bs-info-bg-subtle)!important
}

.cmp-cag .bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle)!important
}

.cmp-cag .bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle)!important
}

.cmp-cag .bg-light-subtle {
  background-color: var(--bs-light-bg-subtle)!important
}

.cmp-cag .bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle)!important
}

.cmp-cag .bg-gradient {
  background-image: var(--bs-gradient)!important
}

.cmp-cag .user-select-all {
  -webkit-user-select: all!important;
  -moz-user-select: all!important;
  -ms-user-select: all!important;
  user-select: all!important
}

.cmp-cag .user-select-auto {
  -webkit-user-select: auto!important;
  -moz-user-select: auto!important;
  -ms-user-select: auto!important;
  user-select: auto!important
}

.cmp-cag .user-select-none {
  -webkit-user-select: none!important;
  -moz-user-select: none!important;
  -ms-user-select: none!important;
  user-select: none!important
}

.cmp-cag .pe-none {
  pointer-events: none!important
}

.cmp-cag .pe-auto {
  pointer-events: auto!important
}

.cmp-cag .rounded {
  border-radius: var(--bs-border-radius)!important
}

.cmp-cag .rounded-0 {
  border-radius: 0!important
}

.cmp-cag .rounded-1 {
  border-radius: var(--bs-border-radius-sm)!important
}

.cmp-cag .rounded-2 {
  border-radius: var(--bs-border-radius)!important
}

.cmp-cag .rounded-3 {
  border-radius: var(--bs-border-radius-lg)!important
}

.cmp-cag .rounded-4 {
  border-radius: var(--bs-border-radius-xl)!important
}

.cmp-cag .rounded-5 {
  border-radius: var(--bs-border-radius-xxl)!important
}

.cmp-cag .rounded-circle {
  border-radius: 50%!important
}

.cmp-cag .rounded-pill {
  border-radius: var(--bs-border-radius-pill)!important
}

.cmp-cag .rounded-top {
  border-top-left-radius: var(--bs-border-radius)!important;
  border-top-right-radius: var(--bs-border-radius)!important
}

.cmp-cag .rounded-top-0 {
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important
}

.cmp-cag .rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm)!important;
  border-top-right-radius: var(--bs-border-radius-sm)!important
}

.cmp-cag .rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius)!important;
  border-top-right-radius: var(--bs-border-radius)!important
}

.cmp-cag .rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg)!important;
  border-top-right-radius: var(--bs-border-radius-lg)!important
}

.cmp-cag .rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl)!important;
  border-top-right-radius: var(--bs-border-radius-xl)!important
}

.cmp-cag .rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl)!important;
  border-top-right-radius: var(--bs-border-radius-xxl)!important
}

.cmp-cag .rounded-top-circle {
  border-top-left-radius: 50%!important;
  border-top-right-radius: 50%!important
}

.cmp-cag .rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill)!important;
  border-top-right-radius: var(--bs-border-radius-pill)!important
}

.cmp-cag .rounded-end {
  border-bottom-right-radius: var(--bs-border-radius)!important;
  border-top-right-radius: var(--bs-border-radius)!important
}

.cmp-cag .rounded-end-0 {
  border-bottom-right-radius: 0!important;
  border-top-right-radius: 0!important
}

.cmp-cag .rounded-end-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm)!important;
  border-top-right-radius: var(--bs-border-radius-sm)!important
}

.cmp-cag .rounded-end-2 {
  border-bottom-right-radius: var(--bs-border-radius)!important;
  border-top-right-radius: var(--bs-border-radius)!important
}

.cmp-cag .rounded-end-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg)!important;
  border-top-right-radius: var(--bs-border-radius-lg)!important
}

.cmp-cag .rounded-end-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl)!important;
  border-top-right-radius: var(--bs-border-radius-xl)!important
}

.cmp-cag .rounded-end-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl)!important;
  border-top-right-radius: var(--bs-border-radius-xxl)!important
}

.cmp-cag .rounded-end-circle {
  border-bottom-right-radius: 50%!important;
  border-top-right-radius: 50%!important
}

.cmp-cag .rounded-end-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill)!important;
  border-top-right-radius: var(--bs-border-radius-pill)!important
}

.cmp-cag .rounded-bottom {
  border-bottom-left-radius: var(--bs-border-radius)!important;
  border-bottom-right-radius: var(--bs-border-radius)!important
}

.cmp-cag .rounded-bottom-0 {
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important
}

.cmp-cag .rounded-bottom-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm)!important;
  border-bottom-right-radius: var(--bs-border-radius-sm)!important
}

.cmp-cag .rounded-bottom-2 {
  border-bottom-left-radius: var(--bs-border-radius)!important;
  border-bottom-right-radius: var(--bs-border-radius)!important
}

.cmp-cag .rounded-bottom-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg)!important;
  border-bottom-right-radius: var(--bs-border-radius-lg)!important
}

.cmp-cag .rounded-bottom-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl)!important;
  border-bottom-right-radius: var(--bs-border-radius-xl)!important
}

.cmp-cag .rounded-bottom-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
  border-bottom-right-radius: var(--bs-border-radius-xxl)!important
}

.cmp-cag .rounded-bottom-circle {
  border-bottom-left-radius: 50%!important;
  border-bottom-right-radius: 50%!important
}

.cmp-cag .rounded-bottom-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill)!important;
  border-bottom-right-radius: var(--bs-border-radius-pill)!important
}

.cmp-cag .rounded-start {
  border-bottom-left-radius: var(--bs-border-radius)!important;
  border-top-left-radius: var(--bs-border-radius)!important
}

.cmp-cag .rounded-start-0 {
  border-bottom-left-radius: 0!important;
  border-top-left-radius: 0!important
}

.cmp-cag .rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm)!important;
  border-top-left-radius: var(--bs-border-radius-sm)!important
}

.cmp-cag .rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius)!important;
  border-top-left-radius: var(--bs-border-radius)!important
}

.cmp-cag .rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg)!important;
  border-top-left-radius: var(--bs-border-radius-lg)!important
}

.cmp-cag .rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl)!important;
  border-top-left-radius: var(--bs-border-radius-xl)!important
}

.cmp-cag .rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl)!important;
  border-top-left-radius: var(--bs-border-radius-xxl)!important
}

.cmp-cag .rounded-start-circle {
  border-bottom-left-radius: 50%!important;
  border-top-left-radius: 50%!important
}

.cmp-cag .rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill)!important;
  border-top-left-radius: var(--bs-border-radius-pill)!important
}

.cmp-cag .visible {
  visibility: visible!important
}

.cmp-cag .invisible {
  visibility: hidden!important
}

.cmp-cag .z-n1 {
  z-index: -1!important
}

.cmp-cag .z-0 {
  z-index: 0!important
}

.cmp-cag .z-1 {
  z-index: 1!important
}

.cmp-cag .z-2 {
  z-index: 2!important
}

.cmp-cag .z-3 {
  z-index: 3!important
}

@media(min-width: 576px) {
  .cmp-cag .float-sm-start {
      float:left!important
  }

  .cmp-cag .float-sm-end {
      float: right!important
  }

  .cmp-cag .float-sm-none {
      float: none!important
  }

  .cmp-cag .object-fit-sm-contain {
      -o-object-fit: contain!important;
      object-fit: contain!important
  }

  .cmp-cag .object-fit-sm-cover {
      -o-object-fit: cover!important;
      object-fit: cover!important
  }

  .cmp-cag .object-fit-sm-fill {
      -o-object-fit: fill!important;
      object-fit: fill!important
  }

  .cmp-cag .object-fit-sm-scale {
      -o-object-fit: scale-down!important;
      object-fit: scale-down!important
  }

  .cmp-cag .object-fit-sm-none {
      -o-object-fit: none!important;
      object-fit: none!important
  }

  .cmp-cag .d-sm-inline {
      display: inline!important
  }

  .cmp-cag .d-sm-inline-block {
      display: inline-block!important
  }

  .cmp-cag .d-sm-block {
      display: block!important
  }

  .cmp-cag .d-sm-grid {
      display: grid!important
  }

  .cmp-cag .d-sm-inline-grid {
      display: inline-grid!important
  }

  .cmp-cag .d-sm-table {
      display: table!important
  }

  .cmp-cag .d-sm-table-row {
      display: table-row!important
  }

  .cmp-cag .d-sm-table-cell {
      display: table-cell!important
  }

  .cmp-cag .d-sm-flex {
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important
  }

  .cmp-cag .d-sm-inline-flex {
      display: -webkit-inline-box!important;
      display: -ms-inline-flexbox!important;
      display: inline-flex!important
  }

  .cmp-cag .d-sm-none {
      display: none!important
  }

  .cmp-cag .flex-sm-fill {
      -webkit-box-flex: 1!important;
      -ms-flex: 1 1 auto!important;
      flex: 1 1 auto!important
  }

  .cmp-cag .flex-sm-row {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: normal!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important
  }

  .cmp-cag .flex-sm-column {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: normal!important;
      -ms-flex-direction: column!important;
      flex-direction: column!important
  }

  .cmp-cag .flex-sm-row-reverse {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: reverse!important;
      -ms-flex-direction: row-reverse!important;
      flex-direction: row-reverse!important
  }

  .cmp-cag .flex-sm-column-reverse {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: reverse!important;
      -ms-flex-direction: column-reverse!important;
      flex-direction: column-reverse!important
  }

  .cmp-cag .flex-sm-grow-0 {
      -webkit-box-flex: 0!important;
      -ms-flex-positive: 0!important;
      flex-grow: 0!important
  }

  .cmp-cag .flex-sm-grow-1 {
      -webkit-box-flex: 1!important;
      -ms-flex-positive: 1!important;
      flex-grow: 1!important
  }

  .cmp-cag .flex-sm-shrink-0 {
      -ms-flex-negative: 0!important;
      flex-shrink: 0!important
  }

  .cmp-cag .flex-sm-shrink-1 {
      -ms-flex-negative: 1!important;
      flex-shrink: 1!important
  }

  .cmp-cag .flex-sm-wrap {
      -ms-flex-wrap: wrap!important;
      flex-wrap: wrap!important
  }

  .cmp-cag .flex-sm-nowrap {
      -ms-flex-wrap: nowrap!important;
      flex-wrap: nowrap!important
  }

  .cmp-cag .flex-sm-wrap-reverse {
      -ms-flex-wrap: wrap-reverse!important;
      flex-wrap: wrap-reverse!important
  }

  .cmp-cag .justify-content-sm-start {
      -webkit-box-pack: start!important;
      -ms-flex-pack: start!important;
      justify-content: flex-start!important
  }

  .cmp-cag .justify-content-sm-end {
      -webkit-box-pack: end!important;
      -ms-flex-pack: end!important;
      justify-content: flex-end!important
  }

  .cmp-cag .justify-content-sm-center {
      -webkit-box-pack: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important
  }

  .cmp-cag .justify-content-sm-between {
      -webkit-box-pack: justify!important;
      -ms-flex-pack: justify!important;
      justify-content: space-between!important
  }

  .cmp-cag .justify-content-sm-around {
      -ms-flex-pack: distribute!important;
      justify-content: space-around!important
  }

  .cmp-cag .justify-content-sm-evenly {
      -webkit-box-pack: space-evenly!important;
      -ms-flex-pack: space-evenly!important;
      justify-content: space-evenly!important
  }

  .cmp-cag .align-items-sm-start {
      -webkit-box-align: start!important;
      -ms-flex-align: start!important;
      align-items: flex-start!important
  }

  .cmp-cag .align-items-sm-end {
      -webkit-box-align: end!important;
      -ms-flex-align: end!important;
      align-items: flex-end!important
  }

  .cmp-cag .align-items-sm-center {
      -webkit-box-align: center!important;
      -ms-flex-align: center!important;
      align-items: center!important
  }

  .cmp-cag .align-items-sm-baseline {
      -webkit-box-align: baseline!important;
      -ms-flex-align: baseline!important;
      align-items: baseline!important
  }

  .cmp-cag .align-items-sm-stretch {
      -webkit-box-align: stretch!important;
      -ms-flex-align: stretch!important;
      align-items: stretch!important
  }

  .cmp-cag .align-content-sm-start {
      -ms-flex-line-pack: start!important;
      align-content: flex-start!important
  }

  .cmp-cag .align-content-sm-end {
      -ms-flex-line-pack: end!important;
      align-content: flex-end!important
  }

  .cmp-cag .align-content-sm-center {
      -ms-flex-line-pack: center!important;
      align-content: center!important
  }

  .cmp-cag .align-content-sm-between {
      -ms-flex-line-pack: justify!important;
      align-content: space-between!important
  }

  .cmp-cag .align-content-sm-around {
      -ms-flex-line-pack: distribute!important;
      align-content: space-around!important
  }

  .cmp-cag .align-content-sm-stretch {
      -ms-flex-line-pack: stretch!important;
      align-content: stretch!important
  }

  .cmp-cag .align-self-sm-auto {
      -ms-flex-item-align: auto!important;
      align-self: auto!important
  }

  .cmp-cag .align-self-sm-start {
      -ms-flex-item-align: start!important;
      align-self: flex-start!important
  }

  .cmp-cag .align-self-sm-end {
      -ms-flex-item-align: end!important;
      align-self: flex-end!important
  }

  .cmp-cag .align-self-sm-center {
      -ms-flex-item-align: center!important;
      align-self: center!important
  }

  .cmp-cag .align-self-sm-baseline {
      -ms-flex-item-align: baseline!important;
      align-self: baseline!important
  }

  .cmp-cag .align-self-sm-stretch {
      -ms-flex-item-align: stretch!important;
      align-self: stretch!important
  }

  .cmp-cag .order-sm-first {
      -webkit-box-ordinal-group: 0!important;
      -ms-flex-order: -1!important;
      order: -1!important
  }

  .cmp-cag .order-sm-0 {
      -webkit-box-ordinal-group: 1!important;
      -ms-flex-order: 0!important;
      order: 0!important
  }

  .cmp-cag .order-sm-1 {
      -webkit-box-ordinal-group: 2!important;
      -ms-flex-order: 1!important;
      order: 1!important
  }

  .cmp-cag .order-sm-2 {
      -webkit-box-ordinal-group: 3!important;
      -ms-flex-order: 2!important;
      order: 2!important
  }

  .cmp-cag .order-sm-3 {
      -webkit-box-ordinal-group: 4!important;
      -ms-flex-order: 3!important;
      order: 3!important
  }

  .cmp-cag .order-sm-4 {
      -webkit-box-ordinal-group: 5!important;
      -ms-flex-order: 4!important;
      order: 4!important
  }

  .cmp-cag .order-sm-5 {
      -webkit-box-ordinal-group: 6!important;
      -ms-flex-order: 5!important;
      order: 5!important
  }

  .cmp-cag .order-sm-last {
      -webkit-box-ordinal-group: 7!important;
      -ms-flex-order: 6!important;
      order: 6!important
  }

  .cmp-cag .m-sm-0 {
      margin: 0!important
  }

  .cmp-cag .m-sm-1 {
      margin: .25rem!important
  }

  .cmp-cag .m-sm-2 {
      margin: .5rem!important
  }

  .cmp-cag .m-sm-3 {
      margin: 1rem!important
  }

  .cmp-cag .m-sm-4 {
      margin: 1.5rem!important
  }

  .cmp-cag .m-sm-5 {
      margin: 3rem!important
  }

  .cmp-cag .m-sm-auto {
      margin: auto!important
  }

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

  .cmp-cag .mx-sm-1 {
      margin-left: .25rem!important;
      margin-right: .25rem!important
  }

  .cmp-cag .mx-sm-2 {
      margin-left: .5rem!important;
      margin-right: .5rem!important
  }

  .cmp-cag .mx-sm-3 {
      margin-left: 1rem!important;
      margin-right: 1rem!important
  }

  .cmp-cag .mx-sm-4 {
      margin-left: 1.5rem!important;
      margin-right: 1.5rem!important
  }

  .cmp-cag .mx-sm-5 {
      margin-left: 3rem!important;
      margin-right: 3rem!important
  }

  .cmp-cag .mx-sm-auto {
      margin-left: auto!important;
      margin-right: auto!important
  }

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

  .cmp-cag .my-sm-1 {
      margin-bottom: .25rem!important;
      margin-top: .25rem!important
  }

  .cmp-cag .my-sm-2 {
      margin-bottom: .5rem!important;
      margin-top: .5rem!important
  }

  .cmp-cag .my-sm-3 {
      margin-bottom: 1rem!important;
      margin-top: 1rem!important
  }

  .cmp-cag .my-sm-4 {
      margin-bottom: 1.5rem!important;
      margin-top: 1.5rem!important
  }

  .cmp-cag .my-sm-5 {
      margin-bottom: 3rem!important;
      margin-top: 3rem!important
  }

  .cmp-cag .my-sm-auto {
      margin-bottom: auto!important;
      margin-top: auto!important
  }

  .cmp-cag .mt-sm-0 {
      margin-top: 0!important
  }

  .cmp-cag .mt-sm-1 {
      margin-top: .25rem!important
  }

  .cmp-cag .mt-sm-2 {
      margin-top: .5rem!important
  }

  .cmp-cag .mt-sm-3 {
      margin-top: 1rem!important
  }

  .cmp-cag .mt-sm-4 {
      margin-top: 1.5rem!important
  }

  .cmp-cag .mt-sm-5 {
      margin-top: 3rem!important
  }

  .cmp-cag .mt-sm-auto {
      margin-top: auto!important
  }

  .cmp-cag .me-sm-0 {
      margin-right: 0!important
  }

  .cmp-cag .me-sm-1 {
      margin-right: .25rem!important
  }

  .cmp-cag .me-sm-2 {
      margin-right: .5rem!important
  }

  .cmp-cag .me-sm-3 {
      margin-right: 1rem!important
  }

  .cmp-cag .me-sm-4 {
      margin-right: 1.5rem!important
  }

  .cmp-cag .me-sm-5 {
      margin-right: 3rem!important
  }

  .cmp-cag .me-sm-auto {
      margin-right: auto!important
  }

  .cmp-cag .mb-sm-0 {
      margin-bottom: 0!important
  }

  .cmp-cag .mb-sm-1 {
      margin-bottom: .25rem!important
  }

  .cmp-cag .mb-sm-2 {
      margin-bottom: .5rem!important
  }

  .cmp-cag .mb-sm-3 {
      margin-bottom: 1rem!important
  }

  .cmp-cag .mb-sm-4 {
      margin-bottom: 1.5rem!important
  }

  .cmp-cag .mb-sm-5 {
      margin-bottom: 3rem!important
  }

  .cmp-cag .mb-sm-auto {
      margin-bottom: auto!important
  }

  .cmp-cag .ms-sm-0 {
      margin-left: 0!important
  }

  .cmp-cag .ms-sm-1 {
      margin-left: .25rem!important
  }

  .cmp-cag .ms-sm-2 {
      margin-left: .5rem!important
  }

  .cmp-cag .ms-sm-3 {
      margin-left: 1rem!important
  }

  .cmp-cag .ms-sm-4 {
      margin-left: 1.5rem!important
  }

  .cmp-cag .ms-sm-5 {
      margin-left: 3rem!important
  }

  .cmp-cag .ms-sm-auto {
      margin-left: auto!important
  }

  .cmp-cag .p-sm-0 {
      padding: 0!important
  }

  .cmp-cag .p-sm-1 {
      padding: .25rem!important
  }

  .cmp-cag .p-sm-2 {
      padding: .5rem!important
  }

  .cmp-cag .p-sm-3 {
      padding: 1rem!important
  }

  .cmp-cag .p-sm-4 {
      padding: 1.5rem!important
  }

  .cmp-cag .p-sm-5 {
      padding: 3rem!important
  }

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

  .cmp-cag .px-sm-1 {
      padding-left: .25rem!important;
      padding-right: .25rem!important
  }

  .cmp-cag .px-sm-2 {
      padding-left: .5rem!important;
      padding-right: .5rem!important
  }

  .cmp-cag .px-sm-3 {
      padding-left: 1rem!important;
      padding-right: 1rem!important
  }

  .cmp-cag .px-sm-4 {
      padding-left: 1.5rem!important;
      padding-right: 1.5rem!important
  }

  .cmp-cag .px-sm-5 {
      padding-left: 3rem!important;
      padding-right: 3rem!important
  }

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

  .cmp-cag .py-sm-1 {
      padding-bottom: .25rem!important;
      padding-top: .25rem!important
  }

  .cmp-cag .py-sm-2 {
      padding-bottom: .5rem!important;
      padding-top: .5rem!important
  }

  .cmp-cag .py-sm-3 {
      padding-bottom: 1rem!important;
      padding-top: 1rem!important
  }

  .cmp-cag .py-sm-4 {
      padding-bottom: 1.5rem!important;
      padding-top: 1.5rem!important
  }

  .cmp-cag .py-sm-5 {
      padding-bottom: 3rem!important;
      padding-top: 3rem!important
  }

  .cmp-cag .pt-sm-0 {
      padding-top: 0!important
  }

  .cmp-cag .pt-sm-1 {
      padding-top: .25rem!important
  }

  .cmp-cag .pt-sm-2 {
      padding-top: .5rem!important
  }

  .cmp-cag .pt-sm-3 {
      padding-top: 1rem!important
  }

  .cmp-cag .pt-sm-4 {
      padding-top: 1.5rem!important
  }

  .cmp-cag .pt-sm-5 {
      padding-top: 3rem!important
  }

  .cmp-cag .pe-sm-0 {
      padding-right: 0!important
  }

  .cmp-cag .pe-sm-1 {
      padding-right: .25rem!important
  }

  .cmp-cag .pe-sm-2 {
      padding-right: .5rem!important
  }

  .cmp-cag .pe-sm-3 {
      padding-right: 1rem!important
  }

  .cmp-cag .pe-sm-4 {
      padding-right: 1.5rem!important
  }

  .cmp-cag .pe-sm-5 {
      padding-right: 3rem!important
  }

  .cmp-cag .pb-sm-0 {
      padding-bottom: 0!important
  }

  .cmp-cag .pb-sm-1 {
      padding-bottom: .25rem!important
  }

  .cmp-cag .pb-sm-2 {
      padding-bottom: .5rem!important
  }

  .cmp-cag .pb-sm-3 {
      padding-bottom: 1rem!important
  }

  .cmp-cag .pb-sm-4 {
      padding-bottom: 1.5rem!important
  }

  .cmp-cag .pb-sm-5 {
      padding-bottom: 3rem!important
  }

  .cmp-cag .ps-sm-0 {
      padding-left: 0!important
  }

  .cmp-cag .ps-sm-1 {
      padding-left: .25rem!important
  }

  .cmp-cag .ps-sm-2 {
      padding-left: .5rem!important
  }

  .cmp-cag .ps-sm-3 {
      padding-left: 1rem!important
  }

  .cmp-cag .ps-sm-4 {
      padding-left: 1.5rem!important
  }

  .cmp-cag .ps-sm-5 {
      padding-left: 3rem!important
  }

  .cmp-cag .gap-sm-0 {
      gap: 0!important
  }

  .cmp-cag .gap-sm-1 {
      gap: .25rem!important
  }

  .cmp-cag .gap-sm-2 {
      gap: .5rem!important
  }

  .cmp-cag .gap-sm-3 {
      gap: 1rem!important
  }

  .cmp-cag .gap-sm-4 {
      gap: 1.5rem!important
  }

  .cmp-cag .gap-sm-5 {
      gap: 3rem!important
  }

  .cmp-cag .row-gap-sm-0 {
      row-gap: 0!important
  }

  .cmp-cag .row-gap-sm-1 {
      row-gap: .25rem!important
  }

  .cmp-cag .row-gap-sm-2 {
      row-gap: .5rem!important
  }

  .cmp-cag .row-gap-sm-3 {
      row-gap: 1rem!important
  }

  .cmp-cag .row-gap-sm-4 {
      row-gap: 1.5rem!important
  }

  .cmp-cag .row-gap-sm-5 {
      row-gap: 3rem!important
  }

  .cmp-cag .column-gap-sm-0 {
      -webkit-column-gap: 0!important;
      -moz-column-gap: 0!important;
      column-gap: 0!important
  }

  .cmp-cag .column-gap-sm-1 {
      -webkit-column-gap: .25rem!important;
      -moz-column-gap: .25rem!important;
      column-gap: .25rem!important
  }

  .cmp-cag .column-gap-sm-2 {
      -webkit-column-gap: .5rem!important;
      -moz-column-gap: .5rem!important;
      column-gap: .5rem!important
  }

  .cmp-cag .column-gap-sm-3 {
      -webkit-column-gap: 1rem!important;
      -moz-column-gap: 1rem!important;
      column-gap: 1rem!important
  }

  .cmp-cag .column-gap-sm-4 {
      -webkit-column-gap: 1.5rem!important;
      -moz-column-gap: 1.5rem!important;
      column-gap: 1.5rem!important
  }

  .cmp-cag .column-gap-sm-5 {
      -webkit-column-gap: 3rem!important;
      -moz-column-gap: 3rem!important;
      column-gap: 3rem!important
  }

  .cmp-cag .text-sm-start {
      text-align: left!important
  }

  .cmp-cag .text-sm-end {
      text-align: right!important
  }

  .cmp-cag .text-sm-center {
      text-align: center!important
  }
}

@media(min-width: 768px) {
  .cmp-cag .float-md-start {
      float:left!important
  }

  .cmp-cag .float-md-end {
      float: right!important
  }

  .cmp-cag .float-md-none {
      float: none!important
  }

  .cmp-cag .object-fit-md-contain {
      -o-object-fit: contain!important;
      object-fit: contain!important
  }

  .cmp-cag .object-fit-md-cover {
      -o-object-fit: cover!important;
      object-fit: cover!important
  }

  .cmp-cag .object-fit-md-fill {
      -o-object-fit: fill!important;
      object-fit: fill!important
  }

  .cmp-cag .object-fit-md-scale {
      -o-object-fit: scale-down!important;
      object-fit: scale-down!important
  }

  .cmp-cag .object-fit-md-none {
      -o-object-fit: none!important;
      object-fit: none!important
  }

  .cmp-cag .d-md-inline {
      display: inline!important
  }

  .cmp-cag .d-md-inline-block {
      display: inline-block!important
  }

  .cmp-cag .d-md-block {
      display: block!important
  }

  .cmp-cag .d-md-grid {
      display: grid!important
  }

  .cmp-cag .d-md-inline-grid {
      display: inline-grid!important
  }

  .cmp-cag .d-md-table {
      display: table!important
  }

  .cmp-cag .d-md-table-row {
      display: table-row!important
  }

  .cmp-cag .d-md-table-cell {
      display: table-cell!important
  }

  .cmp-cag .d-md-flex {
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important
  }

  .cmp-cag .d-md-inline-flex {
      display: -webkit-inline-box!important;
      display: -ms-inline-flexbox!important;
      display: inline-flex!important
  }

  .cmp-cag .d-md-none {
      display: none!important
  }

  .cmp-cag .flex-md-fill {
      -webkit-box-flex: 1!important;
      -ms-flex: 1 1 auto!important;
      flex: 1 1 auto!important
  }

  .cmp-cag .flex-md-row {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: normal!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important
  }

  .cmp-cag .flex-md-column {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: normal!important;
      -ms-flex-direction: column!important;
      flex-direction: column!important
  }

  .cmp-cag .flex-md-row-reverse {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: reverse!important;
      -ms-flex-direction: row-reverse!important;
      flex-direction: row-reverse!important
  }

  .cmp-cag .flex-md-column-reverse {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: reverse!important;
      -ms-flex-direction: column-reverse!important;
      flex-direction: column-reverse!important
  }

  .cmp-cag .flex-md-grow-0 {
      -webkit-box-flex: 0!important;
      -ms-flex-positive: 0!important;
      flex-grow: 0!important
  }

  .cmp-cag .flex-md-grow-1 {
      -webkit-box-flex: 1!important;
      -ms-flex-positive: 1!important;
      flex-grow: 1!important
  }

  .cmp-cag .flex-md-shrink-0 {
      -ms-flex-negative: 0!important;
      flex-shrink: 0!important
  }

  .cmp-cag .flex-md-shrink-1 {
      -ms-flex-negative: 1!important;
      flex-shrink: 1!important
  }

  .cmp-cag .flex-md-wrap {
      -ms-flex-wrap: wrap!important;
      flex-wrap: wrap!important
  }

  .cmp-cag .flex-md-nowrap {
      -ms-flex-wrap: nowrap!important;
      flex-wrap: nowrap!important
  }

  .cmp-cag .flex-md-wrap-reverse {
      -ms-flex-wrap: wrap-reverse!important;
      flex-wrap: wrap-reverse!important
  }

  .cmp-cag .justify-content-md-start {
      -webkit-box-pack: start!important;
      -ms-flex-pack: start!important;
      justify-content: flex-start!important
  }

  .cmp-cag .justify-content-md-end {
      -webkit-box-pack: end!important;
      -ms-flex-pack: end!important;
      justify-content: flex-end!important
  }

  .cmp-cag .justify-content-md-center {
      -webkit-box-pack: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important
  }

  .cmp-cag .justify-content-md-between {
      -webkit-box-pack: justify!important;
      -ms-flex-pack: justify!important;
      justify-content: space-between!important
  }

  .cmp-cag .justify-content-md-around {
      -ms-flex-pack: distribute!important;
      justify-content: space-around!important
  }

  .cmp-cag .justify-content-md-evenly {
      -webkit-box-pack: space-evenly!important;
      -ms-flex-pack: space-evenly!important;
      justify-content: space-evenly!important
  }

  .cmp-cag .align-items-md-start {
      -webkit-box-align: start!important;
      -ms-flex-align: start!important;
      align-items: flex-start!important
  }

  .cmp-cag .align-items-md-end {
      -webkit-box-align: end!important;
      -ms-flex-align: end!important;
      align-items: flex-end!important
  }

  .cmp-cag .align-items-md-center {
      -webkit-box-align: center!important;
      -ms-flex-align: center!important;
      align-items: center!important
  }

  .cmp-cag .align-items-md-baseline {
      -webkit-box-align: baseline!important;
      -ms-flex-align: baseline!important;
      align-items: baseline!important
  }

  .cmp-cag .align-items-md-stretch {
      -webkit-box-align: stretch!important;
      -ms-flex-align: stretch!important;
      align-items: stretch!important
  }

  .cmp-cag .align-content-md-start {
      -ms-flex-line-pack: start!important;
      align-content: flex-start!important
  }

  .cmp-cag .align-content-md-end {
      -ms-flex-line-pack: end!important;
      align-content: flex-end!important
  }

  .cmp-cag .align-content-md-center {
      -ms-flex-line-pack: center!important;
      align-content: center!important
  }

  .cmp-cag .align-content-md-between {
      -ms-flex-line-pack: justify!important;
      align-content: space-between!important
  }

  .cmp-cag .align-content-md-around {
      -ms-flex-line-pack: distribute!important;
      align-content: space-around!important
  }

  .cmp-cag .align-content-md-stretch {
      -ms-flex-line-pack: stretch!important;
      align-content: stretch!important
  }

  .cmp-cag .align-self-md-auto {
      -ms-flex-item-align: auto!important;
      align-self: auto!important
  }

  .cmp-cag .align-self-md-start {
      -ms-flex-item-align: start!important;
      align-self: flex-start!important
  }

  .cmp-cag .align-self-md-end {
      -ms-flex-item-align: end!important;
      align-self: flex-end!important
  }

  .cmp-cag .align-self-md-center {
      -ms-flex-item-align: center!important;
      align-self: center!important
  }

  .cmp-cag .align-self-md-baseline {
      -ms-flex-item-align: baseline!important;
      align-self: baseline!important
  }

  .cmp-cag .align-self-md-stretch {
      -ms-flex-item-align: stretch!important;
      align-self: stretch!important
  }

  .cmp-cag .order-md-first {
      -webkit-box-ordinal-group: 0!important;
      -ms-flex-order: -1!important;
      order: -1!important
  }

  .cmp-cag .order-md-0 {
      -webkit-box-ordinal-group: 1!important;
      -ms-flex-order: 0!important;
      order: 0!important
  }

  .cmp-cag .order-md-1 {
      -webkit-box-ordinal-group: 2!important;
      -ms-flex-order: 1!important;
      order: 1!important
  }

  .cmp-cag .order-md-2 {
      -webkit-box-ordinal-group: 3!important;
      -ms-flex-order: 2!important;
      order: 2!important
  }

  .cmp-cag .order-md-3 {
      -webkit-box-ordinal-group: 4!important;
      -ms-flex-order: 3!important;
      order: 3!important
  }

  .cmp-cag .order-md-4 {
      -webkit-box-ordinal-group: 5!important;
      -ms-flex-order: 4!important;
      order: 4!important
  }

  .cmp-cag .order-md-5 {
      -webkit-box-ordinal-group: 6!important;
      -ms-flex-order: 5!important;
      order: 5!important
  }

  .cmp-cag .order-md-last {
      -webkit-box-ordinal-group: 7!important;
      -ms-flex-order: 6!important;
      order: 6!important
  }

  .cmp-cag .m-md-0 {
      margin: 0!important
  }

  .cmp-cag .m-md-1 {
      margin: .25rem!important
  }

  .cmp-cag .m-md-2 {
      margin: .5rem!important
  }

  .cmp-cag .m-md-3 {
      margin: 1rem!important
  }

  .cmp-cag .m-md-4 {
      margin: 1.5rem!important
  }

  .cmp-cag .m-md-5 {
      margin: 3rem!important
  }

  .cmp-cag .m-md-auto {
      margin: auto!important
  }

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

  .cmp-cag .mx-md-1 {
      margin-left: .25rem!important;
      margin-right: .25rem!important
  }

  .cmp-cag .mx-md-2 {
      margin-left: .5rem!important;
      margin-right: .5rem!important
  }

  .cmp-cag .mx-md-3 {
      margin-left: 1rem!important;
      margin-right: 1rem!important
  }

  .cmp-cag .mx-md-4 {
      margin-left: 1.5rem!important;
      margin-right: 1.5rem!important
  }

  .cmp-cag .mx-md-5 {
      margin-left: 3rem!important;
      margin-right: 3rem!important
  }

  .cmp-cag .mx-md-auto {
      margin-left: auto!important;
      margin-right: auto!important
  }

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

  .cmp-cag .my-md-1 {
      margin-bottom: .25rem!important;
      margin-top: .25rem!important
  }

  .cmp-cag .my-md-2 {
      margin-bottom: .5rem!important;
      margin-top: .5rem!important
  }

  .cmp-cag .my-md-3 {
      margin-bottom: 1rem!important;
      margin-top: 1rem!important
  }

  .cmp-cag .my-md-4 {
      margin-bottom: 1.5rem!important;
      margin-top: 1.5rem!important
  }

  .cmp-cag .my-md-5 {
      margin-bottom: 3rem!important;
      margin-top: 3rem!important
  }

  .cmp-cag .my-md-auto {
      margin-bottom: auto!important;
      margin-top: auto!important
  }

  .cmp-cag .mt-md-0 {
      margin-top: 0!important
  }

  .cmp-cag .mt-md-1 {
      margin-top: .25rem!important
  }

  .cmp-cag .mt-md-2 {
      margin-top: .5rem!important
  }

  .cmp-cag .mt-md-3 {
      margin-top: 1rem!important
  }

  .cmp-cag .mt-md-4 {
      margin-top: 1.5rem!important
  }

  .cmp-cag .mt-md-5 {
      margin-top: 3rem!important
  }

  .cmp-cag .mt-md-auto {
      margin-top: auto!important
  }

  .cmp-cag .me-md-0 {
      margin-right: 0!important
  }

  .cmp-cag .me-md-1 {
      margin-right: .25rem!important
  }

  .cmp-cag .me-md-2 {
      margin-right: .5rem!important
  }

  .cmp-cag .me-md-3 {
      margin-right: 1rem!important
  }

  .cmp-cag .me-md-4 {
      margin-right: 1.5rem!important
  }

  .cmp-cag .me-md-5 {
      margin-right: 3rem!important
  }

  .cmp-cag .me-md-auto {
      margin-right: auto!important
  }

  .cmp-cag .mb-md-0 {
      margin-bottom: 0!important
  }

  .cmp-cag .mb-md-1 {
      margin-bottom: .25rem!important
  }

  .cmp-cag .mb-md-2 {
      margin-bottom: .5rem!important
  }

  .cmp-cag .mb-md-3 {
      margin-bottom: 1rem!important
  }

  .cmp-cag .mb-md-4 {
      margin-bottom: 1.5rem!important
  }

  .cmp-cag .mb-md-5 {
      margin-bottom: 3rem!important
  }

  .cmp-cag .mb-md-auto {
      margin-bottom: auto!important
  }

  .cmp-cag .ms-md-0 {
      margin-left: 0!important
  }

  .cmp-cag .ms-md-1 {
      margin-left: .25rem!important
  }

  .cmp-cag .ms-md-2 {
      margin-left: .5rem!important
  }

  .cmp-cag .ms-md-3 {
      margin-left: 1rem!important
  }

  .cmp-cag .ms-md-4 {
      margin-left: 1.5rem!important
  }

  .cmp-cag .ms-md-5 {
      margin-left: 3rem!important
  }

  .cmp-cag .ms-md-auto {
      margin-left: auto!important
  }

  .cmp-cag .p-md-0 {
      padding: 0!important
  }

  .cmp-cag .p-md-1 {
      padding: .25rem!important
  }

  .cmp-cag .p-md-2 {
      padding: .5rem!important
  }

  .cmp-cag .p-md-3 {
      padding: 1rem!important
  }

  .cmp-cag .p-md-4 {
      padding: 1.5rem!important
  }

  .cmp-cag .p-md-5 {
      padding: 3rem!important
  }

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

  .cmp-cag .px-md-1 {
      padding-left: .25rem!important;
      padding-right: .25rem!important
  }

  .cmp-cag .px-md-2 {
      padding-left: .5rem!important;
      padding-right: .5rem!important
  }

  .cmp-cag .px-md-3 {
      padding-left: 1rem!important;
      padding-right: 1rem!important
  }

  .cmp-cag .px-md-4 {
      padding-left: 1.5rem!important;
      padding-right: 1.5rem!important
  }

  .cmp-cag .px-md-5 {
      padding-left: 3rem!important;
      padding-right: 3rem!important
  }

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

  .cmp-cag .py-md-1 {
      padding-bottom: .25rem!important;
      padding-top: .25rem!important
  }

  .cmp-cag .py-md-2 {
      padding-bottom: .5rem!important;
      padding-top: .5rem!important
  }

  .cmp-cag .py-md-3 {
      padding-bottom: 1rem!important;
      padding-top: 1rem!important
  }

  .cmp-cag .py-md-4 {
      padding-bottom: 1.5rem!important;
      padding-top: 1.5rem!important
  }

  .cmp-cag .py-md-5 {
      padding-bottom: 3rem!important;
      padding-top: 3rem!important
  }

  .cmp-cag .pt-md-0 {
      padding-top: 0!important
  }

  .cmp-cag .pt-md-1 {
      padding-top: .25rem!important
  }

  .cmp-cag .pt-md-2 {
      padding-top: .5rem!important
  }

  .cmp-cag .pt-md-3 {
      padding-top: 1rem!important
  }

  .cmp-cag .pt-md-4 {
      padding-top: 1.5rem!important
  }

  .cmp-cag .pt-md-5 {
      padding-top: 3rem!important
  }

  .cmp-cag .pe-md-0 {
      padding-right: 0!important
  }

  .cmp-cag .pe-md-1 {
      padding-right: .25rem!important
  }

  .cmp-cag .pe-md-2 {
      padding-right: .5rem!important
  }

  .cmp-cag .pe-md-3 {
      padding-right: 1rem!important
  }

  .cmp-cag .pe-md-4 {
      padding-right: 1.5rem!important
  }

  .cmp-cag .pe-md-5 {
      padding-right: 3rem!important
  }

  .cmp-cag .pb-md-0 {
      padding-bottom: 0!important
  }

  .cmp-cag .pb-md-1 {
      padding-bottom: .25rem!important
  }

  .cmp-cag .pb-md-2 {
      padding-bottom: .5rem!important
  }

  .cmp-cag .pb-md-3 {
      padding-bottom: 1rem!important
  }

  .cmp-cag .pb-md-4 {
      padding-bottom: 1.5rem!important
  }

  .cmp-cag .pb-md-5 {
      padding-bottom: 3rem!important
  }

  .cmp-cag .ps-md-0 {
      padding-left: 0!important
  }

  .cmp-cag .ps-md-1 {
      padding-left: .25rem!important
  }

  .cmp-cag .ps-md-2 {
      padding-left: .5rem!important
  }

  .cmp-cag .ps-md-3 {
      padding-left: 1rem!important
  }

  .cmp-cag .ps-md-4 {
      padding-left: 1.5rem!important
  }

  .cmp-cag .ps-md-5 {
      padding-left: 3rem!important
  }

  .cmp-cag .gap-md-0 {
      gap: 0!important
  }

  .cmp-cag .gap-md-1 {
      gap: .25rem!important
  }

  .cmp-cag .gap-md-2 {
      gap: .5rem!important
  }

  .cmp-cag .gap-md-3 {
      gap: 1rem!important
  }

  .cmp-cag .gap-md-4 {
      gap: 1.5rem!important
  }

  .cmp-cag .gap-md-5 {
      gap: 3rem!important
  }

  .cmp-cag .row-gap-md-0 {
      row-gap: 0!important
  }

  .cmp-cag .row-gap-md-1 {
      row-gap: .25rem!important
  }

  .cmp-cag .row-gap-md-2 {
      row-gap: .5rem!important
  }

  .cmp-cag .row-gap-md-3 {
      row-gap: 1rem!important
  }

  .cmp-cag .row-gap-md-4 {
      row-gap: 1.5rem!important
  }

  .cmp-cag .row-gap-md-5 {
      row-gap: 3rem!important
  }

  .cmp-cag .column-gap-md-0 {
      -webkit-column-gap: 0!important;
      -moz-column-gap: 0!important;
      column-gap: 0!important
  }

  .cmp-cag .column-gap-md-1 {
      -webkit-column-gap: .25rem!important;
      -moz-column-gap: .25rem!important;
      column-gap: .25rem!important
  }

  .cmp-cag .column-gap-md-2 {
      -webkit-column-gap: .5rem!important;
      -moz-column-gap: .5rem!important;
      column-gap: .5rem!important
  }

  .cmp-cag .column-gap-md-3 {
      -webkit-column-gap: 1rem!important;
      -moz-column-gap: 1rem!important;
      column-gap: 1rem!important
  }

  .cmp-cag .column-gap-md-4 {
      -webkit-column-gap: 1.5rem!important;
      -moz-column-gap: 1.5rem!important;
      column-gap: 1.5rem!important
  }

  .cmp-cag .column-gap-md-5 {
      -webkit-column-gap: 3rem!important;
      -moz-column-gap: 3rem!important;
      column-gap: 3rem!important
  }

  .cmp-cag .text-md-start {
      text-align: left!important
  }

  .cmp-cag .text-md-end {
      text-align: right!important
  }

  .cmp-cag .text-md-center {
      text-align: center!important
  }
}

@media(min-width: 992px) {
  .cmp-cag .float-lg-start {
      float:left!important
  }

  .cmp-cag .float-lg-end {
      float: right!important
  }

  .cmp-cag .float-lg-none {
      float: none!important
  }

  .cmp-cag .object-fit-lg-contain {
      -o-object-fit: contain!important;
      object-fit: contain!important
  }

  .cmp-cag .object-fit-lg-cover {
      -o-object-fit: cover!important;
      object-fit: cover!important
  }

  .cmp-cag .object-fit-lg-fill {
      -o-object-fit: fill!important;
      object-fit: fill!important
  }

  .cmp-cag .object-fit-lg-scale {
      -o-object-fit: scale-down!important;
      object-fit: scale-down!important
  }

  .cmp-cag .object-fit-lg-none {
      -o-object-fit: none!important;
      object-fit: none!important
  }

  .cmp-cag .d-lg-inline {
      display: inline!important
  }

  .cmp-cag .d-lg-inline-block {
      display: inline-block!important
  }

  .cmp-cag .d-lg-block {
      display: block!important
  }

  .cmp-cag .d-lg-grid {
      display: grid!important
  }

  .cmp-cag .d-lg-inline-grid {
      display: inline-grid!important
  }

  .cmp-cag .d-lg-table {
      display: table!important
  }

  .cmp-cag .d-lg-table-row {
      display: table-row!important
  }

  .cmp-cag .d-lg-table-cell {
      display: table-cell!important
  }

  .cmp-cag .d-lg-flex {
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important
  }

  .cmp-cag .d-lg-inline-flex {
      display: -webkit-inline-box!important;
      display: -ms-inline-flexbox!important;
      display: inline-flex!important
  }

  .cmp-cag .d-lg-none {
      display: none!important
  }

  .cmp-cag .flex-lg-fill {
      -webkit-box-flex: 1!important;
      -ms-flex: 1 1 auto!important;
      flex: 1 1 auto!important
  }

  .cmp-cag .flex-lg-row {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: normal!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important
  }

  .cmp-cag .flex-lg-column {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: normal!important;
      -ms-flex-direction: column!important;
      flex-direction: column!important
  }

  .cmp-cag .flex-lg-row-reverse {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: reverse!important;
      -ms-flex-direction: row-reverse!important;
      flex-direction: row-reverse!important
  }

  .cmp-cag .flex-lg-column-reverse {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: reverse!important;
      -ms-flex-direction: column-reverse!important;
      flex-direction: column-reverse!important
  }

  .cmp-cag .flex-lg-grow-0 {
      -webkit-box-flex: 0!important;
      -ms-flex-positive: 0!important;
      flex-grow: 0!important
  }

  .cmp-cag .flex-lg-grow-1 {
      -webkit-box-flex: 1!important;
      -ms-flex-positive: 1!important;
      flex-grow: 1!important
  }

  .cmp-cag .flex-lg-shrink-0 {
      -ms-flex-negative: 0!important;
      flex-shrink: 0!important
  }

  .cmp-cag .flex-lg-shrink-1 {
      -ms-flex-negative: 1!important;
      flex-shrink: 1!important
  }

  .cmp-cag .flex-lg-wrap {
      -ms-flex-wrap: wrap!important;
      flex-wrap: wrap!important
  }

  .cmp-cag .flex-lg-nowrap {
      -ms-flex-wrap: nowrap!important;
      flex-wrap: nowrap!important
  }

  .cmp-cag .flex-lg-wrap-reverse {
      -ms-flex-wrap: wrap-reverse!important;
      flex-wrap: wrap-reverse!important
  }

  .cmp-cag .justify-content-lg-start {
      -webkit-box-pack: start!important;
      -ms-flex-pack: start!important;
      justify-content: flex-start!important
  }

  .cmp-cag .justify-content-lg-end {
      -webkit-box-pack: end!important;
      -ms-flex-pack: end!important;
      justify-content: flex-end!important
  }

  .cmp-cag .justify-content-lg-center {
      -webkit-box-pack: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important
  }

  .cmp-cag .justify-content-lg-between {
      -webkit-box-pack: justify!important;
      -ms-flex-pack: justify!important;
      justify-content: space-between!important
  }

  .cmp-cag .justify-content-lg-around {
      -ms-flex-pack: distribute!important;
      justify-content: space-around!important
  }

  .cmp-cag .justify-content-lg-evenly {
      -webkit-box-pack: space-evenly!important;
      -ms-flex-pack: space-evenly!important;
      justify-content: space-evenly!important
  }

  .cmp-cag .align-items-lg-start {
      -webkit-box-align: start!important;
      -ms-flex-align: start!important;
      align-items: flex-start!important
  }

  .cmp-cag .align-items-lg-end {
      -webkit-box-align: end!important;
      -ms-flex-align: end!important;
      align-items: flex-end!important
  }

  .cmp-cag .align-items-lg-center {
      -webkit-box-align: center!important;
      -ms-flex-align: center!important;
      align-items: center!important
  }

  .cmp-cag .align-items-lg-baseline {
      -webkit-box-align: baseline!important;
      -ms-flex-align: baseline!important;
      align-items: baseline!important
  }

  .cmp-cag .align-items-lg-stretch {
      -webkit-box-align: stretch!important;
      -ms-flex-align: stretch!important;
      align-items: stretch!important
  }

  .cmp-cag .align-content-lg-start {
      -ms-flex-line-pack: start!important;
      align-content: flex-start!important
  }

  .cmp-cag .align-content-lg-end {
      -ms-flex-line-pack: end!important;
      align-content: flex-end!important
  }

  .cmp-cag .align-content-lg-center {
      -ms-flex-line-pack: center!important;
      align-content: center!important
  }

  .cmp-cag .align-content-lg-between {
      -ms-flex-line-pack: justify!important;
      align-content: space-between!important
  }

  .cmp-cag .align-content-lg-around {
      -ms-flex-line-pack: distribute!important;
      align-content: space-around!important
  }

  .cmp-cag .align-content-lg-stretch {
      -ms-flex-line-pack: stretch!important;
      align-content: stretch!important
  }

  .cmp-cag .align-self-lg-auto {
      -ms-flex-item-align: auto!important;
      align-self: auto!important
  }

  .cmp-cag .align-self-lg-start {
      -ms-flex-item-align: start!important;
      align-self: flex-start!important
  }

  .cmp-cag .align-self-lg-end {
      -ms-flex-item-align: end!important;
      align-self: flex-end!important
  }

  .cmp-cag .align-self-lg-center {
      -ms-flex-item-align: center!important;
      align-self: center!important
  }

  .cmp-cag .align-self-lg-baseline {
      -ms-flex-item-align: baseline!important;
      align-self: baseline!important
  }

  .cmp-cag .align-self-lg-stretch {
      -ms-flex-item-align: stretch!important;
      align-self: stretch!important
  }

  .cmp-cag .order-lg-first {
      -webkit-box-ordinal-group: 0!important;
      -ms-flex-order: -1!important;
      order: -1!important
  }

  .cmp-cag .order-lg-0 {
      -webkit-box-ordinal-group: 1!important;
      -ms-flex-order: 0!important;
      order: 0!important
  }

  .cmp-cag .order-lg-1 {
      -webkit-box-ordinal-group: 2!important;
      -ms-flex-order: 1!important;
      order: 1!important
  }

  .cmp-cag .order-lg-2 {
      -webkit-box-ordinal-group: 3!important;
      -ms-flex-order: 2!important;
      order: 2!important
  }

  .cmp-cag .order-lg-3 {
      -webkit-box-ordinal-group: 4!important;
      -ms-flex-order: 3!important;
      order: 3!important
  }

  .cmp-cag .order-lg-4 {
      -webkit-box-ordinal-group: 5!important;
      -ms-flex-order: 4!important;
      order: 4!important
  }

  .cmp-cag .order-lg-5 {
      -webkit-box-ordinal-group: 6!important;
      -ms-flex-order: 5!important;
      order: 5!important
  }

  .cmp-cag .order-lg-last {
      -webkit-box-ordinal-group: 7!important;
      -ms-flex-order: 6!important;
      order: 6!important
  }

  .cmp-cag .m-lg-0 {
      margin: 0!important
  }

  .cmp-cag .m-lg-1 {
      margin: .25rem!important
  }

  .cmp-cag .m-lg-2 {
      margin: .5rem!important
  }

  .cmp-cag .m-lg-3 {
      margin: 1rem!important
  }

  .cmp-cag .m-lg-4 {
      margin: 1.5rem!important
  }

  .cmp-cag .m-lg-5 {
      margin: 3rem!important
  }

  .cmp-cag .m-lg-auto {
      margin: auto!important
  }

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

  .cmp-cag .mx-lg-1 {
      margin-left: .25rem!important;
      margin-right: .25rem!important
  }

  .cmp-cag .mx-lg-2 {
      margin-left: .5rem!important;
      margin-right: .5rem!important
  }

  .cmp-cag .mx-lg-3 {
      margin-left: 1rem!important;
      margin-right: 1rem!important
  }

  .cmp-cag .mx-lg-4 {
      margin-left: 1.5rem!important;
      margin-right: 1.5rem!important
  }

  .cmp-cag .mx-lg-5 {
      margin-left: 3rem!important;
      margin-right: 3rem!important
  }

  .cmp-cag .mx-lg-auto {
      margin-left: auto!important;
      margin-right: auto!important
  }

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

  .cmp-cag .my-lg-1 {
      margin-bottom: .25rem!important;
      margin-top: .25rem!important
  }

  .cmp-cag .my-lg-2 {
      margin-bottom: .5rem!important;
      margin-top: .5rem!important
  }

  .cmp-cag .my-lg-3 {
      margin-bottom: 1rem!important;
      margin-top: 1rem!important
  }

  .cmp-cag .my-lg-4 {
      margin-bottom: 1.5rem!important;
      margin-top: 1.5rem!important
  }

  .cmp-cag .my-lg-5 {
      margin-bottom: 3rem!important;
      margin-top: 3rem!important
  }

  .cmp-cag .my-lg-auto {
      margin-bottom: auto!important;
      margin-top: auto!important
  }

  .cmp-cag .mt-lg-0 {
      margin-top: 0!important
  }

  .cmp-cag .mt-lg-1 {
      margin-top: .25rem!important
  }

  .cmp-cag .mt-lg-2 {
      margin-top: .5rem!important
  }

  .cmp-cag .mt-lg-3 {
      margin-top: 1rem!important
  }

  .cmp-cag .mt-lg-4 {
      margin-top: 1.5rem!important
  }

  .cmp-cag .mt-lg-5 {
      margin-top: 3rem!important
  }

  .cmp-cag .mt-lg-auto {
      margin-top: auto!important
  }

  .cmp-cag .me-lg-0 {
      margin-right: 0!important
  }

  .cmp-cag .me-lg-1 {
      margin-right: .25rem!important
  }

  .cmp-cag .me-lg-2 {
      margin-right: .5rem!important
  }

  .cmp-cag .me-lg-3 {
      margin-right: 1rem!important
  }

  .cmp-cag .me-lg-4 {
      margin-right: 1.5rem!important
  }

  .cmp-cag .me-lg-5 {
      margin-right: 3rem!important
  }

  .cmp-cag .me-lg-auto {
      margin-right: auto!important
  }

  .cmp-cag .mb-lg-0 {
      margin-bottom: 0!important
  }

  .cmp-cag .mb-lg-1 {
      margin-bottom: .25rem!important
  }

  .cmp-cag .mb-lg-2 {
      margin-bottom: .5rem!important
  }

  .cmp-cag .mb-lg-3 {
      margin-bottom: 1rem!important
  }

  .cmp-cag .mb-lg-4 {
      margin-bottom: 1.5rem!important
  }

  .cmp-cag .mb-lg-5 {
      margin-bottom: 3rem!important
  }

  .cmp-cag .mb-lg-auto {
      margin-bottom: auto!important
  }

  .cmp-cag .ms-lg-0 {
      margin-left: 0!important
  }

  .cmp-cag .ms-lg-1 {
      margin-left: .25rem!important
  }

  .cmp-cag .ms-lg-2 {
      margin-left: .5rem!important
  }

  .cmp-cag .ms-lg-3 {
      margin-left: 1rem!important
  }

  .cmp-cag .ms-lg-4 {
      margin-left: 1.5rem!important
  }

  .cmp-cag .ms-lg-5 {
      margin-left: 3rem!important
  }

  .cmp-cag .ms-lg-auto {
      margin-left: auto!important
  }

  .cmp-cag .p-lg-0 {
      padding: 0!important
  }

  .cmp-cag .p-lg-1 {
      padding: .25rem!important
  }

  .cmp-cag .p-lg-2 {
      padding: .5rem!important
  }

  .cmp-cag .p-lg-3 {
      padding: 1rem!important
  }

  .cmp-cag .p-lg-4 {
      padding: 1.5rem!important
  }

  .cmp-cag .p-lg-5 {
      padding: 3rem!important
  }

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

  .cmp-cag .px-lg-1 {
      padding-left: .25rem!important;
      padding-right: .25rem!important
  }

  .cmp-cag .px-lg-2 {
      padding-left: .5rem!important;
      padding-right: .5rem!important
  }

  .cmp-cag .px-lg-3 {
      padding-left: 1rem!important;
      padding-right: 1rem!important
  }

  .cmp-cag .px-lg-4 {
      padding-left: 1.5rem!important;
      padding-right: 1.5rem!important
  }

  .cmp-cag .px-lg-5 {
      padding-left: 3rem!important;
      padding-right: 3rem!important
  }

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

  .cmp-cag .py-lg-1 {
      padding-bottom: .25rem!important;
      padding-top: .25rem!important
  }

  .cmp-cag .py-lg-2 {
      padding-bottom: .5rem!important;
      padding-top: .5rem!important
  }

  .cmp-cag .py-lg-3 {
      padding-bottom: 1rem!important;
      padding-top: 1rem!important
  }

  .cmp-cag .py-lg-4 {
      padding-bottom: 1.5rem!important;
      padding-top: 1.5rem!important
  }

  .cmp-cag .py-lg-5 {
      padding-bottom: 3rem!important;
      padding-top: 3rem!important
  }

  .cmp-cag .pt-lg-0 {
      padding-top: 0!important
  }

  .cmp-cag .pt-lg-1 {
      padding-top: .25rem!important
  }

  .cmp-cag .pt-lg-2 {
      padding-top: .5rem!important
  }

  .cmp-cag .pt-lg-3 {
      padding-top: 1rem!important
  }

  .cmp-cag .pt-lg-4 {
      padding-top: 1.5rem!important
  }

  .cmp-cag .pt-lg-5 {
      padding-top: 3rem!important
  }

  .cmp-cag .pe-lg-0 {
      padding-right: 0!important
  }

  .cmp-cag .pe-lg-1 {
      padding-right: .25rem!important
  }

  .cmp-cag .pe-lg-2 {
      padding-right: .5rem!important
  }

  .cmp-cag .pe-lg-3 {
      padding-right: 1rem!important
  }

  .cmp-cag .pe-lg-4 {
      padding-right: 1.5rem!important
  }

  .cmp-cag .pe-lg-5 {
      padding-right: 3rem!important
  }

  .cmp-cag .pb-lg-0 {
      padding-bottom: 0!important
  }

  .cmp-cag .pb-lg-1 {
      padding-bottom: .25rem!important
  }

  .cmp-cag .pb-lg-2 {
      padding-bottom: .5rem!important
  }

  .cmp-cag .pb-lg-3 {
      padding-bottom: 1rem!important
  }

  .cmp-cag .pb-lg-4 {
      padding-bottom: 1.5rem!important
  }

  .cmp-cag .pb-lg-5 {
      padding-bottom: 3rem!important
  }

  .cmp-cag .ps-lg-0 {
      padding-left: 0!important
  }

  .cmp-cag .ps-lg-1 {
      padding-left: .25rem!important
  }

  .cmp-cag .ps-lg-2 {
      padding-left: .5rem!important
  }

  .cmp-cag .ps-lg-3 {
      padding-left: 1rem!important
  }

  .cmp-cag .ps-lg-4 {
      padding-left: 1.5rem!important
  }

  .cmp-cag .ps-lg-5 {
      padding-left: 3rem!important
  }

  .cmp-cag .gap-lg-0 {
      gap: 0!important
  }

  .cmp-cag .gap-lg-1 {
      gap: .25rem!important
  }

  .cmp-cag .gap-lg-2 {
      gap: .5rem!important
  }

  .cmp-cag .gap-lg-3 {
      gap: 1rem!important
  }

  .cmp-cag .gap-lg-4 {
      gap: 1.5rem!important
  }

  .cmp-cag .gap-lg-5 {
      gap: 3rem!important
  }

  .cmp-cag .row-gap-lg-0 {
      row-gap: 0!important
  }

  .cmp-cag .row-gap-lg-1 {
      row-gap: .25rem!important
  }

  .cmp-cag .row-gap-lg-2 {
      row-gap: .5rem!important
  }

  .cmp-cag .row-gap-lg-3 {
      row-gap: 1rem!important
  }

  .cmp-cag .row-gap-lg-4 {
      row-gap: 1.5rem!important
  }

  .cmp-cag .row-gap-lg-5 {
      row-gap: 3rem!important
  }

  .cmp-cag .column-gap-lg-0 {
      -webkit-column-gap: 0!important;
      -moz-column-gap: 0!important;
      column-gap: 0!important
  }

  .cmp-cag .column-gap-lg-1 {
      -webkit-column-gap: .25rem!important;
      -moz-column-gap: .25rem!important;
      column-gap: .25rem!important
  }

  .cmp-cag .column-gap-lg-2 {
      -webkit-column-gap: .5rem!important;
      -moz-column-gap: .5rem!important;
      column-gap: .5rem!important
  }

  .cmp-cag .column-gap-lg-3 {
      -webkit-column-gap: 1rem!important;
      -moz-column-gap: 1rem!important;
      column-gap: 1rem!important
  }

  .cmp-cag .column-gap-lg-4 {
      -webkit-column-gap: 1.5rem!important;
      -moz-column-gap: 1.5rem!important;
      column-gap: 1.5rem!important
  }

  .cmp-cag .column-gap-lg-5 {
      -webkit-column-gap: 3rem!important;
      -moz-column-gap: 3rem!important;
      column-gap: 3rem!important
  }

  .cmp-cag .text-lg-start {
      text-align: left!important
  }

  .cmp-cag .text-lg-end {
      text-align: right!important
  }

  .cmp-cag .text-lg-center {
      text-align: center!important
  }
}

@media(min-width: 1200px) {
  .cmp-cag .float-xl-start {
      float:left!important
  }

  .cmp-cag .float-xl-end {
      float: right!important
  }

  .cmp-cag .float-xl-none {
      float: none!important
  }

  .cmp-cag .object-fit-xl-contain {
      -o-object-fit: contain!important;
      object-fit: contain!important
  }

  .cmp-cag .object-fit-xl-cover {
      -o-object-fit: cover!important;
      object-fit: cover!important
  }

  .cmp-cag .object-fit-xl-fill {
      -o-object-fit: fill!important;
      object-fit: fill!important
  }

  .cmp-cag .object-fit-xl-scale {
      -o-object-fit: scale-down!important;
      object-fit: scale-down!important
  }

  .cmp-cag .object-fit-xl-none {
      -o-object-fit: none!important;
      object-fit: none!important
  }

  .cmp-cag .d-xl-inline {
      display: inline!important
  }

  .cmp-cag .d-xl-inline-block {
      display: inline-block!important
  }

  .cmp-cag .d-xl-block {
      display: block!important
  }

  .cmp-cag .d-xl-grid {
      display: grid!important
  }

  .cmp-cag .d-xl-inline-grid {
      display: inline-grid!important
  }

  .cmp-cag .d-xl-table {
      display: table!important
  }

  .cmp-cag .d-xl-table-row {
      display: table-row!important
  }

  .cmp-cag .d-xl-table-cell {
      display: table-cell!important
  }

  .cmp-cag .d-xl-flex {
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important
  }

  .cmp-cag .d-xl-inline-flex {
      display: -webkit-inline-box!important;
      display: -ms-inline-flexbox!important;
      display: inline-flex!important
  }

  .cmp-cag .d-xl-none {
      display: none!important
  }

  .cmp-cag .flex-xl-fill {
      -webkit-box-flex: 1!important;
      -ms-flex: 1 1 auto!important;
      flex: 1 1 auto!important
  }

  .cmp-cag .flex-xl-row {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: normal!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important
  }

  .cmp-cag .flex-xl-column {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: normal!important;
      -ms-flex-direction: column!important;
      flex-direction: column!important
  }

  .cmp-cag .flex-xl-row-reverse {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: reverse!important;
      -ms-flex-direction: row-reverse!important;
      flex-direction: row-reverse!important
  }

  .cmp-cag .flex-xl-column-reverse {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: reverse!important;
      -ms-flex-direction: column-reverse!important;
      flex-direction: column-reverse!important
  }

  .cmp-cag .flex-xl-grow-0 {
      -webkit-box-flex: 0!important;
      -ms-flex-positive: 0!important;
      flex-grow: 0!important
  }

  .cmp-cag .flex-xl-grow-1 {
      -webkit-box-flex: 1!important;
      -ms-flex-positive: 1!important;
      flex-grow: 1!important
  }

  .cmp-cag .flex-xl-shrink-0 {
      -ms-flex-negative: 0!important;
      flex-shrink: 0!important
  }

  .cmp-cag .flex-xl-shrink-1 {
      -ms-flex-negative: 1!important;
      flex-shrink: 1!important
  }

  .cmp-cag .flex-xl-wrap {
      -ms-flex-wrap: wrap!important;
      flex-wrap: wrap!important
  }

  .cmp-cag .flex-xl-nowrap {
      -ms-flex-wrap: nowrap!important;
      flex-wrap: nowrap!important
  }

  .cmp-cag .flex-xl-wrap-reverse {
      -ms-flex-wrap: wrap-reverse!important;
      flex-wrap: wrap-reverse!important
  }

  .cmp-cag .justify-content-xl-start {
      -webkit-box-pack: start!important;
      -ms-flex-pack: start!important;
      justify-content: flex-start!important
  }

  .cmp-cag .justify-content-xl-end {
      -webkit-box-pack: end!important;
      -ms-flex-pack: end!important;
      justify-content: flex-end!important
  }

  .cmp-cag .justify-content-xl-center {
      -webkit-box-pack: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important
  }

  .cmp-cag .justify-content-xl-between {
      -webkit-box-pack: justify!important;
      -ms-flex-pack: justify!important;
      justify-content: space-between!important
  }

  .cmp-cag .justify-content-xl-around {
      -ms-flex-pack: distribute!important;
      justify-content: space-around!important
  }

  .cmp-cag .justify-content-xl-evenly {
      -webkit-box-pack: space-evenly!important;
      -ms-flex-pack: space-evenly!important;
      justify-content: space-evenly!important
  }

  .cmp-cag .align-items-xl-start {
      -webkit-box-align: start!important;
      -ms-flex-align: start!important;
      align-items: flex-start!important
  }

  .cmp-cag .align-items-xl-end {
      -webkit-box-align: end!important;
      -ms-flex-align: end!important;
      align-items: flex-end!important
  }

  .cmp-cag .align-items-xl-center {
      -webkit-box-align: center!important;
      -ms-flex-align: center!important;
      align-items: center!important
  }

  .cmp-cag .align-items-xl-baseline {
      -webkit-box-align: baseline!important;
      -ms-flex-align: baseline!important;
      align-items: baseline!important
  }

  .cmp-cag .align-items-xl-stretch {
      -webkit-box-align: stretch!important;
      -ms-flex-align: stretch!important;
      align-items: stretch!important
  }

  .cmp-cag .align-content-xl-start {
      -ms-flex-line-pack: start!important;
      align-content: flex-start!important
  }

  .cmp-cag .align-content-xl-end {
      -ms-flex-line-pack: end!important;
      align-content: flex-end!important
  }

  .cmp-cag .align-content-xl-center {
      -ms-flex-line-pack: center!important;
      align-content: center!important
  }

  .cmp-cag .align-content-xl-between {
      -ms-flex-line-pack: justify!important;
      align-content: space-between!important
  }

  .cmp-cag .align-content-xl-around {
      -ms-flex-line-pack: distribute!important;
      align-content: space-around!important
  }

  .cmp-cag .align-content-xl-stretch {
      -ms-flex-line-pack: stretch!important;
      align-content: stretch!important
  }

  .cmp-cag .align-self-xl-auto {
      -ms-flex-item-align: auto!important;
      align-self: auto!important
  }

  .cmp-cag .align-self-xl-start {
      -ms-flex-item-align: start!important;
      align-self: flex-start!important
  }

  .cmp-cag .align-self-xl-end {
      -ms-flex-item-align: end!important;
      align-self: flex-end!important
  }

  .cmp-cag .align-self-xl-center {
      -ms-flex-item-align: center!important;
      align-self: center!important
  }

  .cmp-cag .align-self-xl-baseline {
      -ms-flex-item-align: baseline!important;
      align-self: baseline!important
  }

  .cmp-cag .align-self-xl-stretch {
      -ms-flex-item-align: stretch!important;
      align-self: stretch!important
  }

  .cmp-cag .order-xl-first {
      -webkit-box-ordinal-group: 0!important;
      -ms-flex-order: -1!important;
      order: -1!important
  }

  .cmp-cag .order-xl-0 {
      -webkit-box-ordinal-group: 1!important;
      -ms-flex-order: 0!important;
      order: 0!important
  }

  .cmp-cag .order-xl-1 {
      -webkit-box-ordinal-group: 2!important;
      -ms-flex-order: 1!important;
      order: 1!important
  }

  .cmp-cag .order-xl-2 {
      -webkit-box-ordinal-group: 3!important;
      -ms-flex-order: 2!important;
      order: 2!important
  }

  .cmp-cag .order-xl-3 {
      -webkit-box-ordinal-group: 4!important;
      -ms-flex-order: 3!important;
      order: 3!important
  }

  .cmp-cag .order-xl-4 {
      -webkit-box-ordinal-group: 5!important;
      -ms-flex-order: 4!important;
      order: 4!important
  }

  .cmp-cag .order-xl-5 {
      -webkit-box-ordinal-group: 6!important;
      -ms-flex-order: 5!important;
      order: 5!important
  }

  .cmp-cag .order-xl-last {
      -webkit-box-ordinal-group: 7!important;
      -ms-flex-order: 6!important;
      order: 6!important
  }

  .cmp-cag .m-xl-0 {
      margin: 0!important
  }

  .cmp-cag .m-xl-1 {
      margin: .25rem!important
  }

  .cmp-cag .m-xl-2 {
      margin: .5rem!important
  }

  .cmp-cag .m-xl-3 {
      margin: 1rem!important
  }

  .cmp-cag .m-xl-4 {
      margin: 1.5rem!important
  }

  .cmp-cag .m-xl-5 {
      margin: 3rem!important
  }

  .cmp-cag .m-xl-auto {
      margin: auto!important
  }

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

  .cmp-cag .mx-xl-1 {
      margin-left: .25rem!important;
      margin-right: .25rem!important
  }

  .cmp-cag .mx-xl-2 {
      margin-left: .5rem!important;
      margin-right: .5rem!important
  }

  .cmp-cag .mx-xl-3 {
      margin-left: 1rem!important;
      margin-right: 1rem!important
  }

  .cmp-cag .mx-xl-4 {
      margin-left: 1.5rem!important;
      margin-right: 1.5rem!important
  }

  .cmp-cag .mx-xl-5 {
      margin-left: 3rem!important;
      margin-right: 3rem!important
  }

  .cmp-cag .mx-xl-auto {
      margin-left: auto!important;
      margin-right: auto!important
  }

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

  .cmp-cag .my-xl-1 {
      margin-bottom: .25rem!important;
      margin-top: .25rem!important
  }

  .cmp-cag .my-xl-2 {
      margin-bottom: .5rem!important;
      margin-top: .5rem!important
  }

  .cmp-cag .my-xl-3 {
      margin-bottom: 1rem!important;
      margin-top: 1rem!important
  }

  .cmp-cag .my-xl-4 {
      margin-bottom: 1.5rem!important;
      margin-top: 1.5rem!important
  }

  .cmp-cag .my-xl-5 {
      margin-bottom: 3rem!important;
      margin-top: 3rem!important
  }

  .cmp-cag .my-xl-auto {
      margin-bottom: auto!important;
      margin-top: auto!important
  }

  .cmp-cag .mt-xl-0 {
      margin-top: 0!important
  }

  .cmp-cag .mt-xl-1 {
      margin-top: .25rem!important
  }

  .cmp-cag .mt-xl-2 {
      margin-top: .5rem!important
  }

  .cmp-cag .mt-xl-3 {
      margin-top: 1rem!important
  }

  .cmp-cag .mt-xl-4 {
      margin-top: 1.5rem!important
  }

  .cmp-cag .mt-xl-5 {
      margin-top: 3rem!important
  }

  .cmp-cag .mt-xl-auto {
      margin-top: auto!important
  }

  .cmp-cag .me-xl-0 {
      margin-right: 0!important
  }

  .cmp-cag .me-xl-1 {
      margin-right: .25rem!important
  }

  .cmp-cag .me-xl-2 {
      margin-right: .5rem!important
  }

  .cmp-cag .me-xl-3 {
      margin-right: 1rem!important
  }

  .cmp-cag .me-xl-4 {
      margin-right: 1.5rem!important
  }

  .cmp-cag .me-xl-5 {
      margin-right: 3rem!important
  }

  .cmp-cag .me-xl-auto {
      margin-right: auto!important
  }

  .cmp-cag .mb-xl-0 {
      margin-bottom: 0!important
  }

  .cmp-cag .mb-xl-1 {
      margin-bottom: .25rem!important
  }

  .cmp-cag .mb-xl-2 {
      margin-bottom: .5rem!important
  }

  .cmp-cag .mb-xl-3 {
      margin-bottom: 1rem!important
  }

  .cmp-cag .mb-xl-4 {
      margin-bottom: 1.5rem!important
  }

  .cmp-cag .mb-xl-5 {
      margin-bottom: 3rem!important
  }

  .cmp-cag .mb-xl-auto {
      margin-bottom: auto!important
  }

  .cmp-cag .ms-xl-0 {
      margin-left: 0!important
  }

  .cmp-cag .ms-xl-1 {
      margin-left: .25rem!important
  }

  .cmp-cag .ms-xl-2 {
      margin-left: .5rem!important
  }

  .cmp-cag .ms-xl-3 {
      margin-left: 1rem!important
  }

  .cmp-cag .ms-xl-4 {
      margin-left: 1.5rem!important
  }

  .cmp-cag .ms-xl-5 {
      margin-left: 3rem!important
  }

  .cmp-cag .ms-xl-auto {
      margin-left: auto!important
  }

  .cmp-cag .p-xl-0 {
      padding: 0!important
  }

  .cmp-cag .p-xl-1 {
      padding: .25rem!important
  }

  .cmp-cag .p-xl-2 {
      padding: .5rem!important
  }

  .cmp-cag .p-xl-3 {
      padding: 1rem!important
  }

  .cmp-cag .p-xl-4 {
      padding: 1.5rem!important
  }

  .cmp-cag .p-xl-5 {
      padding: 3rem!important
  }

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

  .cmp-cag .px-xl-1 {
      padding-left: .25rem!important;
      padding-right: .25rem!important
  }

  .cmp-cag .px-xl-2 {
      padding-left: .5rem!important;
      padding-right: .5rem!important
  }

  .cmp-cag .px-xl-3 {
      padding-left: 1rem!important;
      padding-right: 1rem!important
  }

  .cmp-cag .px-xl-4 {
      padding-left: 1.5rem!important;
      padding-right: 1.5rem!important
  }

  .cmp-cag .px-xl-5 {
      padding-left: 3rem!important;
      padding-right: 3rem!important
  }

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

  .cmp-cag .py-xl-1 {
      padding-bottom: .25rem!important;
      padding-top: .25rem!important
  }

  .cmp-cag .py-xl-2 {
      padding-bottom: .5rem!important;
      padding-top: .5rem!important
  }

  .cmp-cag .py-xl-3 {
      padding-bottom: 1rem!important;
      padding-top: 1rem!important
  }

  .cmp-cag .py-xl-4 {
      padding-bottom: 1.5rem!important;
      padding-top: 1.5rem!important
  }

  .cmp-cag .py-xl-5 {
      padding-bottom: 3rem!important;
      padding-top: 3rem!important
  }

  .cmp-cag .pt-xl-0 {
      padding-top: 0!important
  }

  .cmp-cag .pt-xl-1 {
      padding-top: .25rem!important
  }

  .cmp-cag .pt-xl-2 {
      padding-top: .5rem!important
  }

  .cmp-cag .pt-xl-3 {
      padding-top: 1rem!important
  }

  .cmp-cag .pt-xl-4 {
      padding-top: 1.5rem!important
  }

  .cmp-cag .pt-xl-5 {
      padding-top: 3rem!important
  }

  .cmp-cag .pe-xl-0 {
      padding-right: 0!important
  }

  .cmp-cag .pe-xl-1 {
      padding-right: .25rem!important
  }

  .cmp-cag .pe-xl-2 {
      padding-right: .5rem!important
  }

  .cmp-cag .pe-xl-3 {
      padding-right: 1rem!important
  }

  .cmp-cag .pe-xl-4 {
      padding-right: 1.5rem!important
  }

  .cmp-cag .pe-xl-5 {
      padding-right: 3rem!important
  }

  .cmp-cag .pb-xl-0 {
      padding-bottom: 0!important
  }

  .cmp-cag .pb-xl-1 {
      padding-bottom: .25rem!important
  }

  .cmp-cag .pb-xl-2 {
      padding-bottom: .5rem!important
  }

  .cmp-cag .pb-xl-3 {
      padding-bottom: 1rem!important
  }

  .cmp-cag .pb-xl-4 {
      padding-bottom: 1.5rem!important
  }

  .cmp-cag .pb-xl-5 {
      padding-bottom: 3rem!important
  }

  .cmp-cag .ps-xl-0 {
      padding-left: 0!important
  }

  .cmp-cag .ps-xl-1 {
      padding-left: .25rem!important
  }

  .cmp-cag .ps-xl-2 {
      padding-left: .5rem!important
  }

  .cmp-cag .ps-xl-3 {
      padding-left: 1rem!important
  }

  .cmp-cag .ps-xl-4 {
      padding-left: 1.5rem!important
  }

  .cmp-cag .ps-xl-5 {
      padding-left: 3rem!important
  }

  .cmp-cag .gap-xl-0 {
      gap: 0!important
  }

  .cmp-cag .gap-xl-1 {
      gap: .25rem!important
  }

  .cmp-cag .gap-xl-2 {
      gap: .5rem!important
  }

  .cmp-cag .gap-xl-3 {
      gap: 1rem!important
  }

  .cmp-cag .gap-xl-4 {
      gap: 1.5rem!important
  }

  .cmp-cag .gap-xl-5 {
      gap: 3rem!important
  }

  .cmp-cag .row-gap-xl-0 {
      row-gap: 0!important
  }

  .cmp-cag .row-gap-xl-1 {
      row-gap: .25rem!important
  }

  .cmp-cag .row-gap-xl-2 {
      row-gap: .5rem!important
  }

  .cmp-cag .row-gap-xl-3 {
      row-gap: 1rem!important
  }

  .cmp-cag .row-gap-xl-4 {
      row-gap: 1.5rem!important
  }

  .cmp-cag .row-gap-xl-5 {
      row-gap: 3rem!important
  }

  .cmp-cag .column-gap-xl-0 {
      -webkit-column-gap: 0!important;
      -moz-column-gap: 0!important;
      column-gap: 0!important
  }

  .cmp-cag .column-gap-xl-1 {
      -webkit-column-gap: .25rem!important;
      -moz-column-gap: .25rem!important;
      column-gap: .25rem!important
  }

  .cmp-cag .column-gap-xl-2 {
      -webkit-column-gap: .5rem!important;
      -moz-column-gap: .5rem!important;
      column-gap: .5rem!important
  }

  .cmp-cag .column-gap-xl-3 {
      -webkit-column-gap: 1rem!important;
      -moz-column-gap: 1rem!important;
      column-gap: 1rem!important
  }

  .cmp-cag .column-gap-xl-4 {
      -webkit-column-gap: 1.5rem!important;
      -moz-column-gap: 1.5rem!important;
      column-gap: 1.5rem!important
  }

  .cmp-cag .column-gap-xl-5 {
      -webkit-column-gap: 3rem!important;
      -moz-column-gap: 3rem!important;
      column-gap: 3rem!important
  }

  .cmp-cag .text-xl-start {
      text-align: left!important
  }

  .cmp-cag .text-xl-end {
      text-align: right!important
  }

  .cmp-cag .text-xl-center {
      text-align: center!important
  }
}

@media(min-width: 1400px) {
  .cmp-cag .float-xxl-start {
      float:left!important
  }

  .cmp-cag .float-xxl-end {
      float: right!important
  }

  .cmp-cag .float-xxl-none {
      float: none!important
  }

  .cmp-cag .object-fit-xxl-contain {
      -o-object-fit: contain!important;
      object-fit: contain!important
  }

  .cmp-cag .object-fit-xxl-cover {
      -o-object-fit: cover!important;
      object-fit: cover!important
  }

  .cmp-cag .object-fit-xxl-fill {
      -o-object-fit: fill!important;
      object-fit: fill!important
  }

  .cmp-cag .object-fit-xxl-scale {
      -o-object-fit: scale-down!important;
      object-fit: scale-down!important
  }

  .cmp-cag .object-fit-xxl-none {
      -o-object-fit: none!important;
      object-fit: none!important
  }

  .cmp-cag .d-xxl-inline {
      display: inline!important
  }

  .cmp-cag .d-xxl-inline-block {
      display: inline-block!important
  }

  .cmp-cag .d-xxl-block {
      display: block!important
  }

  .cmp-cag .d-xxl-grid {
      display: grid!important
  }

  .cmp-cag .d-xxl-inline-grid {
      display: inline-grid!important
  }

  .cmp-cag .d-xxl-table {
      display: table!important
  }

  .cmp-cag .d-xxl-table-row {
      display: table-row!important
  }

  .cmp-cag .d-xxl-table-cell {
      display: table-cell!important
  }

  .cmp-cag .d-xxl-flex {
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important
  }

  .cmp-cag .d-xxl-inline-flex {
      display: -webkit-inline-box!important;
      display: -ms-inline-flexbox!important;
      display: inline-flex!important
  }

  .cmp-cag .d-xxl-none {
      display: none!important
  }

  .cmp-cag .flex-xxl-fill {
      -webkit-box-flex: 1!important;
      -ms-flex: 1 1 auto!important;
      flex: 1 1 auto!important
  }

  .cmp-cag .flex-xxl-row {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: normal!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important
  }

  .cmp-cag .flex-xxl-column {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: normal!important;
      -ms-flex-direction: column!important;
      flex-direction: column!important
  }

  .cmp-cag .flex-xxl-row-reverse {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: reverse!important;
      -ms-flex-direction: row-reverse!important;
      flex-direction: row-reverse!important
  }

  .cmp-cag .flex-xxl-column-reverse {
      -webkit-box-orient: vertical!important;
      -webkit-box-direction: reverse!important;
      -ms-flex-direction: column-reverse!important;
      flex-direction: column-reverse!important
  }

  .cmp-cag .flex-xxl-grow-0 {
      -webkit-box-flex: 0!important;
      -ms-flex-positive: 0!important;
      flex-grow: 0!important
  }

  .cmp-cag .flex-xxl-grow-1 {
      -webkit-box-flex: 1!important;
      -ms-flex-positive: 1!important;
      flex-grow: 1!important
  }

  .cmp-cag .flex-xxl-shrink-0 {
      -ms-flex-negative: 0!important;
      flex-shrink: 0!important
  }

  .cmp-cag .flex-xxl-shrink-1 {
      -ms-flex-negative: 1!important;
      flex-shrink: 1!important
  }

  .cmp-cag .flex-xxl-wrap {
      -ms-flex-wrap: wrap!important;
      flex-wrap: wrap!important
  }

  .cmp-cag .flex-xxl-nowrap {
      -ms-flex-wrap: nowrap!important;
      flex-wrap: nowrap!important
  }

  .cmp-cag .flex-xxl-wrap-reverse {
      -ms-flex-wrap: wrap-reverse!important;
      flex-wrap: wrap-reverse!important
  }

  .cmp-cag .justify-content-xxl-start {
      -webkit-box-pack: start!important;
      -ms-flex-pack: start!important;
      justify-content: flex-start!important
  }

  .cmp-cag .justify-content-xxl-end {
      -webkit-box-pack: end!important;
      -ms-flex-pack: end!important;
      justify-content: flex-end!important
  }

  .cmp-cag .justify-content-xxl-center {
      -webkit-box-pack: center!important;
      -ms-flex-pack: center!important;
      justify-content: center!important
  }

  .cmp-cag .justify-content-xxl-between {
      -webkit-box-pack: justify!important;
      -ms-flex-pack: justify!important;
      justify-content: space-between!important
  }

  .cmp-cag .justify-content-xxl-around {
      -ms-flex-pack: distribute!important;
      justify-content: space-around!important
  }

  .cmp-cag .justify-content-xxl-evenly {
      -webkit-box-pack: space-evenly!important;
      -ms-flex-pack: space-evenly!important;
      justify-content: space-evenly!important
  }

  .cmp-cag .align-items-xxl-start {
      -webkit-box-align: start!important;
      -ms-flex-align: start!important;
      align-items: flex-start!important
  }

  .cmp-cag .align-items-xxl-end {
      -webkit-box-align: end!important;
      -ms-flex-align: end!important;
      align-items: flex-end!important
  }

  .cmp-cag .align-items-xxl-center {
      -webkit-box-align: center!important;
      -ms-flex-align: center!important;
      align-items: center!important
  }

  .cmp-cag .align-items-xxl-baseline {
      -webkit-box-align: baseline!important;
      -ms-flex-align: baseline!important;
      align-items: baseline!important
  }

  .cmp-cag .align-items-xxl-stretch {
      -webkit-box-align: stretch!important;
      -ms-flex-align: stretch!important;
      align-items: stretch!important
  }

  .cmp-cag .align-content-xxl-start {
      -ms-flex-line-pack: start!important;
      align-content: flex-start!important
  }

  .cmp-cag .align-content-xxl-end {
      -ms-flex-line-pack: end!important;
      align-content: flex-end!important
  }

  .cmp-cag .align-content-xxl-center {
      -ms-flex-line-pack: center!important;
      align-content: center!important
  }

  .cmp-cag .align-content-xxl-between {
      -ms-flex-line-pack: justify!important;
      align-content: space-between!important
  }

  .cmp-cag .align-content-xxl-around {
      -ms-flex-line-pack: distribute!important;
      align-content: space-around!important
  }

  .cmp-cag .align-content-xxl-stretch {
      -ms-flex-line-pack: stretch!important;
      align-content: stretch!important
  }

  .cmp-cag .align-self-xxl-auto {
      -ms-flex-item-align: auto!important;
      align-self: auto!important
  }

  .cmp-cag .align-self-xxl-start {
      -ms-flex-item-align: start!important;
      align-self: flex-start!important
  }

  .cmp-cag .align-self-xxl-end {
      -ms-flex-item-align: end!important;
      align-self: flex-end!important
  }

  .cmp-cag .align-self-xxl-center {
      -ms-flex-item-align: center!important;
      align-self: center!important
  }

  .cmp-cag .align-self-xxl-baseline {
      -ms-flex-item-align: baseline!important;
      align-self: baseline!important
  }

  .cmp-cag .align-self-xxl-stretch {
      -ms-flex-item-align: stretch!important;
      align-self: stretch!important
  }

  .cmp-cag .order-xxl-first {
      -webkit-box-ordinal-group: 0!important;
      -ms-flex-order: -1!important;
      order: -1!important
  }

  .cmp-cag .order-xxl-0 {
      -webkit-box-ordinal-group: 1!important;
      -ms-flex-order: 0!important;
      order: 0!important
  }

  .cmp-cag .order-xxl-1 {
      -webkit-box-ordinal-group: 2!important;
      -ms-flex-order: 1!important;
      order: 1!important
  }

  .cmp-cag .order-xxl-2 {
      -webkit-box-ordinal-group: 3!important;
      -ms-flex-order: 2!important;
      order: 2!important
  }

  .cmp-cag .order-xxl-3 {
      -webkit-box-ordinal-group: 4!important;
      -ms-flex-order: 3!important;
      order: 3!important
  }

  .cmp-cag .order-xxl-4 {
      -webkit-box-ordinal-group: 5!important;
      -ms-flex-order: 4!important;
      order: 4!important
  }

  .cmp-cag .order-xxl-5 {
      -webkit-box-ordinal-group: 6!important;
      -ms-flex-order: 5!important;
      order: 5!important
  }

  .cmp-cag .order-xxl-last {
      -webkit-box-ordinal-group: 7!important;
      -ms-flex-order: 6!important;
      order: 6!important
  }

  .cmp-cag .m-xxl-0 {
      margin: 0!important
  }

  .cmp-cag .m-xxl-1 {
      margin: .25rem!important
  }

  .cmp-cag .m-xxl-2 {
      margin: .5rem!important
  }

  .cmp-cag .m-xxl-3 {
      margin: 1rem!important
  }

  .cmp-cag .m-xxl-4 {
      margin: 1.5rem!important
  }

  .cmp-cag .m-xxl-5 {
      margin: 3rem!important
  }

  .cmp-cag .m-xxl-auto {
      margin: auto!important
  }

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

  .cmp-cag .mx-xxl-1 {
      margin-left: .25rem!important;
      margin-right: .25rem!important
  }

  .cmp-cag .mx-xxl-2 {
      margin-left: .5rem!important;
      margin-right: .5rem!important
  }

  .cmp-cag .mx-xxl-3 {
      margin-left: 1rem!important;
      margin-right: 1rem!important
  }

  .cmp-cag .mx-xxl-4 {
      margin-left: 1.5rem!important;
      margin-right: 1.5rem!important
  }

  .cmp-cag .mx-xxl-5 {
      margin-left: 3rem!important;
      margin-right: 3rem!important
  }

  .cmp-cag .mx-xxl-auto {
      margin-left: auto!important;
      margin-right: auto!important
  }

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

  .cmp-cag .my-xxl-1 {
      margin-bottom: .25rem!important;
      margin-top: .25rem!important
  }

  .cmp-cag .my-xxl-2 {
      margin-bottom: .5rem!important;
      margin-top: .5rem!important
  }

  .cmp-cag .my-xxl-3 {
      margin-bottom: 1rem!important;
      margin-top: 1rem!important
  }

  .cmp-cag .my-xxl-4 {
      margin-bottom: 1.5rem!important;
      margin-top: 1.5rem!important
  }

  .cmp-cag .my-xxl-5 {
      margin-bottom: 3rem!important;
      margin-top: 3rem!important
  }

  .cmp-cag .my-xxl-auto {
      margin-bottom: auto!important;
      margin-top: auto!important
  }

  .cmp-cag .mt-xxl-0 {
      margin-top: 0!important
  }

  .cmp-cag .mt-xxl-1 {
      margin-top: .25rem!important
  }

  .cmp-cag .mt-xxl-2 {
      margin-top: .5rem!important
  }

  .cmp-cag .mt-xxl-3 {
      margin-top: 1rem!important
  }

  .cmp-cag .mt-xxl-4 {
      margin-top: 1.5rem!important
  }

  .cmp-cag .mt-xxl-5 {
      margin-top: 3rem!important
  }

  .cmp-cag .mt-xxl-auto {
      margin-top: auto!important
  }

  .cmp-cag .me-xxl-0 {
      margin-right: 0!important
  }

  .cmp-cag .me-xxl-1 {
      margin-right: .25rem!important
  }

  .cmp-cag .me-xxl-2 {
      margin-right: .5rem!important
  }

  .cmp-cag .me-xxl-3 {
      margin-right: 1rem!important
  }

  .cmp-cag .me-xxl-4 {
      margin-right: 1.5rem!important
  }

  .cmp-cag .me-xxl-5 {
      margin-right: 3rem!important
  }

  .cmp-cag .me-xxl-auto {
      margin-right: auto!important
  }

  .cmp-cag .mb-xxl-0 {
      margin-bottom: 0!important
  }

  .cmp-cag .mb-xxl-1 {
      margin-bottom: .25rem!important
  }

  .cmp-cag .mb-xxl-2 {
      margin-bottom: .5rem!important
  }

  .cmp-cag .mb-xxl-3 {
      margin-bottom: 1rem!important
  }

  .cmp-cag .mb-xxl-4 {
      margin-bottom: 1.5rem!important
  }

  .cmp-cag .mb-xxl-5 {
      margin-bottom: 3rem!important
  }

  .cmp-cag .mb-xxl-auto {
      margin-bottom: auto!important
  }

  .cmp-cag .ms-xxl-0 {
      margin-left: 0!important
  }

  .cmp-cag .ms-xxl-1 {
      margin-left: .25rem!important
  }

  .cmp-cag .ms-xxl-2 {
      margin-left: .5rem!important
  }

  .cmp-cag .ms-xxl-3 {
      margin-left: 1rem!important
  }

  .cmp-cag .ms-xxl-4 {
      margin-left: 1.5rem!important
  }

  .cmp-cag .ms-xxl-5 {
      margin-left: 3rem!important
  }

  .cmp-cag .ms-xxl-auto {
      margin-left: auto!important
  }

  .cmp-cag .p-xxl-0 {
      padding: 0!important
  }

  .cmp-cag .p-xxl-1 {
      padding: .25rem!important
  }

  .cmp-cag .p-xxl-2 {
      padding: .5rem!important
  }

  .cmp-cag .p-xxl-3 {
      padding: 1rem!important
  }

  .cmp-cag .p-xxl-4 {
      padding: 1.5rem!important
  }

  .cmp-cag .p-xxl-5 {
      padding: 3rem!important
  }

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

  .cmp-cag .px-xxl-1 {
      padding-left: .25rem!important;
      padding-right: .25rem!important
  }

  .cmp-cag .px-xxl-2 {
      padding-left: .5rem!important;
      padding-right: .5rem!important
  }

  .cmp-cag .px-xxl-3 {
      padding-left: 1rem!important;
      padding-right: 1rem!important
  }

  .cmp-cag .px-xxl-4 {
      padding-left: 1.5rem!important;
      padding-right: 1.5rem!important
  }

  .cmp-cag .px-xxl-5 {
      padding-left: 3rem!important;
      padding-right: 3rem!important
  }

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

  .cmp-cag .py-xxl-1 {
      padding-bottom: .25rem!important;
      padding-top: .25rem!important
  }

  .cmp-cag .py-xxl-2 {
      padding-bottom: .5rem!important;
      padding-top: .5rem!important
  }

  .cmp-cag .py-xxl-3 {
      padding-bottom: 1rem!important;
      padding-top: 1rem!important
  }

  .cmp-cag .py-xxl-4 {
      padding-bottom: 1.5rem!important;
      padding-top: 1.5rem!important
  }

  .cmp-cag .py-xxl-5 {
      padding-bottom: 3rem!important;
      padding-top: 3rem!important
  }

  .cmp-cag .pt-xxl-0 {
      padding-top: 0!important
  }

  .cmp-cag .pt-xxl-1 {
      padding-top: .25rem!important
  }

  .cmp-cag .pt-xxl-2 {
      padding-top: .5rem!important
  }

  .cmp-cag .pt-xxl-3 {
      padding-top: 1rem!important
  }

  .cmp-cag .pt-xxl-4 {
      padding-top: 1.5rem!important
  }

  .cmp-cag .pt-xxl-5 {
      padding-top: 3rem!important
  }

  .cmp-cag .pe-xxl-0 {
      padding-right: 0!important
  }

  .cmp-cag .pe-xxl-1 {
      padding-right: .25rem!important
  }

  .cmp-cag .pe-xxl-2 {
      padding-right: .5rem!important
  }

  .cmp-cag .pe-xxl-3 {
      padding-right: 1rem!important
  }

  .cmp-cag .pe-xxl-4 {
      padding-right: 1.5rem!important
  }

  .cmp-cag .pe-xxl-5 {
      padding-right: 3rem!important
  }

  .cmp-cag .pb-xxl-0 {
      padding-bottom: 0!important
  }

  .cmp-cag .pb-xxl-1 {
      padding-bottom: .25rem!important
  }

  .cmp-cag .pb-xxl-2 {
      padding-bottom: .5rem!important
  }

  .cmp-cag .pb-xxl-3 {
      padding-bottom: 1rem!important
  }

  .cmp-cag .pb-xxl-4 {
      padding-bottom: 1.5rem!important
  }

  .cmp-cag .pb-xxl-5 {
      padding-bottom: 3rem!important
  }

  .cmp-cag .ps-xxl-0 {
      padding-left: 0!important
  }

  .cmp-cag .ps-xxl-1 {
      padding-left: .25rem!important
  }

  .cmp-cag .ps-xxl-2 {
      padding-left: .5rem!important
  }

  .cmp-cag .ps-xxl-3 {
      padding-left: 1rem!important
  }

  .cmp-cag .ps-xxl-4 {
      padding-left: 1.5rem!important
  }

  .cmp-cag .ps-xxl-5 {
      padding-left: 3rem!important
  }

  .cmp-cag .gap-xxl-0 {
      gap: 0!important
  }

  .cmp-cag .gap-xxl-1 {
      gap: .25rem!important
  }

  .cmp-cag .gap-xxl-2 {
      gap: .5rem!important
  }

  .cmp-cag .gap-xxl-3 {
      gap: 1rem!important
  }

  .cmp-cag .gap-xxl-4 {
      gap: 1.5rem!important
  }

  .cmp-cag .gap-xxl-5 {
      gap: 3rem!important
  }

  .cmp-cag .row-gap-xxl-0 {
      row-gap: 0!important
  }

  .cmp-cag .row-gap-xxl-1 {
      row-gap: .25rem!important
  }

  .cmp-cag .row-gap-xxl-2 {
      row-gap: .5rem!important
  }

  .cmp-cag .row-gap-xxl-3 {
      row-gap: 1rem!important
  }

  .cmp-cag .row-gap-xxl-4 {
      row-gap: 1.5rem!important
  }

  .cmp-cag .row-gap-xxl-5 {
      row-gap: 3rem!important
  }

  .cmp-cag .column-gap-xxl-0 {
      -webkit-column-gap: 0!important;
      -moz-column-gap: 0!important;
      column-gap: 0!important
  }

  .cmp-cag .column-gap-xxl-1 {
      -webkit-column-gap: .25rem!important;
      -moz-column-gap: .25rem!important;
      column-gap: .25rem!important
  }

  .cmp-cag .column-gap-xxl-2 {
      -webkit-column-gap: .5rem!important;
      -moz-column-gap: .5rem!important;
      column-gap: .5rem!important
  }

  .cmp-cag .column-gap-xxl-3 {
      -webkit-column-gap: 1rem!important;
      -moz-column-gap: 1rem!important;
      column-gap: 1rem!important
  }

  .cmp-cag .column-gap-xxl-4 {
      -webkit-column-gap: 1.5rem!important;
      -moz-column-gap: 1.5rem!important;
      column-gap: 1.5rem!important
  }

  .cmp-cag .column-gap-xxl-5 {
      -webkit-column-gap: 3rem!important;
      -moz-column-gap: 3rem!important;
      column-gap: 3rem!important
  }

  .cmp-cag .text-xxl-start {
      text-align: left!important
  }

  .cmp-cag .text-xxl-end {
      text-align: right!important
  }

  .cmp-cag .text-xxl-center {
      text-align: center!important
  }
}

@media(min-width: 1200px) {
  .cmp-cag .fs-1 {
      font-size:2.5rem!important
  }

  .cmp-cag .fs-2 {
      font-size: 2rem!important
  }

  .cmp-cag .fs-3 {
      font-size: 1.75rem!important
  }

  .cmp-cag .fs-4 {
      font-size: 1.5rem!important
  }
}

@media print {
  .cmp-cag .d-print-inline {
      display: inline!important
  }

  .cmp-cag .d-print-inline-block {
      display: inline-block!important
  }

  .cmp-cag .d-print-block {
      display: block!important
  }

  .cmp-cag .d-print-grid {
      display: grid!important
  }

  .cmp-cag .d-print-inline-grid {
      display: inline-grid!important
  }

  .cmp-cag .d-print-table {
      display: table!important
  }

  .cmp-cag .d-print-table-row {
      display: table-row!important
  }

  .cmp-cag .d-print-table-cell {
      display: table-cell!important
  }

  .cmp-cag .d-print-flex {
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important
  }

  .cmp-cag .d-print-inline-flex {
      display: -webkit-inline-box!important;
      display: -ms-inline-flexbox!important;
      display: inline-flex!important
  }

  .cmp-cag .d-print-none {
      display: none!important
  }
}

.cmp-cag .container--fixed {
  padding: 0 5vw
}

@media only screen and (max-width: 576px) {
  .cmp-cag .container--fixed {
      padding:0 24px
  }
}

.cmp-cag b {
  font-weight: 700
}

.cmp-cag hr {
  --bs-border-width: 1px;
  border-color: #ababab
}

body {
  --weight-semibold: 600;
  background-color: #fff;
  color: #222;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  text-align: left
}

body,body .react-datepicker,body .ui-datepicker,body button,body input,body textarea {
  font-family: Lato,sans-serif
}

body:lang(zh),body:lang(zh) .react-datepicker,body:lang(zh) .ui-datepicker,body:lang(zh) button,body:lang(zh) input,body:lang(zh) textarea {
  font-family: Noto Sans SC,sans-serif!important
}

.button--transparent a,a.button--transparent {
  background-color: transparent;
  color: #333;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 1pc;
  text-transform: capitalize;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--transparent a:hover,a.button--transparent:hover {
  background-color: #eee
}

@media screen and (min-width: 1200px) {
  .button--transparent a,a.button--transparent {
      padding:9pt 1pc
  }
}

.button--icon a,a.button--icon {
  background-color: transparent;
  color: #333;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 1pc;
  text-transform: capitalize;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--icon a:after,a.button--icon:after {
  color: #333;
  content: "";
  padding-left: 8px
}

.button--icon a:hover,a.button--icon:hover {
  background-color: #eee
}

@media screen and (min-width: 1200px) {
  .button--icon a,a.button--icon {
      padding:9pt 1pc
  }
}

.button--primary a,a.button--primary {
  background-color: #009ad9;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 1pc;
  text-transform: capitalize;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--primary a:hover,a.button--primary:hover {
  background-color: #095679
}

@media screen and (min-width: 1200px) {
  .button--primary a,a.button--primary {
      padding:9pt 1pc
  }
}

.button--primary--icon a,a.button--primary--icon {
  background-color: #009ad9;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 1pc;
  text-transform: capitalize;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--primary--icon a:after,a.button--primary--icon:after {
  color: #fff;
  content: "";
  padding-left: 8px
}

.button--primary--icon a:hover,a.button--primary--icon:hover {
  background-color: #095679
}

@media screen and (min-width: 1200px) {
  .button--primary--icon a,a.button--primary--icon {
      padding:9pt 1pc
  }
}

.button--white a,a.button--white {
  background-color: #fff;
  color: #333;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 1pc;
  text-transform: capitalize;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--white a:hover,a.button--white:hover {
  background-color: #eee
}

@media screen and (min-width: 1200px) {
  .button--white a,a.button--white {
      padding:9pt 1pc
  }
}

.button--white--icon a,a.button--white--icon {
  background-color: #fff;
  color: #333;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 1pc;
  text-transform: capitalize;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--white--icon a:after,a.button--white--icon:after {
  color: #333;
  content: "";
  padding-left: 8px
}

.button--white--icon a:hover,a.button--white--icon:hover {
  background-color: #eee
}

@media screen and (min-width: 1200px) {
  .button--white--icon a,a.button--white--icon {
      padding:9pt 1pc
  }
}

.button--border a,a.button--border {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 1pc;
  text-transform: capitalize;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--border a:hover,a.button--border:hover {
  background-color: #eee
}

@media screen and (min-width: 1200px) {
  .button--border a,a.button--border {
      padding:9pt 1pc
  }
}

.button--border--icon a,a.button--border--icon {
  background-color: #fff;
  border: 1px solid #333;
  color: #333;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 1pc;
  text-transform: capitalize;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--border--icon a:after,a.button--border--icon:after {
  color: #333;
  content: "";
  padding-left: 8px
}

.button--border--icon a:hover,a.button--border--icon:hover {
  background-color: #eee
}

@media screen and (min-width: 1200px) {
  .button--border--icon a,a.button--border--icon {
      padding:9pt 1pc
  }
}

.button--view-more a,a.button--view-more {
  background-color: #333;
  border: 1px solid #919191;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  font-weight: 400;
  line-height: 150%;
  padding: 8px 1pc;
  text-transform: capitalize;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--view-more a:after,a.button--view-more:after {
  color: #fff;
  content: "";
  padding-left: 8px
}

.button--view-more a:hover,a.button--view-more:hover {
  background-color: #333
}

@media screen and (min-width: 1200px) {
  .button--view-more a,a.button--view-more {
      padding:9pt 1pc
  }
}

.button--view-more-noicon a,a.button--view-more {
  background-color: #000;
  border: 1px solid #000;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 1pc;
  text-decoration: none;
  text-transform: capitalize;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--view-more-noicon a:after,a.button--view-more:after {
  color: #fff;
  content: "";
  padding-left: 8px
}

.button--view-more-noicon a:hover,a.button--view-more:hover {
  background-color: #000
}

@media screen and (min-width: 1200px) {
  .button--view-more-noicon a,a.button--view-more {
      padding:9pt 1pc
  }
}

.button--modal-noicon {
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 25px;
  color: #000;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 1pc;
  padding: 9pt 2pc!important;
  text-decoration: none;
  text-transform: capitalize;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--modal-noicon:after {
  color: #000;
  content: "";
  padding-left: 8px
}

.button--modal-noicon:hover {
  background-color: #000
}

@media screen and (min-width: 1200px) {
  .button--modal-noicon {
      padding:9pt 1pc
  }
}

.button--modal-noicon:hover {
  color: #fff
}

.button--modal-noicon:after {
  display: none
}

.button--modal-noicon.btn-primary {
  background-color: #000;
  color: #fff
}

.button--view-more-noicon {
  background: none;
  border: 0
}

.button--view-more-noicon a:after {
  padding: 0
}

.button--expand a,.button--expand button,a.button--expand {
  background-color: #333;
  border: 1px solid #919191;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 1pc;
  text-transform: capitalize;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--expand a:after,.button--expand button:after,a.button--expand:after {
  color: #fff;
  content: "";
  padding-left: 8px
}

.button--expand a:hover,.button--expand button:hover,a.button--expand:hover {
  background-color: #095679
}

@media screen and (min-width: 1200px) {
  .button--expand a,.button--expand button,a.button--expand {
      padding:9pt 1pc;
      padding: 9pt 24px
  }
}

.button--collapse a,.button--collapse button,a.button--collapse {
  background-color: #333;
  border: 1px solid #919191;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 1pc;
  text-transform: capitalize;
  text-transform: uppercase;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.button--collapse a:after,.button--collapse button:after,a.button--collapse:after {
  color: #fff;
  content: "";
  padding-left: 8px
}

.button--collapse a:hover,.button--collapse button:hover,a.button--collapse:hover {
  background-color: #095679
}

@media screen and (min-width: 1200px) {
  .button--collapse a,.button--collapse button,a.button--collapse {
      padding:9pt 1pc;
      padding: 9pt 24px
  }
}

.link--xl {
  color: #095679;
  cursor: pointer;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: underline;
  text-transform: capitalize
}

.link--xl:hover {
  text-decoration: none
}

.link--l {
  color: #095679;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: underline;
  text-transform: capitalize
}

.link--l:hover {
  text-decoration: none
}

.link--m {
  color: #095679;
  cursor: pointer;
  font-size: 1pc;
  font-weight: 700;
  line-height: 24px;
  text-decoration: underline;
  text-transform: capitalize
}

.link--m:hover {
  text-decoration: none
}

.tab {
  background-color: #fff;
  border: 1px solid #919191;
  color: #222;
  cursor: pointer;
  display: inline-block;
  font-size: 1pc;
  font-weight: 400;
  line-height: 24px;
  padding: 8px 9pt;
  text-align: center;
  text-transform: capitalize;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

@media screen and (min-width: 1200px) {
  .tab {
      font-size:18px;
      padding: 1pc
  }
}

.tab:before {
  content: attr(data-text);
  display: block;
  font-weight: 700;
  height: 0;
  overflow: hidden;
  visibility: hidden
}

.tab:hover {
  background-color: #f7f7f7;
  border: 1px solid #333;
  font-weight: var(--weight-semibold)
}

.tab--active {
  cursor: default;
  font-weight: var(--weight-semibold)
}

.tab--active,.tab--active:hover {
  background-color: #009ad9;
  border-color: #009ad9;
  color: #fff
}

.cmp-accordion {
  border-bottom: 1px solid #ccc
}

.cmp-accordion__icon {
  display: inline-block;
  height: 8px;
  position: relative;
  top: 2px;
  width: 8px
}

@media only screen and (max-width: 576px) {
  .cmp-accordion__icon {
      height:40px;
      width: 40px
  }
}

.cmp-accordion__icon:before {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  top: -7px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 10px
}

@media only screen and (max-width: 576px) {
  .cmp-accordion__icon:before {
      top:7px
  }
}

.cmp-accordion__button {
  background: #fff;
  border: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  padding: 24px;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .cmp-accordion__button {
      font-size:18px;
      letter-spacing: .18pc
  }
}

@media only screen and (max-width: 576px) {
  .cmp-accordion__button {
      display:-webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-align: left
  }
}

.cmp-accordion__button--expanded .cmp-accordion__icon:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media only screen and (max-width: 576px) {
  .cmp-accordion__button--expanded .cmp-accordion__icon:before {
      top:20px
  }
}

.cmp-accordion__title {
  color: #222;
  line-height: 24px;
  margin-right: 5px
}

.cmp-accordion__title span {
  color: #7a35b0
}

.cmp-accordion__panel {
  padding: 40px 0 60px
}

@media only screen and (max-width: 1024px) {
  .cmp-accordion__panel {
      padding:24px 0 40px
  }
}

.cmp-accordion-panel-p__0 .cmp-accordion__panel {
  padding: 0
}

@media only screen and (max-width: 1024px) {
  .cmp-accordion-panel-p__0 .cmp-accordion__panel {
      padding:0
  }
}

.cmp-accordion--secondary .cmp-accordion__button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: space-between;
  letter-spacing: 2.8px;
  line-height: 120%;
  padding: 24px 0;
  text-align: left;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-accordion--secondary .cmp-accordion__button {
      font-size:18px;
      letter-spacing: .18pc
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-accordion--secondary .cmp-accordion__icon {
      height:10px;
      width: 10px
  }
}

.cmp-accordion--secondary .cmp-accordion__icon:before {
  top: -4px
}

.cmp-accordion--secondary .cmp-accordion__panel {
  padding: 0 0 24px
}

.cmp-accordion--secondary .cmp-accordion__panel .container {
  padding: 0
}

.cmp-accordion--secondary .cmp-accordion__item {
  border-top: 1px solid #ccc
}

@media only screen and (max-width: 1024px) {
  .cmp-accordion--secondary .cmp-accordion__item:first-child {
      border:0
  }
}

.cmp-accordion--secondary .cmp-accordion__header {
  cursor: pointer;
  margin: 0
}

.cmp-accordion--default {
  border-bottom: none
}

.cmp-accordion--default .cmp-accordion__header {
  margin-bottom: 0!important
}

.cmp-accordion--default .cmp-accordion__button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  position: relative;
  width: 100%
}

.cmp-accordion--default .cmp-accordion__button--expanded .cmp-accordion__icon:before {
  top: 50%
}

.cmp-accordion--default .cmp-accordion__title {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 120%;
  max-width: 90%;
  text-align: left
}

@media only screen and (max-width: 768px) {
  .cmp-accordion--default .cmp-accordion__title {
      font-size:20px
  }
}

.cmp-accordion--default .cmp-accordion__icon {
  height: 24px;
  width: 24px
}

.cmp-accordion--default .cmp-accordion__panel {
  padding: 3px 0 40px
}

.cmp-accordion--default .cmp-accordion__panel .container {
  padding: 0
}

.cmp-accordion--default .cmp-accordion__panel p {
  color: #222;
  font-size: 1pc;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-accordion--default .cmp-accordion__panel p {
      font-size:1pc
  }
}

.cmp-accordion--default .cmp-accordion__panel p:last-child {
  margin-bottom: 0
}

.cmp-accordion--default .cmp-accordion__panel p {
  font-weight: 400
}

.cmp-accordion--default .cmp-accordion__panel p b {
  font-weight: 700
}

.cmp-accordion--default .cmp-accordion__panel p:has(b) {
  margin-bottom: 5px
}

.cmp-accordion--default .cmp-accordion__panel .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0
}

.cmp-accordion--default .cmp-accordion__item {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc
}

.cmp-accordion--default .cmp-accordion__item:first-child {
  border-top: 2px solid #ccc
}

@media screen and (max-width: 440px) {
  .cmp-accordion--default .cmp-accordion {
      margin:0 auto;
      max-width: 327px
  }
}

@media screen and (min-width: 992px) {
  .cmp-accordion--default .cmp-accordion__title {
      text-align:left
  }

  .cmp-accordion--default .cmp-accordion__icon:before {
      top: 2px
  }

  .cmp-accordion--default .cmp-accordion__button {
      padding: 30px 0
  }

  .cmp-accordion--default .cmp-accordion__panel {
      padding: 3px 0 2pc
  }

  .cmp-accordion--default .cmp-accordion__panel p {
      margin-bottom: 1pc
  }

  .cmp-accordion--default .cmp-accordion__panel .container {
      padding: 0
  }
}

.cmp-accordion--default .cmp-accordion__button {
  background: transparent!important
}

.airlinelists {
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%
}

.airlinelists .error-container {
  text-align: center
}

.airlinelists .display-sm {
  display: none!important
}

@media only screen and (max-width: 991px) {
  .airlinelists .display-lg {
      display:none!important
  }

  .airlinelists .display-sm {
      display: block!important
  }
}

@media only screen and (max-width: 767px) {
  .airlinelists {
      padding-left:24px;
      padding-right: 24px
  }
}

.airlinelists__filter {
  padding-bottom: 24px;
  padding-top: 24px
}

@media only screen and (max-width: 991px) {
  .airlinelists__filter {
      padding-bottom:40px
  }
}

.airlinelists__filter-item .masked-input {
  width: 302px
}

@media only screen and (max-width: 767px) {
  .airlinelists__filter-item .masked-input {
      width:100%
  }
}

.airlinelists__filter-item .masked-input label {
  color: #222;
  display: block;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 4px
}

.airlinelists__filter-item .masked-input .css-13cymwt-control,.airlinelists__filter-item .masked-input .css-blhudp-control,.airlinelists__filter-item .masked-input .css-t3ipsp-control,.airlinelists__filter-item .masked-input .css-v68sna-control {
  border: 1px solid #222;
  border-radius: 8px
}

.airlinelists__filter-item .masked-input .css-13cymwt-control .css-1dimb5e-singleValue,.airlinelists__filter-item .masked-input .css-blhudp-control .css-1dimb5e-singleValue,.airlinelists__filter-item .masked-input .css-t3ipsp-control .css-1dimb5e-singleValue,.airlinelists__filter-item .masked-input .css-v68sna-control .css-1dimb5e-singleValue {
  padding-left: 10px
}

.airlinelists__filter-item .masked-input .css-13cymwt-control .css-1u9des2-indicatorSeparator,.airlinelists__filter-item .masked-input .css-blhudp-control .css-1u9des2-indicatorSeparator,.airlinelists__filter-item .masked-input .css-t3ipsp-control .css-1u9des2-indicatorSeparator,.airlinelists__filter-item .masked-input .css-v68sna-control .css-1u9des2-indicatorSeparator {
  display: none
}

.airlinelists__filter-item .masked-input .css-13cymwt-control .css-1xc3v61-indicatorContainer svg,.airlinelists__filter-item .masked-input .css-blhudp-control .css-1xc3v61-indicatorContainer svg,.airlinelists__filter-item .masked-input .css-t3ipsp-control .css-1xc3v61-indicatorContainer svg,.airlinelists__filter-item .masked-input .css-v68sna-control .css-1xc3v61-indicatorContainer svg {
  color: #222
}

.airlinelists__filter-item .masked-input .css-13cymwt-control .css-1fdsijx-ValueContainer,.airlinelists__filter-item .masked-input .css-blhudp-control .css-1fdsijx-ValueContainer,.airlinelists__filter-item .masked-input .css-t3ipsp-control .css-1fdsijx-ValueContainer,.airlinelists__filter-item .masked-input .css-v68sna-control .css-1fdsijx-ValueContainer {
  padding: 7px 8px
}

.airlinelists__filter-item .masked-input .css-13cymwt-control:active,.airlinelists__filter-item .masked-input .css-13cymwt-control:focus-visible,.airlinelists__filter-item .masked-input .css-13cymwt-control:hover,.airlinelists__filter-item .masked-input .css-blhudp-control:active,.airlinelists__filter-item .masked-input .css-blhudp-control:focus-visible,.airlinelists__filter-item .masked-input .css-blhudp-control:hover,.airlinelists__filter-item .masked-input .css-t3ipsp-control:active,.airlinelists__filter-item .masked-input .css-t3ipsp-control:focus-visible,.airlinelists__filter-item .masked-input .css-t3ipsp-control:hover,.airlinelists__filter-item .masked-input .css-v68sna-control:active,.airlinelists__filter-item .masked-input .css-v68sna-control:focus-visible,.airlinelists__filter-item .masked-input .css-v68sna-control:hover {
  border: 1px solid #7a35b0;
  -webkit-box-shadow: 0 0 0 1px #7a35b0;
  box-shadow: 0 0 0 1px #7a35b0;
  outline: 1px solid #7a35b0
}

.airlinelists__filter-item .masked-input .cmp-flight-listing-dropdown__control {
  border: 1px solid #222;
  border-radius: 8px
}

.airlinelists__filter-item .masked-input .cmp-flight-listing-dropdown__control .css-1dimb5e-singleValue {
  padding-left: 10px
}

.airlinelists__filter-item .masked-input .cmp-flight-listing-dropdown__control .css-1u9des2-indicatorSeparator {
  display: none
}

.airlinelists__filter-item .masked-input .cmp-flight-listing-dropdown__control:active,.airlinelists__filter-item .masked-input .cmp-flight-listing-dropdown__control:focus .airlinelists__filter-item .masked-input .cmp-flight-listing-dropdown__control--menu-is-open,.airlinelists__filter-item .masked-input .cmp-flight-listing-dropdown__control:focus-visible,.airlinelists__filter-item .masked-input .cmp-flight-listing-dropdown__control:hover {
  border: 1px solid #7a35b0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  outline: none!important
}

.airlinelists__filter-item .masked-input .cmp-flight-listing-dropdown__control.css-blhudp-control {
  border: 1px solid #7a35b0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  outline: none!important
}

.airlinelists__filter-item .masked-input .cmp-flight-listing-dropdown__indicator svg {
  color: #222
}

.airlinelists__filter-item .masked-input .cmp-flight-listing-dropdown__value-container {
  padding: 9pt 8px
}

.airlinelists__wrapper .heading.airlinelist {
  color: #999;
  font-size: 9pt;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .airlinelists__wrapper .heading.airlinelist {
      font-size:14px
  }
}

.airlinelists__wrapper .airlinelist {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 0
}

@media only screen and (max-width: 991px) {
  .airlinelists__wrapper .airlinelist {
      padding:2pc 0
  }
}

.airlinelists__wrapper .airlinelist__contact,.airlinelists__wrapper .airlinelist__early-checkin,.airlinelists__wrapper .airlinelist__regular-checkin {
  padding-right: 24px;
  width: 20%
}

.airlinelists__wrapper .airlinelist__code {
  padding-right: 24px;
  width: 25%
}

.airlinelists__wrapper .airlinelist__code-details {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.airlinelists__wrapper .airlinelist__code-details-image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 40px;
  margin-right: 1pc;
  width: 40px
}

.airlinelists__wrapper .airlinelist__code-details-image img {
  height: 100%;
  width: 100%
}

.airlinelists__wrapper .airlinelist__code-details-title {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .airlinelists__wrapper .airlinelist__code-details-title {
      font-size:18px
  }
}

.airlinelists__wrapper .airlinelist .icon-desc-cmp-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.airlinelists__wrapper .airlinelist .icon-desc-cmp-container .icon {
  height: 25px;
  margin-right: 8px;
  min-width: 1pc;
  width: 1pc
}

.airlinelists__wrapper .airlinelist .icon-desc-cmp-container .desc {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .airlinelists__wrapper .airlinelist .icon-desc-cmp-container .desc {
      font-size:14px
  }
}

.airlinelists__wrapper .airlinelist .icon-desc-cmp-container .desc a {
  color: #222;
  text-decoration: none
}

.airlinelists__wrapper .airlinelist__regular-checkin .checkin__location {
  margin-bottom: 4px
}

.airlinelists__wrapper .airlinelist__regular-checkin .checkin__location .icon {
  background: url(clientlib-site/resources/images/checkin_location_purple.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.airlinelists__wrapper .airlinelist__regular-checkin .checkin__location .icon.disabled {
  background: url(clientlib-site/resources/images/checkin_location_gray.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.airlinelists__wrapper .airlinelist__regular-checkin .checkin__location .location {
  font-weight: 700;
  text-transform: capitalize
}

.airlinelists__wrapper .airlinelist__regular-checkin .checkin__time .icon {
  background: url(clientlib-site/resources/images/checkin_time_gray.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.airlinelists__wrapper .airlinelist__regular-checkin .checkin__time .time {
  font-weight: 400
}

.airlinelists__wrapper .airlinelist__early-checkin .checkin__location {
  margin-bottom: 4px
}

.airlinelists__wrapper .airlinelist__early-checkin .checkin__location .icon {
  background: url(clientlib-site/resources/images/checkin_location_purple.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.airlinelists__wrapper .airlinelist__early-checkin .checkin__location .icon.disabled {
  background: url(clientlib-site/resources/images/checkin_location_gray.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.airlinelists__wrapper .airlinelist__early-checkin .checkin__location .location {
  font-weight: 700;
  text-transform: capitalize
}

.airlinelists__wrapper .airlinelist__early-checkin .checkin__time .icon {
  background: url(clientlib-site/resources/images/checkin_time_gray.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.airlinelists__wrapper .airlinelist__early-checkin .checkin__time .time {
  font-weight: 400
}

.airlinelists__wrapper .airlinelist__contact .contact__globe {
  margin-bottom: 4px
}

.airlinelists__wrapper .airlinelist__contact .contact__globe .icon {
  background: url(clientlib-site/resources/images/globe.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.airlinelists__wrapper .airlinelist__contact .contact__globe.gha {
  margin-top: 8px
}

.airlinelists__wrapper .airlinelist__contact .contact__phone .icon {
  background: url(clientlib-site/resources/images/phone.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.airlinelists__wrapper .airlinelist__contact .contact .desc {
  font-weight: 700
}

.airlinelists__wrapper .airlinelist__details {
  width: 15%
}

@media only screen and (min-width: 991px) {
  .airlinelists__wrapper .airlinelist__details {
      padding-top:15px
  }
}

.airlinelists__wrapper .airlinelist__details .details-btn a {
  background: #fff;
  border: 2px solid #222;
  border-radius: 30px;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc;
  text-decoration: none
}

@media only screen and (min-width: 991px)and (max-width:1024px) {
  .airlinelists__wrapper .airlinelist__details .details-btn a {
      padding:9pt 10px
  }
}

@media only screen and (min-width: 1024px)and (max-width:1140px) {
  .airlinelists__wrapper .airlinelist__details .details-btn a {
      padding:9pt 15px
  }
}

@media only screen and (min-width: 1141px)and (max-width:1280px) {
  .airlinelists__wrapper .airlinelist__details .details-btn a {
      padding:9pt 20px
  }
}

.airlinelists__wrapper .airlinelist__details .details-btn a:hover {
  border: 2px solid #454545;
  color: #454545
}

.airlinelists__wrapper .airlinelist.cargo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.airlinelists__wrapper .airlinelist.cargo .airlinelist__details {
  padding: 0
}

.airlinelists__wrapper .airlinelist.cargo .airlinelist__details .details-btn a {
  display: inline-block
}

.airlinelists__wrapper .airlinelist.cargo .airlinelist__agent__globe {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.airlinelists__wrapper .airlinelist.accordian {
  display: block
}

.airlinelists__wrapper .airlinelist.accordian .airlinelist__code,.airlinelists__wrapper .airlinelist.accordian .airlinelist__contact,.airlinelists__wrapper .airlinelist.accordian .airlinelist__details,.airlinelists__wrapper .airlinelist.accordian .airlinelist__early-checkin,.airlinelists__wrapper .airlinelist.accordian .airlinelist__regular-checkin,.airlinelists__wrapper .airlinelist.accordian .content-bottom {
  width: 100%
}

.airlinelists__wrapper .airlinelist.accordian label {
  color: #999;
  display: block;
  font-size: 9pt;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 8px
}

@media only screen and (max-width: 768px) {
  .airlinelists__wrapper .airlinelist.accordian label {
      font-size:14px
  }
}

.airlinelists__wrapper .airlinelist.accordian .airline-accordian-btn {
  background: #fff;
  border: none;
  text-align: left;
  width: 100%
}

.airlinelists__wrapper .airlinelist.accordian .airline-accordian-btn .airlinelist__code {
  margin-bottom: 24px
}

.airlinelists__wrapper .airlinelist.accordian .airline-accordian-btn .airlinelist__code:after {
  border: solid #222;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  margin: -26px 28px 0 0;
  padding: 3px;
  position: absolute;
  right: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media only screen and (min-width: 768px)and (max-width:991px) {
  .airlinelists__wrapper .airlinelist.accordian .airline-accordian-btn .airlinelist__code:after {
      margin:-26px 3pc 0 0
  }
}

.airlinelists__wrapper .airlinelist.accordian .airline-accordian-btn .airlinelist__code.open:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.airlinelists__wrapper .airlinelist.accordian .airline-accordian-btn .airlinelist__code .airlinelist__code-details-title {
  padding-right: 10px
}

.airlinelists__wrapper .airlinelist.accordian .content-bottom {
  margin-top: 1pc
}

.airlinelists__wrapper .airlinelist.accordian .content-bottom .airlinelist__early-checkin {
  border-top: 1px solid #e5e5e5;
  margin-bottom: 1pc;
  padding-top: 1pc
}

.airlinelists__wrapper .airlinelist.accordian .content-bottom .airlinelist__contact {
  background: #f7f7f7;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1pc
}

.airlinelists__wrapper .airlinelist.accordian .content-bottom .airlinelist__contact .contact__globe.gha {
  margin-top: 1pc
}

.airlinelists__wrapper .airlinelist.accordian .content-bottom .airlinelist__details {
  margin-bottom: 28px;
  margin-top: 28px;
  text-align: center
}

.airlinelists__wrapper .airlinelist.cargo .airlinelist__agent__globe .icon {
  background: url(clientlib-site/resources/images/globe.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.airlinelists__wrapper .airlinelist.cargo .airlinelist__code {
  width: 35%
}

.airlinelists__wrapper .airlinelist.cargo .airlinelist__agent {
  width: 20%
}

.airlinelists__wrapper .airlinelist.cargo .airlinelist__agent .airlinelist__agent__globe .desc {
  font-weight: 700;
  text-transform: uppercase
}

.airlinelists__wrapper .airlinelist.cargo .airlinelist__website {
  width: 30%
}

.airlinelists__wrapper .airlinelist.cargo .airlinelist__website .airlinelist__agent__globe .desc a {
  color: #222;
  font-weight: 700;
  letter-spacing: .192px;
  text-decoration: none;
  text-transform: capitalize
}

.airlinelists__wrapper .airlinelist.cargo .airlinelist__details {
  width: 15%
}

.airlinelists__wrapper .airlinelist.cargo.accordian .airline-accordian-btn .airlinelist__code {
  margin-bottom: 0;
  width: 100%
}

.airlinelists__wrapper .airlinelist.cargo.accordian .content-bottom .content-bg {
  background: #f7f7f7;
  border-radius: 4px;
  padding: 1pc
}

.airlinelists__wrapper .airlinelist.cargo.accordian .content-bottom .content-bg .airlinelist__agent,.airlinelists__wrapper .airlinelist.cargo.accordian .content-bottom .content-bg .airlinelist__contact {
  width: 100%
}

.airlinelists__wrapper .airlinelist.cargo.accordian .content-bottom .content-bg .airlinelist__contact {
  background: transparent;
  border-radius: 0;
  margin-top: 1pc;
  padding: 0
}

.airlinelists__wrapper .airlinelist.cargo.accordian .content-bottom .content-bg .airlinelist__contact .desc a {
  color: #222;
  font-weight: 700;
  letter-spacing: .192px;
  text-decoration: none;
  text-transform: capitalize
}

.airlinelists__wrapper .airlinelist.cargo.accordian .content-bottom .airlinelist__details {
  width: 100%
}

.airlinelists__disclaimer {
  color: #999
}

.cmp-linklist--anchor {
  -webkit-text-size-adjust: 100%
}

.cmp-linklist--anchor .cmp-list {
  -ms-overflow-style: none;
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 1pc;
  list-style: none;
  margin: 0 auto;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 40px 5vw;
  scrollbar-width: none;
  white-space: nowrap;
  width: auto
}

.cmp-linklist--anchor .cmp-list::-webkit-scrollbar {
  display: none
}

@media only screen and (max-width: 1024px) {
  .cmp-linklist--anchor .cmp-list {
      padding:24px
  }
}

.cmp-linklist--anchor .cmp-list li a {
  background: #f7f7f7;
  border-radius: 60px;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 150%;
  overflow: hidden;
  padding: 6px 1pc;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  z-index: 1
}

@media only screen and (max-width: 768px) {
  .cmp-linklist--anchor .cmp-list li a {
      font-size:14px
  }
}

.cmp-linklist--anchor .cmp-list li a span {
  position: relative;
  z-index: 1
}

.cmp-linklist--anchor .cmp-list li div {
  background: #e5e5e5;
  height: 100%;
  left: 0;
  max-width: 100%;
  position: absolute;
  top: 0;
  -webkit-transition: all 60ms ease-out 0s;
  transition: all 60ms ease-out 0s
}

.cmp-linklist--anchor__center .cmp-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media only screen and (max-width: 768px) {
  .cmp-linklist--anchor__center .cmp-list {
      -webkit-box-pack:unset;
      -ms-flex-pack: unset;
      justify-content: unset
  }
}

.cmp-linklist--anchor__left .cmp-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.cmp-linklist--anchor__right .cmp-list {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.cmp-linklist--anchor__sa .cmp-list {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

@media only screen and (max-width: 768px) {
  .cmp-linklist--anchor__sa .cmp-list {
      -webkit-box-pack:unset;
      -ms-flex-pack: unset;
      justify-content: unset
  }
}

.cmp-linklist--anchor__sb .cmp-list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.cmp-linklist--anchor__se .cmp-list {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

.fade-enter-active {
  opacity: 0;
  -webkit-transform: scale(.9);
  transform: scale(.9)
}

.fade-enter-done {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: opacity .3s,-webkit-transform .3s;
  transition: opacity .3s,-webkit-transform .3s;
  transition: opacity .3s,transform .3s;
  transition: opacity .3s,transform .3s,-webkit-transform .3s
}

.an-wrapper.an-active {
  max-height: 750pt
}

.an-wrapper {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out
}

.an-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #fff;
  border-top: 3px solid #7a35b0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  padding: 24px 5pc;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .an-container {
      font-size:14px
  }
}

.an-container .an-middle-section {
  -webkit-animation: slideIn 7s linear infinite;
  animation: slideIn 7s linear infinite;
  cursor: pointer;
  opacity: 0;
  position: relative
}

.an-container .an-pause {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  opacity: 1;
  top: 0!important
}

.an-container .an-header {
  grid-column-gap: 24px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(63px,-webkit-max-content) auto minmax(145px,-webkit-max-content);
  grid-template-columns: minmax(63px,max-content) auto minmax(145px,max-content);
  line-height: 18px;
  margin: 0;
  padding: 0;
  width: 100%
}

.an-container .an-header .an-info-section {
  color: #7a35b0;
  gap: 4px
}

.an-container .an-header .an-close-section,.an-container .an-header .an-info-section {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700
}

.an-container .an-header .an-close-section {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  font-size: 14px;
  gap: 24px;
  justify-content: end;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .an-container .an-header .an-close-section {
      font-size:1pc
  }
}

.an-container .an-header .an-close-section .an-accordion-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  justify-content: space-between
}

.an-container .an-header .an-close-section .an-accordion-header .an-accordion-icon {
  display: inline-block;
  height: 1pc;
  position: relative;
  top: 4px;
  width: 1pc
}

.an-container .an-header .an-close-section .an-accordion-header .an-accordion-icon:before {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 4px
}

.an-container .an-header .an-close-section .an-accordion-header .an-expanded:before {
  top: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.an-container .truncate {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden
}

.an-container .an-mobile-only {
  display: none
}

.an-container .an-web-only {
  display: block
}

.an-container .an-content-section .an-content-list {
  border-bottom: 1px solid #ababab;
  padding: 24px 0
}

.an-container .an-content-section .an-content-list .an-content-list-item {
  color: #222
}

.an-container .an-content-section .an-content-list .an-content-list-item a {
  color: inherit;
  font-weight: 700;
  text-decoration: none
}

.an-container .an-content-section .an-content-list:last-child {
  border-bottom: none;
  padding: 24px 0 0
}

.an-container .an-content-section .an-content-list:first-child {
  border-bottom: 1px solid #ababab;
  padding: 0 0 24px
}

.an-container .an-content-section .an-content-list:only-child {
  border-bottom: none;
  padding: 0
}

.an-container .an-content-section .an-content-list * {
  font-size: inherit;
  margin: 0;
  padding: 0
}

@media only screen and (max-width: 991px) {
  .an-container {
      padding:1pc 24px 24px
  }

  .an-container .truncate {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden
  }

  .an-container .an-content-section {
      padding-top: 24px
  }

  .an-container .an-mobile-only {
      display: block;
      min-height: 60px;
      overflow: hidden
  }

  .an-container .an-web-only {
      display: none
  }
}

.an-container .an-close-icon {
  content: url(clientlib-site/resources/images/close.svg);
  cursor: pointer
}

.an-container .an-info-icon {
  content: url(clientlib-site/resources/images/info-purple.svg)
}

@-webkit-keyframes slideIn {
  0% {
      top: 40px
  }

  30% {
      opacity: 1;
      top: 0
  }

  50% {
      opacity: 1;
      top: 0
  }

  60% {
      opacity: 1;
      top: 0
  }

  to {
      top: -40px
  }
}

@keyframes slideIn {
  0% {
      top: 40px
  }

  30% {
      opacity: 1;
      top: 0
  }

  50% {
      opacity: 1;
      top: 0
  }

  60% {
      opacity: 1;
      top: 0
  }

  to {
      top: -40px
  }
}

.cmp-container-awardssection .cmp-custom-container {
  padding: 0
}

.cmp-container-awardssection .button.cmp-button-primary.cmp-button-light-bg a {
  display: inline-block;
  padding: 9pt 30px
}

.cmp-container-awardssection .cmp-cag .row>*,.cmp-container-awardssection .cmp-teaser__content,.cmp-container-awardssection .row {
  margin: 0;
  padding: 0
}

.cmp-container-awardssection .cmp-subheading__text,.cmp-container-awardssection .cmp-title__text {
  color: #222;
  font-style: normal
}

.cmp-container-awardssection .cmp-subsection--awards .cmp-title__text {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin: 24px 0 4px
}

@media only screen and (max-width: 768px) {
  .cmp-container-awardssection .cmp-subsection--awards .cmp-title__text {
      font-size:14px
  }
}

.cmp-container-awardssection .cmp-subsection--awards .cmp-pre-title__text {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-container-awardssection .cmp-subsection--awards .cmp-pre-title__text {
      font-size:24px
  }
}

.cmp-container-awardssection .cmp-subsection--awards .cmp-text p {
  color: #7a35b0;
  font-size: 72px;
  font-weight: 400;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-container-awardssection .cmp-subsection--awards .cmp-text p {
      font-size:56px
  }
}

@media only screen and (max-width: 576px) {
  .cmp-container-awardssection .cmp-subsection--awards .cmp-text p {
      margin-bottom:24px
  }
}

.cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-title__text {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-title__text {
      font-size:14px
  }
}

.cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-teaser__imagesection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px
}

.cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-teaser__chip {
  width: 6pc
}

.cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-chip__text {
  background: #e5e5e5;
  border-radius: 60px;
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  padding: 4px 15px;
  text-align: center;
  text-indent: 2.4px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-chip__text {
      font-size:9pt
  }
}

.cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-teaser__image {
  height: 40px;
  width: 40px
}

@media only screen and (max-width: 576px) {
  .cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-teaser__image {
      height:24px;
      width: 24px
  }
}

.cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-subheading__text {
  color: #222;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 8px
}

@media only screen and (max-width: 768px) {
  .cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-subheading__text {
      font-size:24px
  }
}

.cmp-container-awardssection .cmp-cardlisting—awardssection .cards-tertiary-section {
  border-bottom: 1px solid #ccc;
  padding: 24px 0
}

.cmp-container-awardssection .cmp-cardlisting—awardssection .cards-tertiary-section:last-child {
  border-bottom: 0
}

@media only screen and (max-width: 576px) {
  .cmp-container-awardssection .cmp-cardlisting—awardssection .cards-tertiary-section {
      padding:40px 0
  }

  .cmp-container-awardssection .cmp-cardlisting—awardssection .cards-tertiary-section:first-child {
      padding-top: 1pc
  }
}

.cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-teaser__description .cmp-text p {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin: 0 0 8px
}

@media only screen and (max-width: 768px) {
  .cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-teaser__description .cmp-text p {
      font-size:14px
  }
}

.cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-teaser__description .cmp-text p.dark-grey-text {
  color: #454545;
  margin: 0
}

@media screen and (max-width: 991px) {
  .cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-teaser__imagesection {
      margin-bottom:1pc
  }

  .cmp-container-awardssection .cmp-custom-container {
      padding: 40px 24px
  }

  .cmp-container-awardssection .cmp-cardlisting--tertiary {
      padding: 40px 0 0
  }
}

@media screen and (min-width: 992px) {
  .cmp-container-awardssection {
      margin:0 auto;
      padding: 60px 5vw
  }

  .cmp-container-awardssection .col-md-6:first-child .aem-Grid {
      display: block;
      margin: 0 auto;
      max-width: 411px
  }

  .cmp-container-awardssection .col-md-6:last-child .cards-tertiary-section .teaser {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 40px
  }

  .cmp-container-awardssection .col-md-6:last-child .cards-tertiary-section .cmp-title__text {
      font-size: 14px;
      font-weight: 700;
      line-height: 150%;
      margin-bottom: 8px
  }

  .cmp-container-awardssection .cmp-subsection--awards .cmp-text p {
      margin-bottom: 24px
  }

  .cmp-container-awardssection .row .cmp-banner__pre-title .cmp-pre-title__text {
      font-size: 24px;
      font-weight: 500;
      letter-spacing: .24pc;
      line-height: 120%;
      padding-top: 40px
  }
}

@media only screen and (min-width: 992px)and (max-width:768px) {
  .cmp-container-awardssection .row .cmp-banner__pre-title .cmp-pre-title__text {
      font-size:24px
  }
}

@media only screen and (min-width: 992px)and (max-width:576px) {
  .cmp-container-awardssection .row .cmp-banner__pre-title .cmp-pre-title__text {
      padding-top:0
  }
}

@media screen and (min-width: 992px) {
  .cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-teaser__imagesection {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 9pt
  }

  .cmp-container-awardssection .cmp-cardlisting—awardssection .cmp-cardlisting--tertiary {
      padding: 0 24px
  }

  .cmp-container-awardssection .cmp-cardlisting—awardssection .cards-tertiary-section {
      border-bottom: 1px solid #ccc;
      padding: 40px 0
  }
}

@media screen and (min-width: 767px)and (max-width:991px) {
  .cmp-container-awardssection .cmp-cardlisting--tertiary,.cmp-container-awardssection .cmp-cardlisting—awardssection,.cmp-container-awardssection .cmp-cardlisting—awardssection .cards-tertiary-section:first-child {
      padding-top:0
  }
}

.cmp-banner--homepage__dark .banner-overlay {
  background: radial-gradient(28.37% 50.08% at 77.33% 49.92%,transparent 0,transparent 26.14%,rgba(0,0,0,.25) 53.28%,rgba(0,0,0,.35) 69.92%,rgba(0,0,0,.5) 100%)
}

@media only screen and (max-width: 767px) {
  .cmp-banner--homepage__dark .banner-overlay {
      background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.2)),color-stop(60.83%,rgba(0,0,0,.5)));
      background: linear-gradient(1turn,rgba(0,0,0,.2),rgba(0,0,0,.5) 60.83%)
  }
}

.cmp-banner--homepage__light .banner-overlay {
  background: radial-gradient(28.37% 50.08% at 77.33% 49.92%,transparent 0,transparent 26.14%,rgba(0,0,0,.15) 53.28%,rgba(0,0,0,.21) 69.92%,rgba(0,0,0,.3) 100%)
}

@media only screen and (max-width: 767px) {
  .cmp-banner--homepage__light .banner-overlay {
      background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.12)),color-stop(60.83%,rgba(0,0,0,.3)));
      background: linear-gradient(1turn,rgba(0,0,0,.12),rgba(0,0,0,.3) 60.83%)
  }
}

.cmp-banner--campaign,.cmp-banner--homepage,.cmp-banner--homepage__dark,.cmp-banner--homepage__light {
  min-height: 650px;
  position: relative;
  width: 100%
}

.cmp-banner--campaign .show,.cmp-banner--homepage .show,.cmp-banner--homepage__dark .show,.cmp-banner--homepage__light .show {
  display: block!important
}

.cmp-banner--campaign .hide,.cmp-banner--homepage .hide,.cmp-banner--homepage__dark .hide,.cmp-banner--homepage__light .hide {
  display: none!important
}

.cmp-banner--campaign .glide__slides .image,.cmp-banner--campaign .glide__slides .video,.cmp-banner--homepage .glide__slides .image,.cmp-banner--homepage .glide__slides .video,.cmp-banner--homepage__dark .glide__slides .image,.cmp-banner--homepage__dark .glide__slides .video,.cmp-banner--homepage__light .glide__slides .image,.cmp-banner--homepage__light .glide__slides .video {
  max-height: 650px;
  overflow-y: hidden
}

.cmp-banner--campaign .banner-overlay,.cmp-banner--homepage .banner-overlay,.cmp-banner--homepage__dark .banner-overlay,.cmp-banner--homepage__light .banner-overlay {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 2
}

.cmp-banner--campaign .image,.cmp-banner--homepage .image,.cmp-banner--homepage__dark .image,.cmp-banner--homepage__light .image {
  margin: 0 auto;
  min-height: 650px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1
}

.cmp-banner--campaign .image img,.cmp-banner--homepage .image img,.cmp-banner--homepage__dark .image img,.cmp-banner--homepage__light .image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%
}

.cmp-banner--campaign .image.enablekenburns img,.cmp-banner--homepage .image.enablekenburns img,.cmp-banner--homepage__dark .image.enablekenburns img,.cmp-banner--homepage__light .image.enablekenburns img {
  animation: move 30s ease infinite;
  -ms-animation: move 30s ease infinite;
  -webkit-animation: move 30s ease infinite;
  -o-animation: move 30s ease infinite;
  -moz-animation: move 30s ease infinite
}

.cmp-banner--campaign .image.enablekenburns img.first,.cmp-banner--homepage .image.enablekenburns img.first,.cmp-banner--homepage__dark .image.enablekenburns img.first,.cmp-banner--homepage__light .image.enablekenburns img.first {
  animation: move 10s ease infinite;
  -ms-animation: move 10s ease infinite;
  -webkit-animation: move 10s ease infinite;
  -o-animation: move 10s ease infinite;
  -moz-animation: move 10s ease infinite;
  height: 100%;
  position: absolute;
  width: 100%
}

@-webkit-keyframes move {
  0% {
      opacity: 0
  }

  5% {
      opacity: 1
  }

  95% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 1;
      -webkit-transform: scale3d(1.5,1.5,1.5) translate3d(-50px,-90pt,0);
      transform: scale3d(1.5,1.5,1.5) translate3d(-50px,-90pt,0)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(2,2,2) translate3d(-20px,-75pt,0);
      transform: scale3d(2,2,2) translate3d(-20px,-75pt,0)
  }
}

@-webkit-keyframes movebg {
  0% {
      opacity: 0
  }

  5% {
      opacity: 1
  }

  95% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 1;
      -webkit-transform: scaleX(1) translate3d(-50px,-90pt,0);
      transform: scaleX(1) translate3d(-50px,-90pt,0)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(1.5,1.5,1.5) translate3d(-20px,-75pt,0);
      transform: scale3d(1.5,1.5,1.5) translate3d(-20px,-75pt,0)
  }
}

.cmp-banner--campaign .bg-video.animate-bg,.cmp-banner--homepage .bg-video.animate-bg,.cmp-banner--homepage__dark .bg-video.animate-bg,.cmp-banner--homepage__light .bg-video.animate-bg {
  animation: movebg 30s ease infinite;
  -ms-animation: movebg 30s ease infinite;
  -webkit-animation: movebg 30s ease infinite;
  -o-animation: movebg 30s ease infinite;
  -moz-animation: movebg 30s ease infinite;
  background-position: 50%;
  background-size: cover;
  min-height: 780px;
  width: 120%
}

.cmp-banner--campaign .bg-video,.cmp-banner--homepage .bg-video,.cmp-banner--homepage__dark .bg-video,.cmp-banner--homepage__light .bg-video {
  min-height: 650px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.cmp-banner--campaign .bg-video video,.cmp-banner--homepage .bg-video video,.cmp-banner--homepage__dark .bg-video video,.cmp-banner--homepage__light .bg-video video {
  min-height: 650px;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  position: relative;
  z-index: 1
}

.cmp-banner--campaign .bg-video iframe,.cmp-banner--homepage .bg-video iframe,.cmp-banner--homepage__dark .bg-video iframe,.cmp-banner--homepage__light .bg-video iframe {
  left: 50%;
  min-height: 650px;
  min-width: 100%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}

.cmp-banner--campaign .bg-video .youtube-video,.cmp-banner--homepage .bg-video .youtube-video,.cmp-banner--homepage__dark .bg-video .youtube-video,.cmp-banner--homepage__light .bg-video .youtube-video {
  aspect-ratio: 16/9
}

.cmp-banner--campaign .bg-video .layer-bg,.cmp-banner--homepage .bg-video .layer-bg,.cmp-banner--homepage__dark .bg-video .layer-bg,.cmp-banner--homepage__light .bg-video .layer-bg {
  left: 0;
  min-height: 650px;
  opacity: .6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

@media only screen and (max-width: 767px) {
  .cmp-banner--campaign .bg-video .layer-bg,.cmp-banner--homepage .bg-video .layer-bg,.cmp-banner--homepage__dark .bg-video .layer-bg,.cmp-banner--homepage__light .bg-video .layer-bg {
      -o-object-fit:cover;
      object-fit: cover
  }
}

.cmp-banner--campaign .home-banner-content,.cmp-banner--homepage .home-banner-content,.cmp-banner--homepage__dark .home-banner-content,.cmp-banner--homepage__light .home-banner-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3
}

@media only screen and (max-width: 767px) {
  .cmp-banner--campaign .home-banner-content,.cmp-banner--homepage .home-banner-content,.cmp-banner--homepage__dark .home-banner-content,.cmp-banner--homepage__light .home-banner-content {
      width:100%
  }
}

.cmp-banner--campaign .home-banner-content .banner-content,.cmp-banner--homepage .home-banner-content .banner-content,.cmp-banner--homepage__dark .home-banner-content .banner-content,.cmp-banner--homepage__light .home-banner-content .banner-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 24px;
  min-height: 20pc;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 60px;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .cmp-banner--campaign .home-banner-content .banner-content,.cmp-banner--homepage .home-banner-content .banner-content,.cmp-banner--homepage__dark .home-banner-content .banner-content,.cmp-banner--homepage__light .home-banner-content .banner-content {
      min-height:340px;
      padding-left: 24px;
      padding-right: 24px;
      padding-top: 60px
  }
}

.cmp-banner--campaign .home-banner-content .banner-content .title,.cmp-banner--homepage .home-banner-content .banner-content .title,.cmp-banner--homepage__dark .home-banner-content .banner-content .title,.cmp-banner--homepage__light .home-banner-content .banner-content .title {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  max-width: 741px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .home-banner-content .banner-content .title,.cmp-banner--homepage .home-banner-content .banner-content .title,.cmp-banner--homepage__dark .home-banner-content .banner-content .title,.cmp-banner--homepage__light .home-banner-content .banner-content .title {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.cmp-banner--campaign .home-banner-content .banner-content .desc,.cmp-banner--homepage .home-banner-content .banner-content .desc,.cmp-banner--homepage__dark .home-banner-content .banner-content .desc,.cmp-banner--homepage__light .home-banner-content .banner-content .desc {
  color: #fff;
  font-size: 2pc;
  font-weight: 700;
  letter-spacing: .32pc;
  line-height: 120%;
  margin: 24px 0;
  max-width: 741px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .home-banner-content .banner-content .desc,.cmp-banner--homepage .home-banner-content .banner-content .desc,.cmp-banner--homepage__dark .home-banner-content .banner-content .desc,.cmp-banner--homepage__light .home-banner-content .banner-content .desc {
      font-size:36px;
      letter-spacing: .36pc
  }
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container,.cmp-banner--homepage .home-banner-content .banner-content .search-container,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container {
  margin-bottom: 40px;
  max-width: 628px;
  position: relative;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .cmp-banner--campaign .home-banner-content .banner-content .search-container,.cmp-banner--homepage .home-banner-content .banner-content .search-container,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container {
      width:auto
  }
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container input:-ms-input-placeholder,.cmp-banner--campaign .home-banner-content .banner-content .search-container input::-moz-placeholder,.cmp-banner--campaign .home-banner-content .banner-content .search-container input::-webkit-input-placeholder,.cmp-banner--homepage .home-banner-content .banner-content .search-container input:-ms-input-placeholder,.cmp-banner--homepage .home-banner-content .banner-content .search-container input::-moz-placeholder,.cmp-banner--homepage .home-banner-content .banner-content .search-container input::-webkit-input-placeholder,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input:-ms-input-placeholder,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input::-moz-placeholder,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input::-webkit-input-placeholder,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input:-ms-input-placeholder,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input::-moz-placeholder,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input::-webkit-input-placeholder {
  color: #fff!important;
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container input::-webkit-input-placeholder,.cmp-banner--homepage .home-banner-content .banner-content .search-container input::-webkit-input-placeholder,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input::-webkit-input-placeholder,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input::-webkit-input-placeholder {
  color: #fff!important;
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container input::-moz-placeholder,.cmp-banner--homepage .home-banner-content .banner-content .search-container input::-moz-placeholder,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input::-moz-placeholder,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input::-moz-placeholder {
  color: #fff!important;
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container input:-ms-input-placeholder,.cmp-banner--homepage .home-banner-content .banner-content .search-container input:-ms-input-placeholder,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input:-ms-input-placeholder,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input:-ms-input-placeholder {
  color: #fff!important;
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container input::-ms-input-placeholder,.cmp-banner--homepage .home-banner-content .banner-content .search-container input::-ms-input-placeholder,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input::-ms-input-placeholder,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input::-ms-input-placeholder {
  color: #fff!important;
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container input::placeholder,.cmp-banner--homepage .home-banner-content .banner-content .search-container input::placeholder,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input::placeholder,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input::placeholder {
  color: #fff!important;
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container input,.cmp-banner--homepage .home-banner-content .banner-content .search-container input,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input {
  background: hsla(0,0%,7%,.06);
  border: 1px solid #fff;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  line-height: 100%;
  max-width: 628px;
  padding: 9pt 40px 9pt 1pc;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .home-banner-content .banner-content .search-container input,.cmp-banner--homepage .home-banner-content .banner-content .search-container input,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input {
      font-size:1pc
  }
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container input:active,.cmp-banner--campaign .home-banner-content .banner-content .search-container input:focus,.cmp-banner--campaign .home-banner-content .banner-content .search-container input:focus-visible,.cmp-banner--homepage .home-banner-content .banner-content .search-container input:active,.cmp-banner--homepage .home-banner-content .banner-content .search-container input:focus,.cmp-banner--homepage .home-banner-content .banner-content .search-container input:focus-visible,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input:active,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input:focus,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input:focus-visible,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input:active,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input:focus,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input:focus-visible {
  outline: none
}

@media only screen and (max-width: 767px) {
  .cmp-banner--campaign .home-banner-content .banner-content .search-container input,.cmp-banner--homepage .home-banner-content .banner-content .search-container input,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container input,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container input {
      padding:9pt 40px 9pt 1pc;
      width: 100%
  }
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container .search-typing,.cmp-banner--homepage .home-banner-content .banner-content .search-container .search-typing,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container .search-typing,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container .search-typing {
  color: #fff;
  font-size: 1pc;
  font-weight: 400;
  left: 1pc;
  line-height: 150%;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  top: 10px;
  white-space: nowrap;
  width: calc(100% - 50px)
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .home-banner-content .banner-content .search-container .search-typing,.cmp-banner--homepage .home-banner-content .banner-content .search-container .search-typing,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container .search-typing,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container .search-typing {
      font-size:1pc
  }
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container .typed-cursor,.cmp-banner--homepage .home-banner-content .banner-content .search-container .typed-cursor,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container .typed-cursor,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container .typed-cursor {
  color: #fff
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container .close-icon,.cmp-banner--campaign .home-banner-content .banner-content .search-container .search-icon,.cmp-banner--homepage .home-banner-content .banner-content .search-container .close-icon,.cmp-banner--homepage .home-banner-content .banner-content .search-container .search-icon,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container .close-icon,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container .search-icon,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container .close-icon,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container .search-icon {
  color: #fff;
  height: 40px;
  padding-top: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 40px
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container .close-icon img,.cmp-banner--campaign .home-banner-content .banner-content .search-container .search-icon img,.cmp-banner--homepage .home-banner-content .banner-content .search-container .close-icon img,.cmp-banner--homepage .home-banner-content .banner-content .search-container .search-icon img,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container .close-icon img,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container .search-icon img,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container .close-icon img,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container .search-icon img {
  height: 24px;
  width: 24px
}

.cmp-banner--campaign .home-banner-content .banner-content .search-container .close-icon,.cmp-banner--homepage .home-banner-content .banner-content .search-container .close-icon,.cmp-banner--homepage__dark .home-banner-content .banner-content .search-container .close-icon,.cmp-banner--homepage__light .home-banner-content .banner-content .search-container .close-icon {
  background-image: url(clientlib-site/resources/images/close-icon-dark.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  display: none;
  top: -5px
}

.cmp-banner--campaign .home-banner-content .slider,.cmp-banner--homepage .home-banner-content .slider,.cmp-banner--homepage__dark .home-banner-content .slider,.cmp-banner--homepage__light .home-banner-content .slider {
  width: 100%;
  z-index: 4
}

.cmp-banner--campaign .home-banner-content .slider .pad-left,.cmp-banner--homepage .home-banner-content .slider .pad-left,.cmp-banner--homepage__dark .home-banner-content .slider .pad-left,.cmp-banner--homepage__light .home-banner-content .slider .pad-left {
  padding-left: 5%
}

@media only screen and (max-width: 767px) {
  .cmp-banner--campaign .home-banner-content .slider .pad-left,.cmp-banner--homepage .home-banner-content .slider .pad-left,.cmp-banner--homepage__dark .home-banner-content .slider .pad-left,.cmp-banner--homepage__light .home-banner-content .slider .pad-left {
      padding-left:24px
  }
}

.cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 140px;
  padding: 1pc;
  -webkit-transition: 1s ease-in;
  transition: 1s ease-in
}

@media only screen and (max-width: 767px) {
  .cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card {
      border-radius:4px;
      min-height: 93pt;
      padding: 9pt
  }
}

.cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image {
  border-radius: 3.16px;
  height: 110px;
  min-width: 110px;
  overflow: hidden;
  width: 110px
}

.cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image div,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image div,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image div,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image div {
  height: 110px;
  min-width: 110px;
  width: 110px
}

@media only screen and (max-width: 767px) {
  .cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image,.cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image div,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image div,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image div,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image div {
      height:75pt;
      min-width: 75pt;
      width: 75pt
  }
}

.cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image img,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image img,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image img,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__image img {
  border-radius: 3.16px;
  min-width: 100%;
  width: auto
}

.cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__content,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__content,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__content,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__content {
  padding: 0 0 0 1pc
}

@media only screen and (max-width: 767px) {
  .cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__content,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__content,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__content,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__content {
      padding-left:8px
  }
}

.cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__title .cmp-title__text,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__title .cmp-title__text,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__title .cmp-title__text,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__title .cmp-title__text {
  color: #222;
  font-size: 1pc;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__title .cmp-title__text,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__title .cmp-title__text,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__title .cmp-title__text,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__title .cmp-title__text {
      font-size:1pc
  }
}

.cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text,.cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text p,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text p,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text p,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text p {
  color: #222;
  display: -webkit-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text,.cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text p,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text p,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text p,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide .teaser.standard-card .cmp-teaser__text .cmp-text p {
      font-size:14px
  }
}

.cmp-banner--campaign .home-banner-content .slider .home-banner-slider .swiper-slide:hover img,.cmp-banner--homepage .home-banner-content .slider .home-banner-slider .swiper-slide:hover img,.cmp-banner--homepage__dark .home-banner-content .slider .home-banner-slider .swiper-slide:hover img,.cmp-banner--homepage__light .home-banner-content .slider .home-banner-slider .swiper-slide:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.cmp-banner--campaign .home-banner-content .slider .cmp-teaser .swiper-scrollbar,.cmp-banner--homepage .home-banner-content .slider .cmp-teaser .swiper-scrollbar,.cmp-banner--homepage__dark .home-banner-content .slider .cmp-teaser .swiper-scrollbar,.cmp-banner--homepage__light .home-banner-content .slider .cmp-teaser .swiper-scrollbar {
  padding-left: 0
}

.cmp-banner--campaign .home-banner-content .slider .cmp-teaser .swiper-scrollbar .swiper-scrollbar-drag,.cmp-banner--homepage .home-banner-content .slider .cmp-teaser .swiper-scrollbar .swiper-scrollbar-drag,.cmp-banner--homepage__dark .home-banner-content .slider .cmp-teaser .swiper-scrollbar .swiper-scrollbar-drag,.cmp-banner--homepage__light .home-banner-content .slider .cmp-teaser .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #fff
}

@media only screen and (min-width: 768px)and (max-width:1024px) {
  .cmp-banner--campaign .home-banner-content .slider .cmp-teaser .swiper-scrollbar,.cmp-banner--homepage .home-banner-content .slider .cmp-teaser .swiper-scrollbar,.cmp-banner--homepage__dark .home-banner-content .slider .cmp-teaser .swiper-scrollbar,.cmp-banner--homepage__light .home-banner-content .slider .cmp-teaser .swiper-scrollbar {
      bottom:0;
      display: block
  }
}

.cmp-banner--campaign .home-banner-content .slider .slider-heading,.cmp-banner--homepage .home-banner-content .slider .slider-heading,.cmp-banner--homepage__dark .home-banner-content .slider .slider-heading,.cmp-banner--homepage__light .home-banner-content .slider .slider-heading {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  margin-bottom: 24px;
  padding-left: 5%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .home-banner-content .slider .slider-heading,.cmp-banner--homepage .home-banner-content .slider .slider-heading,.cmp-banner--homepage__dark .home-banner-content .slider .slider-heading,.cmp-banner--homepage__light .home-banner-content .slider .slider-heading {
      font-size:18px;
      letter-spacing: .18pc
  }
}

@media only screen and (max-width: 767px) {
  .cmp-banner--campaign .home-banner-content .slider .slider-heading,.cmp-banner--homepage .home-banner-content .slider .slider-heading,.cmp-banner--homepage__dark .home-banner-content .slider .slider-heading,.cmp-banner--homepage__light .home-banner-content .slider .slider-heading {
      margin-top:75pt;
      padding-left: 24px;
      padding-right: 24px
  }
}

.cmp-banner--campaign .carousel__controls,.cmp-banner--campaign .carousel__pagination,.cmp-banner--campaign .carousel__pagination--mobile,.cmp-banner--campaign .short-tour__pagination,.cmp-banner--homepage .carousel__controls,.cmp-banner--homepage .carousel__pagination,.cmp-banner--homepage .carousel__pagination--mobile,.cmp-banner--homepage .short-tour__pagination,.cmp-banner--homepage__dark .carousel__controls,.cmp-banner--homepage__dark .carousel__pagination,.cmp-banner--homepage__dark .carousel__pagination--mobile,.cmp-banner--homepage__dark .short-tour__pagination,.cmp-banner--homepage__light .carousel__controls,.cmp-banner--homepage__light .carousel__pagination,.cmp-banner--homepage__light .carousel__pagination--mobile,.cmp-banner--homepage__light .short-tour__pagination {
  display: none
}

.cmp-banner--hero.cmp-overlay-dark--herobanner .cmp-banner:after,.cmp-banner--hero.cmp-overlay-light--herobanner .cmp-banner:after,.cmp-overlay-dark--herobanner.cmp-banner--campaign .cmp-banner:after,.cmp-overlay-light--herobanner.cmp-banner--campaign .cmp-banner:after {
  bottom: 0;
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.cmp-banner--hero.cmp-overlay-dark--herobanner .cmp-banner:after,.cmp-overlay-dark--herobanner.cmp-banner--campaign .cmp-banner:after {
  background: radial-gradient(28.37% 50.08% at 77.33% 49.92%,transparent 0,transparent 26.14%,rgba(0,0,0,.25) 53.28%,rgba(0,0,0,.35) 69.92%,rgba(0,0,0,.5) 100%)
}

@media only screen and (max-width: 576px) {
  .cmp-banner--hero.cmp-overlay-dark--herobanner .cmp-banner:after,.cmp-overlay-dark--herobanner.cmp-banner--campaign .cmp-banner:after {
      background:-webkit-gradient(linear,right top,left top,color-stop(-45.29%,transparent),color-stop(-12.11%,transparent),color-stop(41.5%,rgba(0,0,0,.5)));
      background: linear-gradient(270deg,transparent -45.29%,transparent -12.11%,rgba(0,0,0,.5) 41.5%)
  }
}

.cmp-banner--hero.cmp-overlay-light--herobanner .cmp-banner:after,.cmp-overlay-light--herobanner.cmp-banner--campaign .cmp-banner:after {
  background: radial-gradient(28.37% 50.08% at 77.33% 49.92%,transparent 0,transparent 26.14%,rgba(0,0,0,.15) 53.28%,rgba(0,0,0,.21) 69.92%,rgba(0,0,0,.3) 100%)
}

@media only screen and (max-width: 576px) {
  .cmp-banner--hero.cmp-overlay-light--herobanner .cmp-banner:after,.cmp-overlay-light--herobanner.cmp-banner--campaign .cmp-banner:after {
      background:-webkit-gradient(linear,right top,left top,color-stop(-45.29%,transparent),color-stop(-12.11%,transparent),color-stop(41.5%,rgba(0,0,0,.3)));
      background: linear-gradient(270deg,transparent -45.29%,transparent -12.11%,rgba(0,0,0,.3) 41.5%)
  }
}

.cmp-banner--campaign .cmp-banner,.cmp-banner--hero .cmp-banner {
  height: 568px;
  padding: 0 5vw!important;
  position: relative
}

@media only screen and (max-width: 576px) {
  .cmp-banner--campaign .cmp-banner,.cmp-banner--hero .cmp-banner {
      height:550px;
      padding: 40px 24px!important
  }
}

.cmp-banner--campaign .cmp-banner__content,.cmp-banner--hero .cmp-banner__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center
}

.cmp-banner--campaign .cmp-banner__title,.cmp-banner--hero .cmp-banner__title {
  color: #fff;
  font-size: 2pc;
  font-weight: 700;
  letter-spacing: .32pc;
  line-height: 120%;
  margin-bottom: 24px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .cmp-banner__title,.cmp-banner--hero .cmp-banner__title {
      font-size:36px;
      letter-spacing: .36pc
  }
}

@media only screen and (max-width: 576px) {
  .cmp-banner--campaign .cmp-banner__title,.cmp-banner--hero .cmp-banner__title {
      word-break:break-word
  }
}

.cmp-banner--campaign .cmp-banner__description,.cmp-banner--hero .cmp-banner__description {
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .cmp-banner__description,.cmp-banner--hero .cmp-banner__description {
      font-size:18px
  }
}

.cmp-banner--campaign .cmp-banner__description p,.cmp-banner--hero .cmp-banner__description p {
  margin: 0!important
}

.cmp-banner--campaign .cmp-banner .cmp-image__image,.cmp-banner--hero .cmp-banner .cmp-image__image {
  height: 100%;
  min-width: auto
}

.cmp-banner--campaign .cmp-banner__action-container .cmp-button,.cmp-banner--hero .cmp-banner__action-container .cmp-button {
  background-color: #fff;
  border-radius: 60px;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc;
  text-decoration: none
}

.cmp-banner--campaign .cmp-banner__action-container .cmp-button:hover,.cmp-banner--hero .cmp-banner__action-container .cmp-button:hover {
  background-color: #f7f7f7
}

.cmp-banner--small {
  max-width: 100%;
  padding: 40px 5vw;
  width: auto
}

@media only screen and (max-width: 576px) {
  .cmp-banner--small {
      padding:40px 24px
  }
}

.cmp-banner--small .banner {
  border-radius: 8px;
  overflow: hidden;
  position: relative
}

.cmp-banner--small .cmp-banner__image {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}

.cmp-banner--small .cmp-banner__content {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: start;
  padding: 5pc 40px;
  position: relative;
  z-index: 10
}

@media only screen and (max-width: 576px) {
  .cmp-banner--small .cmp-banner__content {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 60px 24px
  }
}

.cmp-banner--small .cmp-banner__title {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  max-width: 587px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--small .cmp-banner__title {
      font-size:20px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--small .cmp-banner__title {
      width:60%
  }
}

@media only screen and (max-width: 576px) {
  .cmp-banner--small .cmp-banner__title {
      margin-bottom:24px;
      max-width: 279px;
      width: 100%
  }
}

.cmp-banner--small .cmp-banner__action-container {
  margin-left: auto
}

@media only screen and (max-width: 576px) {
  .cmp-banner--small .cmp-banner__action-container {
      margin-left:0
  }
}

.cmp-banner--small .cmp-banner__action-container .cmp-button {
  background: #fff;
  border-radius: 60px;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc;
  text-decoration: none
}

.cmp-banner--small .cmp-banner .cmp-image {
  height: 100%;
  width: 100%
}

.cmp-banner--small .cmp-banner .cmp-image__image {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.cmp-banner--small.cmp-overlay-dark--defaultbanner .cmp-banner:after,.cmp-banner--small.cmp-overlay-light--defaultbanner .cmp-banner:after {
  bottom: 0;
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

.cmp-banner--small.cmp-overlay-dark--defaultbanner .cmp-banner:after {
  background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(80.37%,rgba(34,34,34,.6)));
  background: linear-gradient(180deg,transparent,rgba(34,34,34,.6) 80.37%)
}

@media only screen and (max-width: 576px) {
  .cmp-banner--small.cmp-overlay-dark--defaultbanner .cmp-banner:after {
      background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(86.91%,rgba(34,34,34,.6)));
      background: linear-gradient(180deg,transparent,rgba(34,34,34,.6) 86.91%)
  }
}

.cmp-banner--small.cmp-overlay-light--defaultbanner .cmp-banner:after {
  background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(80.37%,rgba(34,34,34,.3)));
  background: linear-gradient(180deg,transparent,rgba(34,34,34,.3) 80.37%)
}

@media only screen and (max-width: 576px) {
  .cmp-banner--small.cmp-overlay-light--defaultbanner .cmp-banner:after {
      background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(86.91%,rgba(34,34,34,.3)));
      background: linear-gradient(180deg,transparent,rgba(34,34,34,.3) 86.91%)
  }
}

.cmp-banner--homepage .slider,.cmp-banner--homepage__dark .slider,.cmp-banner--homepage__light .slider {
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: left;
  position: relative;
  text-align: left
}

.cmp-banner--homepage .slider-heading,.cmp-banner--homepage__dark .slider-heading,.cmp-banner--homepage__light .slider-heading {
  margin-top: 0!important
}

.cmp-banner--homepage .slider .home-banner-slider .swiper,.cmp-banner--homepage__dark .slider .home-banner-slider .swiper,.cmp-banner--homepage__light .slider .home-banner-slider .swiper {
  padding-bottom: 40px!important
}

.cmp-banner--homepage .slider .swiper-scrollbar.swiper-scrollbar-horizontal,.cmp-banner--homepage__dark .slider .swiper-scrollbar.swiper-scrollbar-horizontal,.cmp-banner--homepage__light .slider .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: relative
}

.cmp-banner--homepage .slider:hover,.cmp-banner--homepage__dark .slider:hover,.cmp-banner--homepage__light .slider:hover {
  background: transparent
}

.aem-video {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.button {
  --button-border-radius: 30px;
  --button-padding: 10px 30px;
  --button-border: 2px solid;
  --button-primary-color: #fff;
  --button-primary-bg-color: #222;
  --button-primary-purple-color: linear-gradient(251.35deg,#7a35b0 16.29%,#582580 84.38%);
  --button-primary-hover-color: #454545;
  --button-primary-dark-color: #222;
  --button-primary-dark-bg-color: #fff;
  --button-primary-dark-hover-color: #f7f7f7;
  --button-primary-disable-color: #ababab;
  --button-primary-disable-bg-color: #e5e5e5;
  --button-secondary-color: #222;
  --button-secondary-bg-color: transparent;
  --button-secondary-hover-color: #454545;
  --button-secondary-dark-color: #fff;
  --button-secondary-dark-bg-color: transparent;
  --button-secondary-dark-hover-color: #f7f7f7;
  --button-secondary-disable-color: #ababab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.button.cmp-button-primary a,.button.cmp-button-primary>div span.cmp-button__text,.button.cmp-button-secondary a,.button.cmp-button-secondary>div span.cmp-button__text {
  background-color: var(--button-primary-bg-color);
  border: var(--button-border);
  border-color: var(--button-primary-bg-color);
  border-radius: var(--button-border-radius);
  color: var(--button-primary-color);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .192px;
  line-height: 150%;
  padding: var(--button-padding);
  text-align: center;
  text-decoration: none;
  -webkit-transition: all .3s;
  transition: all .3s
}

.button.cmp-button-primary a:hover,.button.cmp-button-primary>div span.cmp-button__text:hover,.button.cmp-button-secondary a:hover,.button.cmp-button-secondary>div span.cmp-button__text:hover {
  background-color: var(--button-primary-hover-color);
  border-color: var(--button-primary-hover-color)
}

.button.cmp-button-primary.cmp-button-light-bg a {
  background-color: var(--button-primary-bg-color);
  border-color: var(--button-primary-bg-color);
  color: var(--button-primary-color)
}

.button.cmp-button-primary.cmp-button-light-bg a:hover {
  background-color: var(--button-primary-hover-color);
  border-color: var(--button-primary-hover-color)
}

.button.cmp-button-primary.cmp-button-dark-bg a {
  background-color: var(--button-primary-dark-bg-color);
  border-color: var(--button-primary-dark-bg-color);
  color: var(--button-primary-dark-color)
}

.button.cmp-button-primary.cmp-button-dark-bg a:hover {
  background-color: var(--button-primary-dark-hover-color);
  border-color: var(--button-primary-dark-hover-color)
}

.button.cmp-button-primary.cmp-button-purple-bg a {
  background: var(--button-primary-purple-color);
  border: none;
  color: var(--button-primary-color)
}

.button.cmp-button-primary.cmp-button-purple-bg a .cmp-button__text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.button.cmp-button-primary.cmp-button-purple-bg a .cmp-button__text:after {
  content: url(clientlib-site/resources/images/butterfly.svg);
  margin-left: 8px;
  vertical-align: middle
}

.button.cmp-button-secondary.cmp-button-light-bg a {
  background-color: var(--button-secondary-bg-color);
  border-color: var(--button-secondary-color);
  color: var(--button-secondary-color)
}

.button.cmp-button-secondary.cmp-button-light-bg a:hover {
  border-color: var(--button-secondary-hover-color);
  color: var(--button-secondary-hover-color)
}

.button.cmp-button-secondary.cmp-button-dark-bg a {
  background-color: var(--button-secondary-dark-bg-color);
  border-color: var(--button-secondary-dark-color);
  color: var(--button-secondary-dark-color)
}

.button.cmp-button-secondary.cmp-button-dark-bg a:hover {
  border-color: var(--button-secondary-dark-hover-color);
  color: var(--button-secondary-dark-hover-color);
  text-decoration: none
}

.cmp-button__icon a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  font-weight: 700;
  gap: 8px;
  justify-content: flex-start;
  line-height: 120%;
  text-decoration: none
}

.cmp-button__icon a .cmp-button__image {
  height: 20px;
  width: 20px
}

.cmp-banner--campaign .cmp-banner {
  height: auto!important;
  padding: 0!important
}

.cmp-banner--campaign .countdown-title {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  margin-bottom: 24px;
  margin-top: 0;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .countdown-title {
      font-size:18px;
      letter-spacing: .18pc
  }
}

.cmp-banner--campaign .cmp-banner__content {
  -webkit-box-flex: 0!important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex: 0 0 100%!important;
  flex: 0 0 100%!important;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: left;
  max-width: 100%!important;
  padding: 0 5vw!important;
  position: absolute!important;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%
}

.cmp-banner--campaign .cmp-banner__content p {
  color: #fff
}

@media screen and (max-width: 1024px) {
  .cmp-banner--campaign .cmp-banner__content {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px
  }
}

@media screen and (max-width: 767px) {
  .cmp-banner--campaign .cmp-banner__content {
      padding:0 24px!important
  }
}

.cmp-banner--campaign .cmp-banner__content-wrapper {
  width: 58.33%
}

.cmp-banner--campaign .cmp-banner__content-wrapper .cmp-banner__title {
  font-size: 2pc;
  font-weight: 700;
  letter-spacing: .32pc;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .cmp-banner__content-wrapper .cmp-banner__title {
      font-size:36px;
      letter-spacing: .36pc
  }
}

@media screen and (max-width: 1024px) {
  .cmp-banner--campaign .cmp-banner__content-wrapper {
      width:100%
  }
}

.cmp-banner--campaign .cmp-banner__timer {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%
}

@media screen and (max-width: 1024px) {
  .cmp-banner--campaign .cmp-banner__timer {
      -webkit-box-align:start;
      -ms-flex-align: start;
      align-items: flex-start;
      width: 100%
  }
}

.cmp-banner--campaign .cmp-timer {
  background: hsla(0,0%,100%,.7);
  border-radius: 8px;
  display: inline-block;
  height: 8pc;
  margin-right: 8px;
  text-transform: uppercase;
  width: 8pc
}

@media screen and (max-width: 768px) {
  .cmp-banner--campaign .cmp-timer {
      height:78pt;
      width: 78pt
  }
}

@media screen and (max-width: 390px) {
  .cmp-banner--campaign .cmp-timer {
      aspect-ratio:1/1;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: unset;
      width: calc(33.33333% - 10.66667px)
  }
}

.cmp-banner--campaign .cmp-timer>p {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  width: 100%
}

.cmp-banner--campaign .cmp-timer>p>span:first-child {
  color: #222;
  font-size: 2pc;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 8px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .cmp-timer>p>span:first-child {
      font-size:36px
  }
}

.cmp-banner--campaign .cmp-timer>p>span:last-child {
  color: #222;
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  text-indent: 2.4px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .cmp-timer>p>span:last-child {
      font-size:9pt
  }
}

.cmp-banner--campaign .bg-video video {
  z-index: 0
}

.cmp-banner--campaign .banner-overlay {
  background: radial-gradient(34.11% 48.72% at 62.56% 48.07%,transparent 0,transparent 30.11%,rgba(0,0,0,.37) 100%),#d3d3d3 50%/cover no-repeat;
  bottom: 0;
  height: 650px;
  left: 0;
  opacity: .3;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .cmp-banner--campaign .banner-overlay {
      background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.36)),to(rgba(0,0,0,.6)));
      background: linear-gradient(0deg,rgba(0,0,0,.36),rgba(0,0,0,.6));
      opacity: .9
  }
}

.cmp-banner--campaign .cmp-banner__image {
  height: 650px!important;
  position: relative!important
}

.cmp-banner--campaign .cmp-banner__image.image_with_effect {
  margin: 0 auto;
  overflow: hidden;
  position: static;
  width: 100%
}

.cmp-banner--campaign .cmp-banner__image.image_with_effect img {
  animation: move 10s ease infinite;
  -ms-animation: move 10s ease infinite;
  -webkit-animation: move 10s ease infinite;
  -o-animation: move 10s ease infinite;
  -moz-animation: move 10s ease infinite;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: none;
  transform: none;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .cmp-banner--campaign .cmp-banner__image.image_with_effect img {
      -o-object-fit:cover;
      object-fit: cover
  }
}

.cmp-banner--campaign .cmp-banner__image.image_with_effect img.first {
  animation: move 10s ease infinite;
  -ms-animation: move 10s ease infinite;
  -webkit-animation: move 10s ease infinite;
  -o-animation: move 10s ease infinite;
  -moz-animation: move 10s ease infinite;
  height: 100%;
  position: absolute;
  width: 100%
}

@keyframes move {
  0% {
      opacity: 0
  }

  5% {
      opacity: 1
  }

  95% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 1;
      -webkit-transform: scale3d(1.5,1.5,1.5) translate3d(-25px,-105px,0);
      transform: scale3d(1.5,1.5,1.5) translate3d(-25px,-105px,0)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(1.75,1.75,1.75) translate3d(-20px,-75pt,0);
      transform: scale3d(1.75,1.75,1.75) translate3d(-20px,-75pt,0)
  }
}

@keyframes movebg {
  0% {
      opacity: 0
  }

  5% {
      opacity: 1
  }

  95% {
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
      opacity: 1;
      -webkit-transform: scaleX(1) translate3d(-50px,-90pt,0);
      transform: scaleX(1) translate3d(-50px,-90pt,0)
  }

  to {
      opacity: 0;
      -webkit-transform: scale3d(1.5,1.5,1.5) translate3d(-20px,-75pt,0);
      transform: scale3d(1.5,1.5,1.5) translate3d(-20px,-75pt,0)
  }
}

.cmp-banner--campaign .bg-video {
  position: static
}

.cmp-image--wcaption {
  padding-left: calc(var(--bs-gutter-x)*.5);
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-top: calc(var(--bs-gutter-y)*1);
  text-align: center
}

.cmp-image--wcaption .cmp-image__title {
  color: #454545;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-image--wcaption .cmp-image__title {
      font-size:14px
  }
}

.cmp-image--wcaption .cmp-image__image {
  aspect-ratio: 7/5;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover
}

.cmp-image--wcaption .cmp-image:has(.cmp-image__title) .cmp-image__image {
  margin-bottom: 8px
}

.cmp-swiper--carousel[autoplay=true].swiper {
  padding-bottom: 0
}

.cmp-swiper--carousel[autoplay=true] .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear
}

.cmp-swiper--carousel[autoplay=true] .swiper-scrollbar {
  display: none
}

.cmp-swiper--carousel[autoplay=true].stop-autoplay .swiper-wrapper {
  -webkit-transition-delay: 0!important;
  transition-delay: 0!important;
  -webkit-transition-duration: 0!important;
  transition-duration: 0!important;
  -webkit-transition-timing-function: unset;
  transition-timing-function: unset
}

#botdistrikt-chatbot-widget {
  z-index: 200
}

#botdistrikt-chatbot-widget .bd-chatbot-widget__close button {
  font-size: 24px
}

#botdistrikt-chatbot-widget .error {
  font-size: 1pc!important
}

@media screen and (max-width: 1193px) {
  .bd-chatbot-widget:not(.bd-chatbot-widget--active) {
      bottom:55px
  }

  .btn--to-top {
      bottom: 90pt!important
  }
}

#UID {
  display: none
}

.freetext iframe {
  border: 0
}

@media only screen and (max-width: 576px) {
  .bd-chatbot-widget--active {
      z-index:500!important
  }
}

.cmp-container-3colmedia--3 {
  --col-media-padding: 60px 0;
  --col-media-mob-padding: 40px 0;
  padding: var(--col-media-padding)
}

@media only screen and (max-width: 768px) {
  .cmp-container-3colmedia--3 {
      padding:var(--col-media-mob-padding)
  }
}

.cmp-container-3colmedia--3 .row {
  row-gap: 40px
}

.cmp-container__text-white .cmp-container__title {
  color: #fff
}

.cmp-container__text-black .cmp-container__text {
  color: #000
}

.cmp-container .cmp-container__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 24px;
  justify-content: space-between
}

.cmp-container .cmp-container__content>:only-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66%;
  flex: 0 0 66%;
  max-width: 66%;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .cmp-container .cmp-container__content>:only-child {
      -webkit-box-flex:0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }
}

.cmp-container .cmp-container__content.cmp-text-center>:only-child {
  margin: auto
}

@media only screen and (max-width: 768px) {
  .cmp-container .cmp-container__content {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-box-align: unset;
      -ms-flex-align: unset;
      align-items: unset;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.cmp-container .cmp-container__title {
  -webkit-box-flex: 0;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-container .cmp-container__title {
      font-size:24px
  }
}

.cmp-cag .cmp-container .cmp-container__title .h1,.cmp-container .cmp-container__title .cmp-cag .h1,.cmp-container .cmp-container__title h1 {
  font-size: 2pc;
  font-weight: 700;
  letter-spacing: .32pc;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-container .cmp-container__title .h1,.cmp-container .cmp-container__title .cmp-cag .h1,.cmp-container .cmp-container__title h1 {
      font-size:36px;
      letter-spacing: .36pc
  }
}

.cmp-cag .cmp-container .cmp-container__title .h2,.cmp-container .cmp-container__title .cmp-cag .h2,.cmp-container .cmp-container__title h2 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-container .cmp-container__title .h2,.cmp-container .cmp-container__title .cmp-cag .h2,.cmp-container .cmp-container__title h2 {
      font-size:24px
  }
}

.cmp-cag .cmp-container .cmp-container__title .h3,.cmp-container .cmp-container__title .cmp-cag .h3,.cmp-container .cmp-container__title h3 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-container .cmp-container__title .h3,.cmp-container .cmp-container__title .cmp-cag .h3,.cmp-container .cmp-container__title h3 {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.cmp-cag .cmp-container .cmp-container__title .h4,.cmp-container .cmp-container__title .cmp-cag .h4,.cmp-container .cmp-container__title h4 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-container .cmp-container__title .h4,.cmp-container .cmp-container__title .cmp-cag .h4,.cmp-container .cmp-container__title h4 {
      font-size:18px;
      letter-spacing: .18pc
  }
}

.cmp-container .cmp-container__title * {
  margin: 0
}

@media only screen and (max-width: 1024px) {
  .cmp-container .cmp-container__title {
      -webkit-box-flex:0;
      -ms-flex: 0 0 66%;
      flex: 0 0 66%;
      max-width: 66%
  }
}

@media only screen and (max-width: 768px) {
  .cmp-container .cmp-container__title {
      -webkit-box-flex:0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }
}

.cmp-container .cmp-container__desc {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-container .cmp-container__desc {
      font-size:1pc
  }
}

.cmp-container .cmp-container__action-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.cmp-container .cmp-container__action-container:empty {
  display: none
}

.cmp-container .cmp-container__action-container a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #222;
  border-radius: 30px;
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  line-height: 150%;
  padding: 10px 30px;
  text-decoration: none
}

.cmp-container .cmp-container__action-container a:hover {
  border-color: #454545
}

.cmp-container--listingcarousel .cmp-container__content {
  padding-bottom: 0!important
}

.cmp-container--listingcarousel .cmp-cardlisting—car--padding {
  padding-top: 0!important
}

.cmp-container--center .cmp-container__content,.cmp-container--center .cmp-custom-container__content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  text-align: center
}

.cmp-container--center__column .cmp-container__content,.cmp-container--center__column .cmp-custom-container__content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center
}

@media only screen and (max-width: 576px) {
  .cmp-container--center__column .cmp-container__content,.cmp-container--center__column .cmp-custom-container__content {
      gap:1pc
  }
}

.cmp-container--left .cmp-container__content,.cmp-container--left .cmp-custom-container__content {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: start;
  text-align: left
}

.cmp-container--left__column .cmp-container__content,.cmp-container--left__column .cmp-custom-container__content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: left
}

@media only screen and (max-width: 576px) {
  .cmp-container--left__column .cmp-container__content,.cmp-container--left__column .cmp-custom-container__content {
      gap:1pc
  }

  .cmp-custom-container {
      padding: 40px 24px
  }
}

.cmp-custom-container__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 40px
}

@media only screen and (max-width: 768px) {
  .cmp-custom-container__content {
      gap:1pc
  }
}

.cmp-custom-container__content .cmp-custom-container__title {
  -webkit-box-flex: 0;
  color: #222;
  display: inline-block;
  -ms-flex: 0 0 66%;
  flex: 0 0 66%;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  max-width: 100%;
  text-transform: uppercase;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .cmp-custom-container__content .cmp-custom-container__title {
      font-size:24px
  }
}

.cmp-custom-container__content .cmp-custom-container__title * {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-custom-container__content .cmp-custom-container__title * {
      font-size:24px
  }
}

@media only screen and (max-width: 576px) {
  .cmp-custom-container__content .cmp-custom-container__title {
      max-width:327px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-custom-container__content .cmp-custom-container__title {
      -webkit-box-flex:0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }
}

@media only screen and (max-width: 576px) {
  .cmp-container__content:has(.cmp-container__desc) .cmp-custom-container__title,.cmp-custom-container__content:has(.cmp-custom-container__desc) .cmp-custom-container__title {
      padding-bottom:1pc
  }
}

.cmp-image__list {
  display: block
}

.cmp-image__list--small .cmp-container .aem-Grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  margin-bottom: 24px;
  margin-top: 20px
}

.cmp-image__list--small .cmp-container .aem-Grid .image {
  display: contents
}

.cmp-image__list--small .cmp-image__image {
  height: 32.5px;
  width: 95px
}

.cmp-cookie {
  -webkit-animation: slideUp .5s ease-in-out;
  animation: slideUp .5s ease-in-out;
  background: rgba(0,0,0,.85);
  bottom: 0;
  color: #fff;
  display: none;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 251
}

.cmp-cookie .cmp-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: flex-start;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  padding: 24px 5pc;
  width: 100%
}

.cmp-cookie .cmp-container .cmp-text {
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  padding: 0
}

@media only screen and (max-width: 768px) {
  .cmp-cookie .cmp-container .cmp-text {
      font-size:14px
  }
}

.cmp-cookie .cmp-container .cmp-text a {
  color: inherit;
  font-weight: 700;
  text-decoration: none
}

.cmp-cookie .cmp-container .cmp-text * {
  color: #fff;
  font-size: inherit;
  margin: 0;
  padding: 0
}

.cmp-cookie .cmp-container .button {
  padding: 0
}

.cmp-cookie .cmp-container .button .cmp-button {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  padding: 9pt 2pc
}

@media only screen and (max-width: 991px) {
  .cmp-cookie .cmp-container {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 1pc;
      padding: 24px
  }
}

@-webkit-keyframes slideUp {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@keyframes slideUp {
  0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@-webkit-keyframes slideDown {
  0% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  to {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }
}

@keyframes slideDown {
  0% {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }

  to {
      -webkit-transform: translateY(100%);
      transform: translateY(100%)
  }
}

.darksite-container-banner {
  background-color: #f7f7f7;
  padding: 6pc 5%
}

@media only screen and (max-width: 767px) {
  .darksite-container-banner {
      padding:60px 24px
  }
}

.darksite-container-banner-title {
  color: #222;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  margin-bottom: 20px;
  max-width: 737px;
  text-transform: uppercase;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .darksite-container-banner-title {
      font-size:24px
  }
}

@media only screen and (max-width: 767px) {
  .darksite-container-banner-title {
      margin-bottom:1pc
  }
}

.darksite-container-banner-desc {
  color: #222;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  max-width: 737px;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .darksite-container-banner-desc {
      font-size:18px
  }
}

.darksite-container-banner-desc a {
  color: #222;
  font-weight: 700;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.darksite-container-featured {
  padding: 60px 5%
}

@media only screen and (max-width: 767px) {
  .darksite-container-featured {
      padding:40px 24px
  }
}

.darksite-container-featured-card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: auto;
  max-width: 1062px;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .darksite-container-featured-card {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.darksite-container-featured-card_timestamp {
  border-right: 1px solid #e5e5e5;
  padding-right: 40px;
  width: 90pt
}

@media only screen and (max-width: 767px) {
  .darksite-container-featured-card_timestamp {
      border-right:none;
      padding-right: 0;
      width: 100%
  }
}

.darksite-container-featured-card_details {
  padding-left: 40px;
  width: 90%
}

@media only screen and (max-width: 767px) {
  .darksite-container-featured-card_details {
      padding-left:0;
      width: 100%
  }
}

.darksite-container-featured-card_details_title {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 1pc
}

@media only screen and (max-width: 768px) {
  .darksite-container-featured-card_details_title {
      font-size:20px
  }
}

.darksite-container-featured-card_details_desc {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 1pc
}

@media only screen and (max-width: 768px) {
  .darksite-container-featured-card_details_desc {
      font-size:14px
  }
}

.darksite-container-featured-card_details_desc a {
  color: #222;
  font-weight: 700;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.darksite-container-featured-card_details_images {
  border-radius: 5.46px;
  margin-bottom: 1pc
}

.darksite-container-featured-card_details_images img {
  border-radius: 5.46px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

.darksite-container-featured-card_details_subdesc {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .darksite-container-featured-card_details_subdesc {
      font-size:14px
  }
}

.darksite-container .timestamp {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .darksite-container .timestamp {
      font-size:18px
  }
}

@media only screen and (max-width: 767px) {
  .darksite-container .timestamp {
      -webkit-box-orient:horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }
}

.darksite-container .timestamp_date {
  margin-bottom: 8px
}

@media only screen and (max-width: 767px) {
  .darksite-container .timestamp_date {
      margin-bottom:24px
  }
}

.darksite-container .timestamp_date,.darksite-container .timestamp_time {
  color: #454545
}

@media only screen and (max-width: 767px) {
  .darksite-container .timestamp_date,.darksite-container .timestamp_time {
      margin-right:5px
  }

  .darksite-container .timestamp_date {
      margin-right: 8px
  }
}

.darksite-container .timestamp_gmt {
  color: #999;
  margin-left: 1pc
}

@media only screen and (max-width: 767px) {
  .darksite-container .timestamp_gmt {
      margin-left:0
  }
}

.darksite-container .timestamp_icon {
  background: url(clientlib-site/resources/images/checkin_time_gray.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 1pc;
  width: 1pc
}

.darksite-container-past {
  background-color: #f7f7f7;
  padding: 60px 5% 40px
}

@media only screen and (max-width: 767px) {
  .darksite-container-past {
      padding:40px 24px
  }
}

.darksite-container-past-announcements {
  margin: auto;
  max-width: 1062px;
  width: 100%
}

.darksite-container-past-title {
  color: #222;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  margin-bottom: 40px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .darksite-container-past-title {
      font-size:24px
  }
}

@media only screen and (max-width: 767px) {
  .darksite-container-past-title {
      margin-bottom:4px
  }
}

.darksite-container-past-card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 40px
}

@media only screen and (max-width: 767px) {
  .darksite-container-past-card {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      border-bottom: 1px solid #e5e5e5;
      -ms-flex-direction: column;
      flex-direction: column;
      margin-bottom: 0;
      padding-bottom: 24px;
      padding-top: 24px
  }
}

.darksite-container-past-card_timestamp {
  border-right: 1px solid #e5e5e5;
  padding-right: 40px;
  width: 90pt
}

@media only screen and (max-width: 767px) {
  .darksite-container-past-card_timestamp {
      border-right:none;
      padding-right: 0;
      width: 100%
  }

  .darksite-container-past-card_timestamp_date {
      margin-bottom: 24px
  }
}

.darksite-container-past-card_details {
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 65px;
  overflow: hidden;
  padding-left: 40px;
  position: relative;
  text-overflow: ellipsis;
  width: 90%
}

@media only screen and (max-width: 767px) {
  .darksite-container-past-card_details {
      -webkit-line-clamp:4;
      line-clamp: 4;
      max-height: 88px;
      padding-left: 0;
      width: 100%
  }
}

.darksite-container-past-card_details_title {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

.darksite-container-past-card_details_title p {
  margin: 0
}

.darksite-container-past-card_details_desc {
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .darksite-container-past-card_details_desc {
      font-size:14px
  }
}

.darksite-container-past-card_details_desc p {
  margin: 0
}

.darksite-container-past-card_details_desc p a {
  color: #222;
  font-weight: 700;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.darksite-container-past-card_details .readtext {
  background: #f7f7f7;
  bottom: 0;
  color: #222;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  padding-left: 3px;
  position: absolute;
  right: 0
}

@media only screen and (max-width: 768px) {
  .darksite-container-past-card_details .readtext {
      font-size:14px
  }
}

.darksite-container-past-card_details .readtext span {
  font-weight: 700;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline
}

.darksite-container-past-card_details .readtext.read-less-link {
  padding-left: 0
}

.darksite-container-past-card_details.withOutReadMore {
  max-height: unset;
  overflow: visible
}

.darksite-container-past-card_details.withOutReadMore .readtext {
  display: inline-block;
  position: relative
}

@media only screen and (max-width: 767px) {
  .darksite-container-past-card:last-child {
      border-bottom:none;
      padding-bottom: 0
  }
}

.darksite-container-loadmore.directory-container {
  max-width: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0
}

.darksite-container-loadmore.directory-container .load-more-container {
  background: #fff;
  margin-top: 40px
}

.directorydetailstatic .cmp_directory-banner .cmp_directory-content {
  margin: 0 auto;
  max-width: 846px;
  padding: 3pc 0 40px;
  position: relative;
  width: auto
}

@media only screen and (max-width: 1024px) {
  .directorydetailstatic .cmp_directory-banner .cmp_directory-content {
      padding:3pc 24px 24px
  }
}

.directorydetailstatic .cmp_directory-content .cmp-image__logo {
  border-radius: 50%;
  display: block;
  height: 75pt;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  overflow: hidden;
  position: absolute;
  top: -50px;
  width: 75pt;
  z-index: 10
}

.directorydetailstatic .cmp_directory-content .cmp-image__logo+.cmp_directory-title {
  padding-top: 24px
}

.directorydetailstatic .cmp_directory-content button {
  padding: 0 24px 0 0
}

.directorydetailstatic .cmp_directory-content .cmp-button {
  background: none;
  border: 0;
  color: #222;
  font-weight: 700;
  padding: 0 0 0 28px;
  position: relative;
  text-transform: none
}

.directorydetailstatic .cmp_directory-content .cmp-button:before {
  background-image: url(clientlib-site/resources/images/globe.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 24px
}

.directorydetailstatic .cmp_directory-content .cmp-button.ishop:before {
  background-image: url(clientlib-site/resources/images/ishopchangi.svg)
}

.directorydetailstatic .cmp_directory-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 1pc;
  max-width: 737px
}

@media only screen and (max-width: 768px) {
  .directorydetailstatic .cmp_directory-title {
      font-size:20px
  }
}

.directorydetailstatic .cmp_directory-description {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 1pc
}

@media only screen and (max-width: 768px) {
  .directorydetailstatic .cmp_directory-description {
      font-size:1pc
  }
}

.directorydetailstatic .cmp_directory-banner .cmp-image {
  max-width: 100%
}

.directorydetailstatic .cmp_directory-banner .cmp-image__image {
  aspect-ratio: 4/1;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .directorydetailstatic .cmp_directory-banner .cmp-image__image {
      aspect-ratio:1/1
  }
}

.directorydetailstatic .cmp_directory-banner .swiper {
  width: 100%
}

.directorydetailstatic .cmp_directory-banner .swiper .cmp-image__image {
  aspect-ratio: 4/1;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .directorydetailstatic .cmp_directory-banner .swiper .cmp-image__image {
      aspect-ratio:1/1
  }
}

.directorydetailstatic .cmp_directory-banner .swiper-button-next,.directorydetailstatic .cmp_directory-banner .swiper-button-prev {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(34,34,34,.05);
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  justify-content: center;
  outline: none;
  width: 40px
}

.directorydetailstatic .cmp_directory-banner .swiper-button-next:after,.directorydetailstatic .cmp_directory-banner .swiper-button-prev:after {
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
  content: " ";
  display: block;
  height: 9px;
  position: relative;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  width: 9px
}

.directorydetailstatic .cmp_directory-banner .swiper-button-prev {
  left: 0
}

.directorydetailstatic .cmp_directory-banner .swiper-button-next {
  right: 0
}

.directorydetailstatic .cmp_directory-banner .swiper-button-next:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.directorydetailstatic .cmp_directory-banner .swiper-pagination {
  bottom: 2pc;
  left: auto;
  right: 2pc;
  text-align: right;
  width: auto
}

.directorydetailstatic .cmp_directory-banner .swiper-pagination-bullet {
  background-color: #e5e5e5;
  height: 10px;
  opacity: 1;
  width: 10px
}

.directorydetailstatic .cmp_directory-banner .swiper-pagination-bullet-active {
  background-color: #ffd200
}

.directorydetailstatic .cmp_directory-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1pc
}

.directorydetailstatic .cmp_directory-tags a {
  color: #333;
  text-decoration: none
}

.directorydetailstatic .cmp_directory-tags__item {
  background: #e5e5e5;
  border-radius: 4px;
  display: inline;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 4px 15px
}

@media only screen and (max-width: 768px) {
  .directorydetailstatic .cmp_directory-tags__item {
      font-size:14px
  }
}

.directorydetailstatic .cmp_directory-tags__item:last-child {
  margin-right: 0
}

.directorydetailstatic.cmp-banner--overlay-dark .cmp_directory-banner picture,.directorydetailstatic.cmp-banner--overlay-light .cmp_directory-banner picture {
  position: relative
}

.directorydetailstatic.cmp-banner--overlay-dark .cmp_directory-banner picture:after,.directorydetailstatic.cmp-banner--overlay-light .cmp_directory-banner picture:after {
  background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#222));
  background: linear-gradient(180deg,transparent,#222);
  bottom: 0;
  content: " ";
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%
}

.directorydetailstatic.cmp-banner--overlay-light .cmp_directory-banner picture:after {
  background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,rgba(0,0,0,.2)),to(rgba(0,0,0,.4)));
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4))
}

.directorydetailstatic.cmp-overlay-dark--defaultbanner .cmp_directory-banner picture,.directorydetailstatic.cmp-overlay-dark--herobanner .cmp_directory-banner picture,.directorydetailstatic.cmp-overlay-light--defaultbanner .cmp_directory-banner picture,.directorydetailstatic.cmp-overlay-light--herobanner .cmp_directory-banner picture {
  position: relative
}

.directorydetailstatic.cmp-overlay-dark--defaultbanner .cmp_directory-banner picture:after,.directorydetailstatic.cmp-overlay-dark--herobanner .cmp_directory-banner picture:after,.directorydetailstatic.cmp-overlay-light--defaultbanner .cmp_directory-banner picture:after,.directorydetailstatic.cmp-overlay-light--herobanner .cmp_directory-banner picture:after {
  bottom: 0;
  content: " ";
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%
}

.directorydetailstatic.cmp-overlay-dark--herobanner .cmp_directory-banner picture:after {
  background: radial-gradient(39.2% 54.33% at 62.56% 48.07%,transparent 0,transparent 30.11%,rgba(0,0,0,.5) 100%)
}

@media only screen and (max-width: 576px) {
  .directorydetailstatic.cmp-overlay-dark--herobanner .cmp_directory-banner picture:after {
      background:-webkit-gradient(linear,right top,left top,color-stop(-45.29%,transparent),color-stop(-12.11%,transparent),color-stop(41.5%,rgba(0,0,0,.5)));
      background: linear-gradient(270deg,transparent -45.29%,transparent -12.11%,rgba(0,0,0,.5) 41.5%)
  }
}

.directorydetailstatic.cmp-overlay-light--herobanner .cmp_directory-banner picture:after {
  background: radial-gradient(42.03% 54.81% at 62.56% 48.07%,transparent 0,transparent 30.11%,rgba(0,0,0,.3) 100%)
}

@media only screen and (max-width: 576px) {
  .directorydetailstatic.cmp-overlay-light--herobanner .cmp_directory-banner picture:after {
      background:-webkit-gradient(linear,right top,left top,color-stop(-45.29%,transparent),color-stop(-12.11%,transparent),color-stop(41.5%,rgba(0,0,0,.3)));
      background: linear-gradient(270deg,transparent -45.29%,transparent -12.11%,rgba(0,0,0,.3) 41.5%)
  }
}

.directorydetailstatic.cmp-overlay-dark--defaultbanner .cmp_directory-banner picture:after {
  background: radial-gradient(42.03% 54.81% at 62.56% 48.07%,transparent 0,transparent 30.11%,rgba(0,0,0,.3) 100%)
}

@media only screen and (max-width: 576px) {
  .directorydetailstatic.cmp-overlay-dark--defaultbanner .cmp_directory-banner picture:after {
      background:-webkit-gradient(linear,right top,left top,color-stop(-45.29%,transparent),color-stop(-12.11%,transparent),color-stop(41.5%,rgba(0,0,0,.3)));
      background: linear-gradient(270deg,transparent -45.29%,transparent -12.11%,rgba(0,0,0,.3) 41.5%)
  }
}

.directorydetailstatic.cmp-overlay-light--defaultbanner .cmp_directory-banner picture:after {
  background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(80.37%,rgba(34,34,34,.3)));
  background: linear-gradient(180deg,transparent,rgba(34,34,34,.3) 80.37%)
}

@media only screen and (max-width: 576px) {
  .directorydetailstatic.cmp-overlay-light--defaultbanner .cmp_directory-banner picture:after {
      background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(86.91%,rgba(34,34,34,.3)));
      background: linear-gradient(180deg,transparent,rgba(34,34,34,.3) 86.91%)
  }
}

.directorydetaillocation {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

.directorydetaillocation .cmp_directory-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 846px;
  padding: 40px 0 0;
  width: auto
}

@media only screen and (max-width: 1024px) {
  .directorydetaillocation .cmp_directory-wrapper {
      padding:24px 24px 0
  }
}

.directorydetaillocation .cmp_directory-wrapper>div {
  border-top: 1px solid #ababab
}

.directorydetaillocation .cmp_directory-wrapper>div:first-child {
  border: 0
}

.directorydetaillocation .cmp_directory-wrapper>div[style*="display: none;"]+div {
  border: 0;
  padding-top: 0
}

.directorydetaillocation .cmp_directory-public .cmp_directory__title,.directorydetaillocation .cmp_directory-transit .cmp_directory__title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  padding-bottom: 24px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .directorydetaillocation .cmp_directory-public .cmp_directory__title,.directorydetaillocation .cmp_directory-transit .cmp_directory__title {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.directorydetaillocation .cmp_directory-public .cmp_directory__list,.directorydetaillocation .cmp_directory-transit .cmp_directory__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.directorydetaillocation .cmp_directory-transit {
  padding-top: 40px
}

.directorydetaillocation .cmp_directory-content {
  -webkit-box-flex: calc(50% - 24px);
  -ms-flex: calc(50% - 24px);
  flex: calc(50% - 24px);
  padding-bottom: 40px;
  padding-right: 24px
}

@media only screen and (max-width: 768px) {
  .directorydetaillocation .cmp_directory-content {
      -webkit-box-flex:100%;
      -ms-flex: 100%;
      flex: 100%;
      padding-right: 0
  }
}

.directorydetaillocation .cmp_directory-content.last,.directorydetaillocation .cmp_directory-content:last-child {
  border-bottom: none
}

.directorydetaillocation .cmp_directory-content .cmp_location_name {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  margin-bottom: 24px;
  text-transform: uppercase
}

.directorydetaillocation .cmp_directory-content .cmp_location_contact {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative
}

.directorydetaillocation .cmp_directory-content .cmp_location_contact:before {
  background-image: url(clientlib-site/resources/images/phone.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 24px
}

.directorydetaillocation .cmp_directory-content .cmp_location_contact a {
  color: #222;
  font-weight: 700;
  text-decoration: none
}

.directorydetaillocation .cmp_directory-content .cmp_location_operatingStatus {
  color: #008545;
  padding-left: 30px;
  position: relative
}

.directorydetaillocation .cmp_directory-content .cmp_location_operatingStatus:before {
  background-image: url(clientlib-site/resources/images/clock.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 24px
}

.directorydetaillocation .cmp_directory-content .cmp_location_operatingStatus.red {
  color: #cc1000
}

.directorydetaillocation .cmp_directory-content .cmp_location-map {
  border: 2px solid #222;
  border-radius: 30px;
  cursor: pointer;
  display: inline-block;
  font-size: 1pc;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-top: 10px;
  padding: 9pt 2pc
}

.directorydetaillocation .cmp_directory-content .cmp_location-map a {
  color: #222;
  text-decoration: none
}

.directorydetaillocation .cmp_directory-content .cmp_location_address {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative
}

.directorydetaillocation .cmp_directory-content .cmp_location_address:before {
  background-image: url(clientlib-site/resources/images/gate.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 24px
}

.directorydetaillocation .cmp_directory-content .cmp_location_address.no-unit .cmp_location_area:after {
  display: none
}

.directorydetaillocation .cmp_directory-content .cmp_location_area {
  display: inline-block
}

.directorydetaillocation .cmp_directory-content .cmp_location_unit span:first-child {
  margin-left: 4.5px;
  padding-left: 4.5px;
  position: relative
}

.directorydetaillocation .cmp_directory-content .cmp_location_unit span:first-child:before {
  color: #222;
  content: "•";
  font-size: 7px;
  left: -4px;
  line-height: 21.34px;
  position: absolute
}

.directorydetaillocation .cmp_directory-content .cmp_location_unit--level+span {
  margin-left: 2px;
  padding-left: 2px;
  position: relative
}

.directorydetaillocation .cmp_directory-content .cmp_location_unit--level+span:before {
  color: #222;
  content: ",";
  left: -4px;
  line-height: 21.34px;
  position: absolute
}

.directorydetaillocation .cmp_directory-content .cmp_location_operatingDays,.directorydetaillocation .cmp_directory-content .cmp_location_operatingNotes,.directorydetaillocation .cmp_directory-content .cmp_location_operatingTime {
  padding-left: 30px
}

#cmp-ep-directory-detail-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 846px;
  padding: 74px 0 24px;
  position: relative;
  width: auto
}

@media only screen and (max-width: 1024px) {
  #cmp-ep-directory-detail-content {
      padding:66px 24px 24px
  }
}

#cmp-ep-directory-detail-content [data-title*=logo] {
  border: 1px solid #ccc;
  border-radius: 8px;
  display: block;
  height: 75pt;
  overflow: hidden;
  position: absolute;
  top: -50px;
  width: 75pt;
  z-index: 10
}

#cmp-ep-directory-detail-content [data-title*=logo] img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto
}

#cmp-ep-directory-detail-content .cmp-button {
  background: none;
  border: 0;
  color: #222;
  font-weight: 700;
  padding: 0 0 0 28px;
  position: relative;
  text-decoration: none;
  text-transform: capitalize
}

#cmp-ep-directory-detail-content .cmp-button:before {
  background-image: url(clientlib-site/resources/images/globe.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  width: 24px
}

#cmp-ep-directory-detail-content .cmp-title__text {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin: 0;
  max-width: 737px
}

#cmp-ep-directory-detail-content .cmp-text {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%
}

.cmp-directory-detail {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

.cmp-directory-detail .cmp_directory-banner {
  position: relative
}

.cmp-directory-detail .cmp_directory-banner:after {
  background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(80.37%,rgba(34,34,34,.4)));
  background: linear-gradient(180deg,transparent,rgba(34,34,34,.4) 80.37%);
  bottom: 0;
  content: " ";
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 10
}

.cmp-directory-detail .cmp_directory-banner .cmp-image__image {
  aspect-ratio: 4/1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .cmp-directory-detail .cmp_directory-banner .cmp-image__image {
      aspect-ratio:1/1
  }
}

.cmp-directory-detail .cmp_directory-content {
  margin: 0 auto;
  max-width: 847px
}

@media only screen and (max-width: 1024px) {
  .cmp-directory-detail .cmp_directory-content {
      padding:0 24px
  }
}

.cmp-directory-detail .cmp_directory-logo {
  padding-bottom: 74px;
  position: relative
}

.cmp-directory-detail .cmp_directory-logo img {
  border-radius: 50%;
  height: 75pt;
  position: absolute;
  top: -50px;
  width: 75pt;
  z-index: 10
}

.cmp-directory-detail .cmp_directory-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 1pc
}

@media only screen and (max-width: 768px) {
  .cmp-directory-detail .cmp_directory-title {
      font-size:20px
  }
}

.cmp-cag .cmp-directory-detail .cmp_directory-title .h4,.cmp-directory-detail .cmp_directory-title .cmp-cag .h4,.cmp-directory-detail .cmp_directory-title h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-directory-detail .cmp_directory-title .h4,.cmp-directory-detail .cmp_directory-title .cmp-cag .h4,.cmp-directory-detail .cmp_directory-title h4 {
      font-size:20px
  }
}

.cmp-directory-detail .cmp_directory-tags {
  margin-bottom: 1pc
}

.cmp-directory-detail .cmp_directory-tags__item {
  background: #e5e5e5;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 8px;
  margin-right: 8px;
  padding: 4px 15px;
  text-decoration: none
}

@media only screen and (max-width: 768px) {
  .cmp-directory-detail .cmp_directory-tags__item {
      font-size:14px
  }
}

.cmp-directory-detail .cmp_directory-tags__item:last-child {
  margin-right: 0
}

.cmp-cag .cmp-directory-detail .cmp_directory-public .h4,.cmp-cag .cmp-directory-detail .cmp_directory-transit .h4,.cmp-directory-detail .cmp_directory-public .cmp-cag .h4,.cmp-directory-detail .cmp_directory-public h4,.cmp-directory-detail .cmp_directory-transit .cmp-cag .h4,.cmp-directory-detail .cmp_directory-transit h4 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-directory-detail .cmp_directory-public .h4,.cmp-cag .cmp-directory-detail .cmp_directory-transit .h4,.cmp-directory-detail .cmp_directory-public .cmp-cag .h4,.cmp-directory-detail .cmp_directory-public h4,.cmp-directory-detail .cmp_directory-transit .cmp-cag .h4,.cmp-directory-detail .cmp_directory-transit h4 {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.cmp-directory-detail .cmp_directory-btn {
  background: none;
  border: 0;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  margin-right: 24px;
  padding: 0 0 0 28px;
  position: relative;
  text-decoration: none
}

@media only screen and (max-width: 768px) {
  .cmp-directory-detail .cmp_directory-btn {
      font-size:1pc
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-directory-detail .cmp_directory-btn {
      display:block;
      margin-bottom: 24px
  }
}

.cmp-directory-detail .cmp_directory-btn:before {
  background-image: url(clientlib-site/resources/images/globe.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: -3px;
  width: 24px
}

@media only screen and (max-width: 1024px) {
  .cmp-directory-detail .cmp_directory-btn:before {
      top:0
  }
}

.cmp-directory-detail .cmp_directory-btn.book-now:before {
  background-image: url(clientlib-site/resources/images/booknow.svg);
  content: ""
}

.cmp-directory-detail .cmp_directory-btn.ishop:before {
  background-image: url(clientlib-site/resources/images/ishopchangi.svg);
  content: ""
}

.cmp-directory-detail .cmp_directory-tabs {
  margin-top: 24px
}

.cmp-directory-detail .cmp_directory-tabs__container {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ccc;
  position: sticky;
  top: 0;
  z-index: 11
}

.cmp-directory-detail .cmp_directory-tabs__menu {
  margin: 0 auto;
  max-width: 847px;
  padding-top: 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-directory-detail .cmp_directory-tabs__menu {
      padding:24px 24px 0
  }
}

.cmp-directory-detail .cmp_directory-tabs__item {
  border-bottom: 3px solid transparent;
  color: #ababab;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  padding-bottom: 1pc;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-directory-detail .cmp_directory-tabs__item {
      font-size:18px;
      letter-spacing: .18pc
  }
}

.cmp-directory-detail .cmp_directory-tabs__item.active {
  border-color: #7a35b0;
  color: #222
}

.cmp-directory-detail .cmp_directory-tabs .swiper-slide {
  display: inline-block;
  width: auto
}

.cmp-directory-detail .cmp_directory-panel {
  padding-top: 40px
}

.cmp-directory-detail .cmp_directory-store {
  font-size: 18px;
  font-weight: 700;
  margin: 0 auto 24px;
  max-width: 847px
}

@media only screen and (max-width: 1024px) {
  .cmp-directory-detail .cmp_directory-store {
      padding:0 24px
  }
}

.cmp-directory-detail .cmp_directory-secondtab {
  border-bottom: 1px solid #ccc;
  padding-bottom: 24px
}

.cmp-directory-detail .cmp_directory-secondtab__item {
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 500;
  height: 100%;
  letter-spacing: 2.8px;
  line-height: 150%;
  padding: 4px 1pc;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-directory-detail .cmp_directory-secondtab__item {
      font-size:14px
  }
}

.cmp-directory-detail .cmp_directory-secondtab__item.active {
  background-color: #222;
  border-radius: 75pt;
  color: #fff
}

.cmp-directory-detail .cmp_directory-secondtab .swiper {
  margin: 0 auto;
  max-width: 847px
}

@media only screen and (max-width: 1024px) {
  .cmp-directory-detail .cmp_directory-secondtab .swiper {
      padding:0 24px
  }
}

.cmp-directory-detail .cmp_directory-secondtab .swiper-slide {
  display: inline-block;
  width: auto
}

.cmp-directory-detail .cmp_directory-secondtab+.cmp_directory-public,.cmp-directory-detail .cmp_directory-secondtab+.cmp_directory-transit {
  padding-top: 40px
}

.cmp-directory-detail .cmp_directory-public,.cmp-directory-detail .cmp_directory-transit {
  margin: 0 auto;
  max-width: 847px;
  padding: 0 0 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-directory-detail .cmp_directory-public,.cmp-directory-detail .cmp_directory-transit {
      margin:0 24px
  }
}

.cmp-cag .cmp-directory-detail .cmp_directory-public .h4,.cmp-cag .cmp-directory-detail .cmp_directory-transit .h4,.cmp-directory-detail .cmp_directory-public .cmp-cag .h4,.cmp-directory-detail .cmp_directory-public h4,.cmp-directory-detail .cmp_directory-transit .cmp-cag .h4,.cmp-directory-detail .cmp_directory-transit h4 {
  margin-bottom: 24px
}

.cmp-directory-detail .cmp_directory-public {
  border-bottom: 1px solid #ababab
}

.cmp-directory-detail .cmp_directory-public.border-none {
  border: none
}

@media only screen and (max-width: 1024px) {
  .cmp-directory-detail .cmp_directory-public {
      padding-top:24px
  }
}

.cmp-directory-detail .cmp_directory-public+.cmp_directory-transit {
  padding-top: 40px
}

.cmp-directory-detail .cmp_directory__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px
}

.cmp-directory-detail .cmp_directory__item {
  margin-bottom: 1pc;
  width: calc(50% - 24px)
}

@media only screen and (max-width: 1024px) {
  .cmp-directory-detail .cmp_directory__item {
      width:100%
  }
}

.cmp-directory-detail .cmp_directory__loc,.cmp-directory-detail .cmp_directory__tel,.cmp-directory-detail .cmp_directory__time {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative
}

.cmp-directory-detail .cmp_directory__loc:before,.cmp-directory-detail .cmp_directory__tel:before,.cmp-directory-detail .cmp_directory__time:before {
  background-image: url(clientlib-site/resources/images/gate.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 24px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 24px
}

.cmp-directory-detail .cmp_directory__loc span:first-child {
  margin-right: 2px;
  padding-right: 8px;
  position: relative
}

.cmp-directory-detail .cmp_directory__loc span:first-child:after {
  color: #222;
  content: "•";
  font-size: 7px;
  line-height: 22px;
  position: absolute;
  right: 0
}

.cmp-directory-detail .cmp_directory__loc span.directory-area {
  margin: 0;
  padding: 0;
  text-transform: capitalize
}

.cmp-directory-detail .cmp_directory__loc span.directory-area:after {
  display: none
}

.cmp-directory-detail .cmp_directory__tel:before {
  background-image: url(clientlib-site/resources/images/phone.svg)
}

.cmp-directory-detail .cmp_directory__tel a {
  font-weight: 700;
  text-decoration: none
}

.cmp-directory-detail .cmp_directory__time {
  margin: 0
}

.cmp-directory-detail .cmp_directory__time.green {
  color: #008545
}

.cmp-directory-detail .cmp_directory__time.red {
  color: #cc1000
}

.cmp-directory-detail .cmp_directory__time:before {
  background-image: url(clientlib-site/resources/images/clock.svg);
  content: ""
}

.cmp-directory-detail .cmp_directory__comment {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative
}

.cmp-directory-detail .cmp_directory__description {
  margin: 0 auto;
  max-width: 847px;
  padding-bottom: 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-directory-detail .cmp_directory__description {
      padding:0 24px 40px
  }
}

.cmp-directory-detail .cmp_directory__btn {
  margin-top: 8px
}

.cmp-directory-detail .cmp_directory__btn a {
  border: 2px solid #222;
  border-radius: 30px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc;
  text-decoration: none
}

.cmp-directory-detail .cmp_directory-tabs__menu .swiper {
  width: 100%
}

.cmp-directory-detail .cmp_directory-tabs__menu .swiper-button-next,.cmp-directory-detail .cmp_directory-tabs__menu .swiper-button-prev {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(34,34,34,.05);
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  justify-content: center;
  outline: none;
  width: 40px
}

.cmp-directory-detail .cmp_directory-tabs__menu .swiper-button-next:after,.cmp-directory-detail .cmp_directory-tabs__menu .swiper-button-prev:after {
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
  content: " ";
  display: block;
  height: 9px;
  position: relative;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  width: 9px
}

.cmp-directory-detail .cmp_directory-tabs__menu .swiper-button-prev {
  left: 0
}

.cmp-directory-detail .cmp_directory-tabs__menu .swiper-button-next {
  right: 0
}

.cmp-directory-detail .cmp_directory-tabs__menu .swiper-button-next:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.cmp-directory-detail .cmp_directory-tabs__menu .swiper-pagination {
  bottom: 24px;
  display: inline-block;
  left: auto;
  right: 24px;
  text-align: right;
  width: auto
}

.cmp-directory-detail .cmp_directory-tabs__menu .swiper-pagination-bullet {
  background-color: #e5e5e5;
  height: 10px;
  width: 10px
}

.cmp-directory-detail .cmp_directory-tabs__menu .swiper-pagination-bullet-active {
  background-color: #ffd200
}

.directory-container {
  margin: 0 auto;
  padding-bottom: 60px;
  padding-left: 5%;
  padding-right: 5%
}

@media only screen and (max-width: 767px) {
  .directory-container {
      padding-bottom:40px;
      padding-left: 24px;
      padding-right: 24px
  }
}

.directory-container.landing-slider-coming-soon {
  padding-top: 60px
}

@media only screen and (max-width: 767px) {
  .directory-container.landing-slider-coming-soon {
      padding-top:40px
  }
}

.directory-container .col-4 {
  float: left;
  width: 25%
}

@media only screen and (max-width: 767px) {
  .directory-container .col-4 {
      width:100%
  }
}

.directory-container .col-3 {
  position: relative;
  width: calc(33.33% - 24px)
}

@media only screen and (max-width: 767px) {
  .directory-container .col-3 {
      width:100%
  }
}

@media only screen and (min-width: 768px)and (max-width:991px) {
  .directory-container .col-3 {
      width:calc(50% - 9pt)
  }
}

@media only screen and (min-width: 768px) {
  .directory-container .col-3 {
      margin-bottom:1pc
  }
}

.directory-container .col-2 {
  float: left;
  width: 50%
}

@media only screen and (max-width: 767px) {
  .directory-container .col-2 {
      width:100%
  }
}

.directory-container .error-container,.directory-container .no-results-container {
  margin: auto;
  text-align: center
}

.directory-container-filters {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -6%;
  margin-right: -6%;
  padding: 60px 6% 40px;
  position: sticky;
  top: 0;
  z-index: 10
}

.directory-container-filters.box-shadow {
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08)
}

@media only screen and (max-width: 767px) {
  .directory-container-filters {
      margin-left:-24px;
      margin-right: -24px;
      padding: 24px
  }

  .directory-container-filters.no-results {
      padding-bottom: 40px;
      padding-top: 40px
  }
}

.directory-container-filters .airport-filter,.directory-container-filters .dietary-filter,.directory-container-filters .event-filter,.directory-container-filters .leasing-filter,.directory-container-filters .location-filter {
  width: 25%
}

@media only screen and (max-width: 767px) {
  .directory-container-filters .airport-filter,.directory-container-filters .dietary-filter,.directory-container-filters .event-filter,.directory-container-filters .leasing-filter,.directory-container-filters .location-filter {
      width:50%
  }
}

.directory-container-filters .gallery-filter {
  width: 25%
}

@media only screen and (max-width: 767px) {
  .directory-container-filters .gallery-filter {
      width:100%
  }
}

.directory-container-filters .listFilter {
  max-width: 302px;
  padding-right: 1pc
}

@media only screen and (max-width: 767px) {
  .directory-container-filters .listFilter {
      padding-right:0
  }

  .directory-container-filters .location-filter {
      padding-right: 4px
  }

  .directory-container-filters .leasing-filter {
      padding-right: 8px
  }

  .directory-container-filters .airport-filter,.directory-container-filters .dietary-filter,.directory-container-filters .event-filter {
      padding-left: 4px
  }

  .directory-container-filters .advanced-filter {
      padding-left: 8px
  }

  .directory-container-filters .mobile-width {
      width: 40%
  }
}

.directory-container-filters .masked-input {
  position: relative;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .directory-container-filters .masked-input {
      width:100%
  }
}

.directory-container-filters .masked-input label {
  display: block;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 4px
}

.directory-container-filters .masked-input .css-13cymwt-control,.directory-container-filters .masked-input .css-blhudp-control,.directory-container-filters .masked-input .css-t3ipsp-control,.directory-container-filters .masked-input .css-v68sna-control {
  border: 1px solid #222;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  height: 3pc;
  line-height: 150%
}

.directory-container-filters .masked-input .css-13cymwt-control .css-1dimb5e-singleValue,.directory-container-filters .masked-input .css-blhudp-control .css-1dimb5e-singleValue,.directory-container-filters .masked-input .css-t3ipsp-control .css-1dimb5e-singleValue,.directory-container-filters .masked-input .css-v68sna-control .css-1dimb5e-singleValue {
  padding-left: 10px
}

.directory-container-filters .masked-input .css-13cymwt-control .css-1u9des2-indicatorSeparator,.directory-container-filters .masked-input .css-blhudp-control .css-1u9des2-indicatorSeparator,.directory-container-filters .masked-input .css-t3ipsp-control .css-1u9des2-indicatorSeparator,.directory-container-filters .masked-input .css-v68sna-control .css-1u9des2-indicatorSeparator {
  display: none
}

.directory-container-filters .masked-input .css-13cymwt-control .css-1xc3v61-indicatorContainer svg,.directory-container-filters .masked-input .css-blhudp-control .css-1xc3v61-indicatorContainer svg,.directory-container-filters .masked-input .css-t3ipsp-control .css-1xc3v61-indicatorContainer svg,.directory-container-filters .masked-input .css-v68sna-control .css-1xc3v61-indicatorContainer svg {
  color: #222
}

.directory-container-filters .masked-input .css-13cymwt-control .css-15lsz6c-indicatorContainer svg,.directory-container-filters .masked-input .css-blhudp-control .css-15lsz6c-indicatorContainer svg,.directory-container-filters .masked-input .css-t3ipsp-control .css-15lsz6c-indicatorContainer svg,.directory-container-filters .masked-input .css-v68sna-control .css-15lsz6c-indicatorContainer svg {
  color: #7a35b0
}

.directory-container-filters .masked-input .css-13cymwt-control .css-1fdsijx-ValueContainer,.directory-container-filters .masked-input .css-13cymwt-control .css-3w2yfm-ValueContainer,.directory-container-filters .masked-input .css-blhudp-control .css-1fdsijx-ValueContainer,.directory-container-filters .masked-input .css-blhudp-control .css-3w2yfm-ValueContainer,.directory-container-filters .masked-input .css-t3ipsp-control .css-1fdsijx-ValueContainer,.directory-container-filters .masked-input .css-t3ipsp-control .css-3w2yfm-ValueContainer,.directory-container-filters .masked-input .css-v68sna-control .css-1fdsijx-ValueContainer,.directory-container-filters .masked-input .css-v68sna-control .css-3w2yfm-ValueContainer {
  height: 3pc;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 7px 8px;
  text-overflow: ellipsis
}

.directory-container-filters .masked-input .css-13cymwt-control .css-1fdsijx-ValueContainer::-webkit-scrollbar,.directory-container-filters .masked-input .css-13cymwt-control .css-3w2yfm-ValueContainer::-webkit-scrollbar,.directory-container-filters .masked-input .css-blhudp-control .css-1fdsijx-ValueContainer::-webkit-scrollbar,.directory-container-filters .masked-input .css-blhudp-control .css-3w2yfm-ValueContainer::-webkit-scrollbar,.directory-container-filters .masked-input .css-t3ipsp-control .css-1fdsijx-ValueContainer::-webkit-scrollbar,.directory-container-filters .masked-input .css-t3ipsp-control .css-3w2yfm-ValueContainer::-webkit-scrollbar,.directory-container-filters .masked-input .css-v68sna-control .css-1fdsijx-ValueContainer::-webkit-scrollbar,.directory-container-filters .masked-input .css-v68sna-control .css-3w2yfm-ValueContainer::-webkit-scrollbar {
  display: none
}

.directory-container-filters .masked-input .css-13cymwt-control .css-15lsz6c-indicatorContainer:first-child,.directory-container-filters .masked-input .css-13cymwt-control .css-1xc3v61-indicatorContainer:first-child,.directory-container-filters .masked-input .css-blhudp-control .css-15lsz6c-indicatorContainer:first-child,.directory-container-filters .masked-input .css-blhudp-control .css-1xc3v61-indicatorContainer:first-child,.directory-container-filters .masked-input .css-t3ipsp-control .css-15lsz6c-indicatorContainer:first-child,.directory-container-filters .masked-input .css-t3ipsp-control .css-1xc3v61-indicatorContainer:first-child,.directory-container-filters .masked-input .css-v68sna-control .css-15lsz6c-indicatorContainer:first-child,.directory-container-filters .masked-input .css-v68sna-control .css-1xc3v61-indicatorContainer:first-child {
  display: none
}

.directory-container-filters .masked-input .css-13cymwt-control:active,.directory-container-filters .masked-input .css-13cymwt-control:focus,.directory-container-filters .masked-input .css-13cymwt-control:focus-visible,.directory-container-filters .masked-input .css-13cymwt-control:hover,.directory-container-filters .masked-input .css-blhudp-control:active,.directory-container-filters .masked-input .css-blhudp-control:focus,.directory-container-filters .masked-input .css-blhudp-control:focus-visible,.directory-container-filters .masked-input .css-blhudp-control:hover,.directory-container-filters .masked-input .css-t3ipsp-control:active,.directory-container-filters .masked-input .css-t3ipsp-control:focus,.directory-container-filters .masked-input .css-t3ipsp-control:focus-visible,.directory-container-filters .masked-input .css-t3ipsp-control:hover,.directory-container-filters .masked-input .css-v68sna-control:active,.directory-container-filters .masked-input .css-v68sna-control:focus,.directory-container-filters .masked-input .css-v68sna-control:focus-visible,.directory-container-filters .masked-input .css-v68sna-control:hover {
  border: 1px solid #7a35b0;
  -webkit-box-shadow: 0 0 0 1px #7a35b0;
  box-shadow: 0 0 0 1px #7a35b0;
  outline: 1px solid #7a35b0
}

.directory-container-filters .masked-input .css-blhudp-control {
  border: 1px solid #7a35b0;
  -webkit-box-shadow: 0 0 0 1px #7a35b0;
  box-shadow: 0 0 0 1px #7a35b0;
  outline: 1px solid #7a35b0
}

.directory-container-filters .masked-input .css-1nmdiq5-menu {
  max-height: 21pc;
  z-index: 100
}

.directory-container-filters .masked-input .css-16rf3qn {
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: inherit
}

.directory-container-filters .masked-input .react-datepicker-wrapper {
  position: relative;
  width: 100%
}

.directory-container-filters .masked-input .react-datepicker-wrapper .react-datepicker__input-container {
  width: inherit
}

.directory-container-filters .masked-input .react-datepicker-wrapper .react-datepicker__input-container .react-datepicker__container {
  cursor: pointer
}

.directory-container-filters .masked-input .react-datepicker-wrapper .react-datepicker__input-container .react-datepicker__container:after {
  background-image: url(clientlib-site/resources/images/calendar_black.svg);
  content: " ";
  height: 24px;
  position: absolute;
  right: 9pt;
  top: 9pt;
  width: 24px
}

.directory-container-filters .masked-input .react-datepicker-wrapper .react-datepicker__input-container input {
  background: #fff;
  border: 1px solid #222;
  border-radius: 8px;
  caret-color: transparent;
  color: #222;
  font-size: 1pc;
  font-weight: 400;
  height: 3pc;
  line-height: 150%;
  overflow: hidden;
  padding: 7px 35px 7px 20px;
  text-align: left;
  text-overflow: ellipsis;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .directory-container-filters .masked-input .react-datepicker-wrapper .react-datepicker__input-container input {
      font-size:1pc
  }
}

.directory-container-filters .masked-input .react-datepicker-wrapper .react-datepicker__input-container input.react-datepicker-ignore-onclickoutside {
  border: 1px solid #7a35b0
}

.directory-container-filters .masked-input .react-datepicker-wrapper .react-datepicker__input-container input:focus,.directory-container-filters .masked-input .react-datepicker-wrapper .react-datepicker__input-container input:focus-visible,.directory-container-filters .masked-input .react-datepicker-wrapper .react-datepicker__input-container input:hover {
  border: 1px solid #7a35b0;
  outline: none!important
}

.directory-container-filters .masked-input .react-datepicker-popper[data-placement^=bottom] {
  padding-top: 5px;
  z-index: 5
}

.directory-container-filters .masked-input .react-datepicker {
  border: 1px solid #e5e5e5;
  border-radius: 4px
}

.directory-container-filters .masked-input .react-datepicker__header {
  padding-top: 10px
}

.directory-container-filters .masked-input .react-datepicker__current-month {
  border-bottom: 1px solid #eee;
  padding-bottom: 8px
}

.directory-container-filters .masked-input .react-datepicker__day-name {
  color: #999
}

.directory-container-filters .masked-input .react-datepicker__day--selected {
  background-color: #fff;
  border-radius: 50%;
  color: #222;
  height: 26px;
  width: 26px
}

.directory-container-filters .masked-input .react-datepicker__day--in-range,.directory-container-filters .masked-input .react-datepicker__day--in-selecting-range {
  background: #f7f7f7;
  border-radius: 0;
  color: #222;
  margin-left: 0;
  margin-right: 0;
  padding-left: .166rem;
  padding-right: .166rem
}

.directory-container-filters .masked-input .react-datepicker__day--in-range.react-datepicker__day--range-end,.directory-container-filters .masked-input .react-datepicker__day--in-range.react-datepicker__day--range-start,.directory-container-filters .masked-input .react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start {
  color: #222;
  height: 30.8px;
  position: relative;
  width: 25.8px
}

.directory-container-filters .masked-input .react-datepicker__day--in-range.react-datepicker__day--range-end:before,.directory-container-filters .masked-input .react-datepicker__day--in-range.react-datepicker__day--range-start:before,.directory-container-filters .masked-input .react-datepicker__day--in-selecting-range.react-datepicker__day--selecting-range-start:before {
  border: 2px solid #7a35b0;
  border-radius: 50%;
  content: " ";
  height: 26.8px;
  position: absolute;
  width: 26.8px
}

.directory-container-filters .masked-input .react-datepicker__day--in-range.react-datepicker__day--range-start {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  padding-right: 8px
}

.directory-container-filters .masked-input .react-datepicker__day--in-range.react-datepicker__day--range-end {
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
  margin-right: 5px
}

.directory-container-filters .masked-input .react-datepicker__day:hover,.directory-container-filters .masked-input .react-datepicker__month-text:hover,.directory-container-filters .masked-input .react-datepicker__quarter-text:hover,.directory-container-filters .masked-input .react-datepicker__year-text:hover {
  background-color: #f9efff;
  border-radius: 50%;
  color: #222
}

.directory-container-filters .masked-input .react-datepicker__navigation {
  padding-top: 8px
}

.directory-container-filters .masked-input .react-datepicker__navigation-icon:before {
  border-color: #7a35b0
}

.directory-container-filters .masked-input .react-datepicker__day--keyboard-selected,.directory-container-filters .masked-input .react-datepicker__month-text--keyboard-selected,.directory-container-filters .masked-input .react-datepicker__quarter-text--keyboard-selected,.directory-container-filters .masked-input .react-datepicker__year-text--keyboard-selected {
  background: transparent
}

.directory-container-filters .masked-input .react-datepicker {
  border: 0;
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  padding: 0 20px;
  text-indent: 2.4px;
  text-indent: 0;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .directory-container-filters .masked-input .react-datepicker {
      font-size:9pt
  }
}

.directory-container-filters .masked-input .react-datepicker__triangle {
  display: none
}

.directory-container-filters .masked-input .react-datepicker__header {
  background-color: #fff;
  border: 0
}

.directory-container-filters .masked-input .react-datepicker__current-month {
  border-bottom: 1px solid #e5e5e5;
  color: #7a35b0;
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  padding: 9pt 0;
  text-indent: 2.4px
}

@media only screen and (max-width: 768px) {
  .directory-container-filters .masked-input .react-datepicker__current-month {
      font-size:9pt
  }
}

.directory-container-filters .masked-input .react-datepicker__navigation {
  top: 9pt
}

.directory-container-filters .masked-input .react-datepicker__navigation-icon:before {
  border-color: #7a35b0!important;
  border-width: 2px 2px 0 0
}

.directory-container-filters .masked-input .react-datepicker__navigation--next--disabled .react-datepicker__navigation-icon:before,.directory-container-filters .masked-input .react-datepicker__navigation--previous--disabled .react-datepicker__navigation-icon:before {
  border-color: #ababab!important
}

.directory-container-filters .masked-input .react-datepicker__navigation--previous {
  left: 20px
}

.directory-container-filters .masked-input .react-datepicker__navigation--next {
  right: 20px
}

.directory-container-filters .masked-input .react-datepicker__day-names {
  margin-top: 6px
}

.directory-container-filters .masked-input .react-datepicker__day-names div {
  color: #ababab;
  letter-spacing: 0;
  margin: .166rem .4rem;
  width: auto
}

.directory-container-filters .masked-input .react-datepicker__day {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 30.8px;
  justify-content: center;
  letter-spacing: normal;
  width: 30.8px
}

.directory-container-filters .masked-input .react-datepicker__day:hover {
  background-color: #f9efff;
  border-radius: 30px
}

.directory-container-filters .masked-input .react-datepicker__day--disabled:hover,.directory-container-filters .masked-input .react-datepicker__day--keyboard-selected {
  background-color: transparent
}

.directory-container-filters .masked-input .react-datepicker__week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.directory-container-filters .masked-input.en-locale .react-datepicker__month {
  margin: .4rem 0
}

.directory-container-filters .text-input label {
  display: block
}

.directory-container-filters .text-input input {
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ababab;
  font-size: 1pc;
  font-weight: 400;
  height: 3pc;
  line-height: 150%;
  padding: 9pt 14px 9pt 20px;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .directory-container-filters .text-input input {
      font-size:1pc
  }
}

.directory-container-filters .advanced-filter {
  padding-top: 22px;
  position: relative
}

.directory-container-filters .advanced-filter .filter-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #222;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3pc;
  justify-content: center;
  width: 3pc
}

.directory-container-filters .advanced-filter .filter-btn img {
  height: 24px;
  width: 24px
}

.directory-container-filters .advanced-filter .filter-btn span {
  background: url(clientlib-site/resources/images/filter.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  height: 24px;
  width: 24px
}

.directory-container-filters .advanced-filter .filter-count {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #7a35b0;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9pt;
  font-weight: 500;
  height: 24px;
  justify-content: center;
  letter-spacing: 2.4px;
  line-height: 150%;
  position: absolute;
  right: 0;
  text-indent: 2.4px;
  top: 10px;
  width: 24px
}

@media only screen and (max-width: 768px) {
  .directory-container-filters .advanced-filter .filter-count {
      font-size:9pt
  }
}

.directory-container-filters .advanced-filter .advanced-filter-modal {
  background-color: rgba(0,0,0,.5);
  bottom: 0;
  left: 0;
  min-height: 100vh;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: 0s ease-in-out 1s;
  transition: 0s ease-in-out 1s;
  width: 100vw;
  z-index: 250
}

@media only screen and (max-width: 767px) {
  .directory-container-filters .advanced-filter .advanced-filter-modal {
      background-color:#fff;
      height: 100%;
      min-height: 100vh
  }
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container {
  background: #fff;
  border-radius: 8px;
  bottom: 40px;
  clear: both;
  height: 66.67vh;
  left: 50%;
  overflow: auto;
  position: absolute;
  top: 20%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 60%
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container::-webkit-scrollbar {
  width: 4px
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container::-webkit-scrollbar-track {
  background: #ccc
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container::-webkit-scrollbar-thumb,.directory-container-filters .advanced-filter .advanced-filter-modal-container::-webkit-scrollbar-thumb:hover {
  background: #454545
}

@media only screen and (max-width: 767px) {
  .directory-container-filters .advanced-filter .advanced-filter-modal-container {
      border-radius:0;
      height: 100vh;
      overflow-x: hidden;
      overflow-y: scroll;
      top: 0;
      width: 100%
  }
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container {
  position: relative
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container .close {
  background: url(clientlib-site/resources/images/close-icon-black.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  float: right;
  height: 24px;
  margin-top: 2px;
  position: sticky;
  right: 24px;
  top: 42px;
  width: 24px;
  z-index: 10
}

@media only screen and (max-width: 767px) {
  .directory-container-filters .advanced-filter .advanced-filter-modal-container .close {
      position:absolute;
      right: 24px;
      top: 42px;
      z-index: 10
  }
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__header {
  background: #fff;
  padding: 40px 5% 24px;
  z-index: 10
}

@media only screen and (max-width: 767px) {
  .directory-container-filters .advanced-filter .advanced-filter-modal-container__header {
      padding-left:24px;
      padding-right: 24px
  }
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__header .title {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .directory-container-filters .advanced-filter .advanced-filter-modal-container__header .title {
      font-size:18px;
      letter-spacing: .18pc
  }
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__body {
  min-height: calc(66.67vh - 182px)
}

@media only screen and (max-width: 767px) {
  .directory-container-filters .advanced-filter .advanced-filter-modal-container__body {
      min-height:calc(100vh - 182px)
  }

  @supports(min-height: 100dvh) {
      .directory-container-filters .advanced-filter .advanced-filter-modal-container__body {
          min-height:calc(100dvh - 182px)
      }
  }
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__body .advanced-filter-container .filter-title {
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  padding: 1pc 5%
}

@media only screen and (max-width: 768px) {
  .directory-container-filters .advanced-filter .advanced-filter-modal-container__body .advanced-filter-container .filter-title {
      font-size:18px
  }
}

@media only screen and (max-width: 767px) {
  .directory-container-filters .advanced-filter .advanced-filter-modal-container__body .advanced-filter-container .filter-title {
      padding-left:24px;
      padding-right: 24px
  }
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__body .advanced-filter-container .filter-options {
  clear: both;
  overflow: auto;
  padding: 24px 5%
}

@media only screen and (max-width: 767px) {
  .directory-container-filters .advanced-filter .advanced-filter-modal-container__body .advanced-filter-container .filter-options {
      padding-left:24px;
      padding-right: 24px
  }
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__body .advanced-filter-container .filter-options.radio-btn-wrapper {
  padding: 1pc 0 60px
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__body .advanced-filter-container .filter-options .custom-checkbox {
  margin-bottom: 1pc;
  padding-right: 24px
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__body .advanced-filter-container .accordian .filter-title {
  border: 1px solid #ccc;
  border-left: none;
  border-right: none;
  cursor: pointer;
  text-align: left;
  width: 100%
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__body .advanced-filter-container .accordian .filter-title:after {
  border: solid #222;
  border-width: 0 2px 2px 0;
  content: "";
  display: inline-block;
  margin: -1pc 22px 0 0;
  padding: 3px;
  position: absolute;
  right: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

@media only screen and (min-width: 768px)and (max-width:991px) {
  .directory-container-filters .advanced-filter .advanced-filter-modal-container__body .advanced-filter-container .accordian .filter-title:after {
      margin:-26px 3pc 0 0
  }
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__body .advanced-filter-container .accordian .filter-title.open:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg)
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__footer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: #222;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  padding: 24px 0;
  position: sticky;
  text-align: center;
  z-index: 10
}

@media only screen and (max-width: 767px) {
  .directory-container-filters .advanced-filter .advanced-filter-modal-container__footer {
      padding-left:24px;
      padding-right: 24px;
      position: sticky;
      width: 100%
  }

  @supports(padding-bottom: 100dvh) {
      .directory-container-filters .advanced-filter .advanced-filter-modal-container__footer {
          padding-bottom:calc(100vh - 100dvh + 24px)
      }
  }
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__footer button {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__footer .clear-all {
  margin-right: 24px
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__footer .clear-all.not-empty {
  cursor: pointer
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__footer .clear-all.empty {
  border: 2px solid #ababab;
  color: #ababab
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__footer .empty.apply-all {
  background: #e5e5e5;
  border: 2px solid #e5e5e5;
  color: #ababab
}

.directory-container-filters .advanced-filter .advanced-filter-modal-container__footer .not-empty.apply-all {
  background: #fff;
  color: #222;
  cursor: pointer
}

.directory-container-items {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px
}

@media only screen and (min-width: 768px)and (max-width:991px) {
  .directory-container-items {
      margin-right:-9pt
  }
}

@media only screen and (min-width: 992px) {
  .directory-container-items {
      margin-right:-24px
  }
}

.directory-container-items .directory-cards {
  display: block;
  height: 100%;
  padding: 0;
  text-decoration: none
}

@media only screen and (max-width: 767px) {
  .directory-container-items .directory-cards {
      padding-bottom:1pc
  }
}

.directory-container-items .directory-cards .swiper {
  --swiper-navigation-size: 24px;
  --swiper-theme-color: #fff;
  --swiper-navigation-sides-offset: 0
}

.directory-container-items .directory-cards .swiper-wrapper {
  aspect-ratio: 8/5;
  border-radius: 8px;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .directory-container-items .directory-cards .swiper-wrapper {
      border-radius:4px
  }
}

.directory-container-items .directory-cards .swiper-slide {
  border-radius: 8px
}

@media only screen and (max-width: 767px) {
  .directory-container-items .directory-cards .swiper-slide {
      border-radius:4px
  }
}

.directory-container-items .directory-cards .swiper-slide .slide-image {
  aspect-ratio: 8/5;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.directory-container-items .directory-cards .swiper-slide .slide-image-overlay {
  background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,rgba(0,0,0,.2)),to(rgba(0,0,0,.4)));
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4));
  bottom: 0;
  height: 50%;
  position: absolute;
  width: 100%;
  z-index: 1
}

.directory-container-items .directory-cards .swiper-slide .slide-image img {
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 100%
}

.directory-container-items .directory-cards .swiper-pagination {
  --swiper-pagination-bottom: 20px;
  --swiper-pagination-color: #ffd200;
  --swiper-pagination-bullet-inactive-color: #e5e5e5;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-height: 10px;
  --swiper-pagination-bullet-width: 10px;
  --swiper-pagination-bullet-size: 10px;
  left: auto;
  right: 20px;
  text-align: right
}

.directory-container-items .directory-cards .swiper-button-next,.directory-container-items .directory-cards .swiper-button-prev {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background: rgba(34,34,34,.05);
  padding: 1pc;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.directory-container-items .directory-cards-image {
  position: relative
}

.directory-container-items .directory-cards-image-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  left: 1pc;
  position: absolute;
  right: 1pc;
  top: 1pc;
  z-index: 2
}

.directory-container-items .directory-cards-image-tags div {
  background-color: #f7f7f7;
  border-radius: 60px;
  color: #222;
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  padding: 4px 15px;
  text-align: center;
  text-indent: 2.4px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .directory-container-items .directory-cards-image-tags div {
      font-size:9pt
  }
}

.directory-container-items .directory-cards-slide-details {
  padding-top: 24px
}

@media only screen and (max-width: 767px) {
  .directory-container-items .directory-cards-slide-details {
      padding-top:1pc
  }
}

.directory-container-items .directory-cards-slide-details__tags span {
  background: #e5e5e5;
  border-radius: 4px;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 4px 15px;
  text-align: center;
  text-transform: capitalize
}

@media only screen and (max-width: 768px) {
  .directory-container-items .directory-cards-slide-details__tags span {
      font-size:14px
  }
}

.directory-container-items .directory-cards-slide-details__title {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 1pc;
  text-transform: capitalize
}

@media only screen and (max-width: 768px) {
  .directory-container-items .directory-cards-slide-details__title {
      font-size:20px
  }
}

.directory-container-items .directory-cards-slide-details__separator {
  background: #222;
  border: 1px solid #222;
  width: 72px
}

.directory-container-items .directory-cards-slide-details__desc {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 1pc
}

@media only screen and (max-width: 768px) {
  .directory-container-items .directory-cards-slide-details__desc {
      font-size:1pc
  }
}

.directory-container-items .directory-cards-slide-details__desc p {
  margin: 0
}

.directory-container-items .directory-cards-slide-details__info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
  line-height: 150%;
  margin-top: 1pc
}

@media only screen and (max-width: 768px) {
  .directory-container-items .directory-cards-slide-details__info {
      font-size:1pc
  }
}

.directory-container-items .directory-cards-slide-details__info .terminal-area__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px
}

.directory-container-items .directory-cards-slide-details__info .airport {
  color: #222;
  font-weight: 700;
  text-transform: capitalize
}

.directory-container-items .directory-cards-slide-details__info .level {
  color: #222;
  font-weight: 400;
  text-transform: capitalize
}

.directory-container-items .directory-cards-slide-details__info .status {
  color: #999;
  font-weight: 400
}

.directory-container-items .directory-cards-slide-details__info .full-width {
  width: 100%
}

.directory-container-items .directory-cards-slide-details__info .myreward-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px
}

.directory-container-items .directory-cards-slide-details__info .dot {
  font-size: 7px
}

.directory-container-items .directory-cards-slide-details .shop-online p {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f2e2ff;
  border-radius: 20px;
  color: #7a35b0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 0;
  margin-top: 1pc;
  padding: 6px 20px 6px 1pc
}

.directory-container-items .directory-cards-slide-details .shop-online p .shop-icon {
  background: url(clientlib-site/resources/images/ishopchangi.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  margin-right: 8px;
  width: 24px
}

.directory-container-items .directory-cards-slide-details .shop-online p .shop-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .directory-container-items .directory-cards-slide-details .shop-online p .shop-text {
      font-size:1pc
  }
}

@media only screen and (min-width: 768px) {
  .directory-container-items .directory-cards:hover img:not(.freeze) {
      -webkit-transform:scale(1.1);
      transform: scale(1.1);
      -webkit-transition: .2s ease-in;
      transition: .2s ease-in
  }
}

.directory-container-items .directory-cards .promotion-container {
  background: #222;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  height: 508px;
  padding-top: 40px;
  position: relative
}

@media only screen and (max-width: 767px) {
  .directory-container-items .directory-cards .promotion-container {
      height:457px
  }
}

.directory-container-items .directory-cards .promotion-container__overlay {
  background: -webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(50%,rgba(0,0,0,.3)),to(rgba(0,0,0,.8)));
  background: linear-gradient(0deg,transparent,rgba(0,0,0,.3) 50%,rgba(0,0,0,.8));
  border-radius: 8px 8px 0 0;
  height: 80%;
  padding-bottom: 75pt;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

@media only screen and (max-width: 767px) {
  .directory-container-items .directory-cards .promotion-container__overlay {
      height:70%
  }
}

.directory-container-items .directory-cards .promotion-container__content {
  position: absolute;
  width: 100%;
  word-break: break-word;
  z-index: 2
}

.directory-container-items .directory-cards .promotion-container__content__chip {
  background: #fff;
  border-radius: 4px;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin: 0 0 1pc 40px;
  padding: 4px 15px
}

@media only screen and (max-width: 768px) {
  .directory-container-items .directory-cards .promotion-container__content__chip {
      font-size:14px
  }
}

.directory-container-items .directory-cards .promotion-container__content__title {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  padding: 0 40px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .directory-container-items .directory-cards .promotion-container__content__title {
      font-size:24px
  }
}

.directory-container-items .directory-cards .promotion-container__content__separator {
  background: #fff;
  border: 1px solid #fff;
  margin-bottom: 1pc;
  margin-left: 40px;
  margin-top: 1pc;
  width: 72px
}

.directory-container-items .directory-cards .promotion-container__content__desc {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 1pc;
  padding: 0 40px
}

@media only screen and (max-width: 768px) {
  .directory-container-items .directory-cards .promotion-container__content__desc {
      font-size:1pc
  }
}

.directory-container-items .directory-cards .promotion-container__content__btn {
  padding: 9pt 40px 40px
}

.directory-container-items .directory-cards .promotion-container__content__btn a {
  background: #fff;
  border-radius: 30px;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc;
  text-decoration: none
}

.directory-container-items .directory-cards.experience .directory-cards-slide-details {
  padding-top: 40px;
  text-align: center
}

@media only screen and (max-width: 767px) {
  .directory-container-items .directory-cards.experience .directory-cards-slide-details {
      padding-top:24px
  }
}

.directory-container-items .directory-cards.experience .directory-cards-slide-details .directory-cards-slide-details__title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  padding-bottom: 24px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .directory-container-items .directory-cards.experience .directory-cards-slide-details .directory-cards-slide-details__title {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.directory-container-items .directory-cards.experience .directory-cards-slide-details .directory-cards-slide-details__separator {
  margin: auto
}

.directory-container-items .directory-cards.experience .directory-cards-slide-details .directory-cards-slide-details__desc {
  margin-bottom: 0;
  margin-top: 24px
}

.directory-container .custom-checkbox {
  cursor: pointer;
  display: block;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  padding-left: 36px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media only screen and (max-width: 768px) {
  .directory-container .custom-checkbox {
      font-size:1pc
  }
}

.directory-container .custom-checkbox .truncate-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.directory-container .custom-checkbox input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0
}

.directory-container .custom-checkbox .checkmark {
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px
}

.directory-container .custom-checkbox input:checked~.checkmark {
  background-color: #7a35b0
}

.directory-container .custom-checkbox .checkmark:after {
  content: "";
  display: none;
  position: absolute
}

.directory-container .custom-checkbox input:checked~.checkmark:after {
  display: block
}

.directory-container .custom-checkbox .checkmark:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  height: 8px;
  left: 7px;
  top: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 3px
}

.directory-container .load-more-container {
  background: #f7f7f7;
  margin-top: 24px;
  text-align: center
}

.directory-container .load-more-container:hover {
  background-color: #e5e5e5
}

.directory-container .load-more-container button {
  background: transparent;
  border: none;
  color: #7a35b0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  padding: 24px 5%;
  text-align: center;
  text-transform: uppercase;
  width: 100%
}

.directory-container .load-more-container .loader-container.circular {
  padding: 24px 5%
}

.directory-container .load-more-container .loader-container.circular .loader {
  margin: 0 auto
}

.directory-container .results-shown {
  margin-top: 3pc;
  text-align: center
}

.directory-container .results-shown .progressbar {
  background: #ccc;
  border-radius: 8px;
  height: 4px;
  margin: 0 auto 24px;
  width: 149px
}

.directory-container .results-shown .progressbar .progress {
  background: #454545;
  border-radius: 8px;
  height: 100%
}

.directory-container .results-shown .results {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .directory-container .results-shown .results {
      font-size:1pc
  }
}

.directory-container .results-shown .results .text-bold {
  font-size: 1pc;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .directory-container .results-shown .results .text-bold {
      font-size:1pc
  }
}

@media only screen and (max-width: 767px) {
  .directory-container .display-lg {
      display:none
  }
}

@media only screen and (min-width: 768px) {
  .directory-container .display-sm {
      display:none
  }
}

.directory-container.partner_container {
  padding-top: 40px
}

@media only screen and (max-width: 767px) {
  .directory-container.partner_container {
      padding-top:24px
  }
}

.directory-container.experience_container {
  background-color: #f3efe9
}

.directory-container.experience_container .directory-container-wrapper {
  margin: 0 auto
}

.directory-container.experience_container .directory-container-filters {
  background-color: #f3efe9
}

.directory-container.experience_container .directory-cards-slide-details__title {
  -webkit-line-clamp: unset;
  line-clamp: unset;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: auto;
  text-overflow: unset
}

.directory-container.experience_container .experience-card {
  background-color: #fff;
  border-radius: 8px;
  height: calc(100% - 5pc);
  padding: 40px
}

@media only screen and (max-width: 991px) {
  .directory-container.experience_container .experience-card {
      height:calc(100% - 3pc);
      padding: 24px
  }
}

.gallery_container.directory-container .col-3,.news-details-section .col-3 {
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {
  .gallery_container.directory-container .col-3,.news-details-section .col-3 {
      margin-bottom:0
  }
}

.media-container.directory-container .col-3 {
  margin-bottom: 0
}

@media only screen and (min-width: 768px) {
  .media-container.directory-container .col-3 {
      margin-bottom:0
  }
}

.media-container.directory-container .load-more-container {
  margin-top: 40px
}

.media-container.directory-container .directory-container-filters {
  padding-bottom: 40px;
  padding-top: 60px
}

@media only screen and (max-width: 767px) {
  .media-container.directory-container .directory-container-filters {
      padding-bottom:24px;
      padding-top: 40px
  }
}

.media-container.directory-container .directory-container-filters label {
  color: #222;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%
}

.media-container.directory-container .directory-container-filters input {
  border: 1px solid #ababab;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .media-container.directory-container .directory-container-filters input {
      font-size:1pc
  }
}

.media-container.directory-container .directory-container-filters input:active,.media-container.directory-container .directory-container-filters input:focus,.media-container.directory-container .directory-container-filters input:focus-visible,.media-container.directory-container .directory-container-filters input:hover {
  border: 1px solid #7a35b0;
  -webkit-box-shadow: 0 0 0 1px #7a35b0;
  box-shadow: 0 0 0 1px #7a35b0;
  outline: 1px solid #7a35b0
}

.media-container.directory-container .directory-container-filters input ::-ms-input-placeholder {
  color: #ababab;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

.media-container.directory-container .directory-container-filters input ::-webkit-input-placeholder {
  color: #ababab;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

.media-container.directory-container .directory-container-filters input ::-moz-placeholder {
  color: #ababab;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

.media-container.directory-container .directory-container-filters input :-ms-input-placeholder {
  color: #ababab;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

.media-container.directory-container .directory-container-filters input ::placeholder {
  color: #ababab;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

.media-container.directory-container .directory-container-filters .masked-input label {
  color: #222;
  display: block;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 4px
}

.media-container.directory-container .directory-container-filters .masked-input .css-13cymwt-control,.media-container.directory-container .directory-container-filters .masked-input .css-blhudp-control,.media-container.directory-container .directory-container-filters .masked-input .css-t3ipsp-control,.media-container.directory-container .directory-container-filters .masked-input .css-v68sna-control {
  border: 1px solid #222;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

.media-container.directory-container .directory-container-filters .masked-input .css-1jqq78o-placeholder {
  padding-left: 9pt
}

.media-container.directory-container .directory-container-filters .masked-input .css-1nmdiq5-menu {
  max-height: 21pc
}

.media-container.directory-container .directory-container-filters .masked-input .search-icon {
  display: inline-block;
  height: 24px;
  position: absolute;
  right: 14px;
  top: 9pt;
  width: 24px;
  z-index: 1
}

.media-container.directory-container .directory-container-filters .masked-input .search-icon .search-icon-image {
  background: url(clientlib-site/resources/images/search_black.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  width: 24px
}

@media only screen and (max-width: 767px) {
  .media-container.directory-container .directory-container-filters .location-filter {
      padding-right:8px
  }
}

.media-container.directory-container .directory-container-filters .publication-filter {
  padding-right: 0
}

@media only screen and (max-width: 767px) {
  .media-container.directory-container .directory-container-filters .advanced-filter-modal-container__footer {
      padding-left:0;
      padding-right: 0;
      position: fixed;
      width: 100%
  }

  .media-container.directory-container .directory-container-items {
      gap: 40px
  }
}

.media-container.directory-container .directory-container-items-featured {
  border: 1px solid #ccc;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  text-decoration: none
}

@media only screen and (min-width: 768px) {
  .media-container.directory-container .directory-container-items-featured:hover img:not(.freeze) {
      -webkit-transform:scale(1.1);
      transform: scale(1.1);
      -webkit-transition: .2s ease-in;
      transition: .2s ease-in
  }
}

.media-container.directory-container .directory-container-items-featured_image {
  border-radius: 8px 0 0 8px;
  max-height: 427px;
  overflow: hidden;
  position: relative;
  width: 50%
}

.media-container.directory-container .directory-container-items-featured_image img {
  border-radius: 8px 0 0 8px;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .media-container.directory-container .directory-container-items-featured_image,.media-container.directory-container .directory-container-items-featured_image img {
      border-radius:8px 8px 0 0
  }
}

.media-container.directory-container .directory-container-items-featured_content {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  width: 50%
}

.media-container.directory-container .directory-container-items-featured_content-wrapper {
  padding: 40px
}

@media only screen and (max-width: 767px) {
  .media-container.directory-container .directory-container-items-featured_content-wrapper {
      padding:20px 20px 24px
  }
}

.media-container.directory-container .directory-container-items-featured_content-tags {
  background: #e5e5e5;
  border-radius: 4px;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 4px 15px
}

@media only screen and (max-width: 768px) {
  .media-container.directory-container .directory-container-items-featured_content-tags {
      font-size:14px
  }
}

.media-container.directory-container .directory-container-items-featured_content-title {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 1pc;
  padding-bottom: 0
}

@media only screen and (max-width: 768px) {
  .media-container.directory-container .directory-container-items-featured_content-title {
      font-size:20px
  }
}

.media-container.directory-container .directory-container-items-featured_content-desc {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 1pc
}

@media only screen and (max-width: 768px) {
  .media-container.directory-container .directory-container-items-featured_content-desc {
      font-size:1pc
  }
}

.media-container.directory-container .directory-container-items-featured_content-desc p {
  margin: 0
}

.media-container.directory-container .directory-container-items-featured_content-date {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 1pc
}

@media only screen and (max-width: 768px) {
  .media-container.directory-container .directory-container-items-featured_content-date {
      font-size:14px
  }
}

.media-container.directory-container .directory-container-items-featured_content-url {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px
}

.media-container.directory-container .directory-container-items-featured_content-url button {
  background: transparent;
  border: none;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  padding: 0;
  text-align: left;
  text-decoration: none
}

@media only screen and (max-width: 768px) {
  .media-container.directory-container .directory-container-items-featured_content-url button {
      font-size:1pc
  }
}

.media-container.directory-container .directory-container-items-featured_content-url span {
  background: url(clientlib-site/resources/images/arrow-icon.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 1pc;
  width: 1pc
}

@media only screen and (max-width: 767px) {
  .media-container.directory-container .directory-container-items-featured {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      border: 1px solid #ccc;
      border-radius: 8px;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .media-container.directory-container .directory-container-items-featured_image {
      border-radius: 8px 8px 0 0;
      width: 100%
  }

  .media-container.directory-container .directory-container-items-featured_content {
      width: auto
  }
}

.media-container.directory-container .directory-container-items .directory-cards {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  text-decoration: none
}

@media only screen and (max-width: 767px) {
  .media-container.directory-container .directory-container-items .directory-cards {
      padding-bottom:0
  }
}

.media-container.directory-container .directory-container-items .directory-cards-image .swiper-wrapper {
  border-radius: 8px 8px 0 0;
  max-height: 308px
}

.media-container.directory-container .directory-container-items .directory-cards-image .swiper-wrapper .swiper-slide .slide-image {
  border-radius: 8px 8px 0 0
}

.media-container.directory-container .directory-container-items .directory-cards-slide-details {
  padding: 24px
}

@media only screen and (max-width: 767px) {
  .media-container.directory-container .directory-container-items .directory-cards-slide-details {
      padding:20px 20px 24px
  }
}

@media only screen and (min-width: 768px) {
  .media-container.directory-container .directory-container-items .directory-cards-slide-details {
      padding-bottom:78px
  }
}

.media-container.directory-container .directory-container-items .directory-cards-slide-details__tags span {
  text-transform: none
}

.media-container.directory-container .directory-container-items .directory-cards-slide-details__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 1pc;
  padding-bottom: 0;
  text-transform: none
}

@media only screen and (max-width: 768px) {
  .media-container.directory-container .directory-container-items .directory-cards-slide-details__title {
      font-size:20px
  }
}

@media only screen and (min-width: 768px) {
  .media-container.directory-container .directory-container-items .directory-cards-slide-details .info_wrapper {
      bottom:24px;
      left: 24px;
      position: absolute
  }
}

.media-container.directory-container .directory-container-items .directory-cards-slide-details__date {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 1pc
}

@media only screen and (max-width: 768px) {
  .media-container.directory-container .directory-container-items .directory-cards-slide-details__date {
      font-size:14px
  }
}

.media-container.directory-container .directory-container-items .directory-cards-slide-details__url {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.media-container.directory-container .directory-container-items .directory-cards-slide-details__url button {
  background: transparent;
  border: none;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  padding: 0;
  text-align: left;
  text-decoration: none
}

@media only screen and (max-width: 768px) {
  .media-container.directory-container .directory-container-items .directory-cards-slide-details__url button {
      font-size:1pc
  }
}

.media-container.directory-container .directory-container-items .directory-cards-slide-details__url span {
  background: url(clientlib-site/resources/images/arrow-icon.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 1pc;
  margin-left: 8px;
  width: 1pc
}

@media only screen and (min-width: 768px) {
  .media-container.directory-container .directory-container-items .directory-cards-slide-details.removeExtension {
      padding-bottom:40px
  }

  .media-container.directory-container .directory-container-items .directory-cards-slide-details.removeExtension .directory-cards-slide-details__date {
      padding-bottom: 0
  }
}

.cmp-tags--white .ls-container .directory-cards-slide-details__tags span {
  background: #fff;
  color: #222
}

.cmp-directory-listing--promocard--desc__iscblack .promotion-container__content__desc,.cmp-directory-listing--promocard--title__iscblack .promotion-container__content__title {
  color: #222!important
}

.cmp-dropdown {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-dropdown {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.cmp-dropdown__button {
  background-color: #222;
  border: 0;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  padding: 8px 41px 8px 20px
}

@media only screen and (max-width: 768px) {
  .cmp-dropdown__button {
      font-size:20px;
      letter-spacing: .2pc
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-dropdown__button {
      padding-right:43px
  }
}

.cmp-dropdown__button:before {
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  content: " ";
  display: block;
  height: 8px;
  position: absolute;
  right: 19px;
  top: 15px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 8px
}

@media only screen and (max-width: 1024px) {
  .cmp-dropdown__button:before {
      right:21px;
      top: 13px
  }
}

.cmp-dropdown__button.show+.dropdown-content {
  display: block!important
}

.cmp-dropdown .dropdown-content {
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  cursor: pointer;
  display: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 60px;
  z-index: 99
}

@media only screen and (max-width: 1024px) {
  .cmp-dropdown .dropdown-content {
      top:50px
  }
}

.cmp-dropdown .dropdown-content ul {
  background: #fff;
  list-style: none;
  margin: 0;
  padding: 0
}

.cmp-dropdown .dropdown-content ul li {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  padding: 8px 40px 8px 20px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-dropdown .dropdown-content ul li {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.cmp-dropdown .dropdown-content ul li.active {
  background-color: #f7f7f7;
  position: relative
}

.cmp-dropdown .dropdown-content ul li.active:before {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 9pt;
  position: absolute;
  right: 1pc;
  top: 14px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 6px
}

@media only screen and (max-width: 1024px) {
  .cmp-dropdown .dropdown-content ul li.active:before {
      top:10px
  }
}

.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper {
  border-bottom: 1px solid #ccc;
  padding-top: 40px;
  position: relative
}

.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-tabs__control {
  height: 2pc;
  left: 0;
  margin: 0 auto;
  max-width: 846px;
  position: absolute;
  right: 0;
  top: auto;
  width: 100%
}

.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-tabs__control .dy-prev {
  background: -webkit-gradient(linear,left top,right top,color-stop(49.41%,#fff),to(hsla(0,0%,100%,0)));
  background: linear-gradient(90deg,#fff 49.41%,hsla(0,0%,100%,0));
  cursor: pointer;
  height: 2pc;
  left: 0;
  position: absolute;
  width: calc(60px + 5vw);
  z-index: 3
}

.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-tabs__control .dy-prev:after {
  bottom: 0;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='m16.328 6.25-5.5 5.5 5.5 5.5-1.414 1.414L8 11.75l6.914-6.914z' fill='%23222' clip-rule='evenodd'/%3E%3C/svg%3E");
  display: block;
  height: 24px;
  left: 5vw;
  margin: 0 auto;
  position: absolute;
  right: auto;
  top: 0;
  width: 24px
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-tabs__control .dy-prev:after {
      right:0
  }
}

@media only screen and (max-width: 991px) {
  .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-tabs__control .dy-prev {
      width:60px
  }

  .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-tabs__control .dy-prev:after {
      left: 0
  }
}

.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-tabs__control .dy-next {
  background: -webkit-gradient(linear,right top,left top,color-stop(49.41%,#fff),to(hsla(0,0%,100%,0)));
  background: linear-gradient(270deg,#fff 49.41%,hsla(0,0%,100%,0));
  cursor: pointer;
  height: 2pc;
  position: absolute;
  right: 0;
  width: calc(60px + 5vw);
  z-index: 3
}

.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-tabs__control .dy-next:after {
  bottom: 0;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='m7.672 17.25 5.5-5.5-5.5-5.5 1.414-1.414L16 11.75l-6.914 6.914z' fill='%23222' clip-rule='evenodd'/%3E%3C/svg%3E");
  display: block;
  height: 24px;
  left: auto;
  margin: 0 auto;
  position: absolute;
  right: 5vw;
  top: 0;
  width: 24px
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-tabs__control .dy-next:after {
      left:0
  }
}

@media only screen and (max-width: 991px) {
  .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-tabs__control .dy-next {
      width:60px
  }

  .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-tabs__control .dy-next:after {
      right: 0
  }
}

.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-tabs__control+.cmp-secondary-tab {
  max-width: 846px;
  position: relative;
  z-index: 2
}

.cmp-cag .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .h2,.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-cag .h2,.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper h2,.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper>div {
  margin: 0 auto;
  max-width: 846px;
  width: auto
}

@media only screen and (max-width: 1024px) {
  .cmp-cag .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .h2,.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-cag .h2,.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper h2,.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper>div {
      margin:0 24px
  }
}

.cmp-cag .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .h2,.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-cag .h2,.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .h2,.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-cag .h2,.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper h2 {
      font-size:18px
  }
}

.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-secondary-tab {
  -ms-overflow-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 1pc;
  margin: 24px auto;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
  white-space: nowrap
}

.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-secondary-tab::-webkit-scrollbar {
  display: none
}

.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-secondary-tab>div {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 150%;
  padding: 4px 1pc;
  text-indent: 2.8px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-secondary-tab>div {
      font-size:14px
  }
}

.cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-secondary-tab>div.active {
  background: #000;
  border-radius: 75pt;
  color: #fff
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-secondary-tab>div:first-child {
      margin-left:24px
  }

  .cmp-directorydetail-tabs .dynamic-secondary-tab-wrapper .cmp-secondary-tab>div:last-child {
      margin-right: 24px
  }
}

.cmp-directorydetail-tabs .directory-container .directory-container-items {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease
}

.cmp-directorydetail-tabs .directory-container .directory-container-items.hidden {
  opacity: 0
}

.error-container {
  padding: 60px 0;
  text-align: center
}

.error-container__img .errorIcon {
  background-image: url(clientlib-site/resources/images/eva_refresh-outline.png);
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 40px;
  width: 40px
}

.error-container__heading {
  color: #1a1a1a;
  font-size: var(--fontSizeLarge,24px);
  font-weight: 700;
  padding: 8px 0
}

.error-container__desc {
  color: #1a1a1a;
  font-size: var(--fontSizeH4,1pc);
  font-weight: 400;
  padding-bottom: 23px
}

.error-container__cta button {
  background-color: #1a1a1a;
  border: 2px solid #1a1a1a;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  font-size: var(--fontSizeH5,14px);
  font-weight: 700;
  padding: 9pt 2pc
}

.experience-details {
  padding: 60px 5%
}

@media only screen and (max-width: 767px) {
  .experience-details {
      padding:40px 24px
  }
}

.experience-details .error-container {
  text-align: center
}

.experience-details-banner {
  background: #f3efe9
}

.experience-details-banner_content {
  max-width: 90pc;
  padding: 6pc 5%
}

@media only screen and (max-width: 767px) {
  .experience-details-banner_content {
      padding:40px 24px
  }
}

.experience-details-banner_content-title {
  color: #222;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  max-width: 737px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .experience-details-banner_content-title {
      font-size:24px
  }
}

.experience-details-banner_content-desc {
  color: #222;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .216px;
  line-height: 150%;
  max-width: 737px
}

.experience-details-card {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  justify-content: center;
  margin: auto auto 40px;
  max-width: 1062px;
  padding: 1pc 0;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .experience-details-card {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 0;
      margin-bottom: 24px;
      padding: 24px 0
  }
}

.experience-details-card__image-container {
  max-width: 519px;
  position: relative;
  width: 50%
}

@media only screen and (max-width: 767px) {
  .experience-details-card__image-container {
      margin-bottom:24px;
      margin-left: 0;
      margin-right: 0;
      max-width: 100%;
      width: 100%
  }
}

.experience-details-card__image-container .chip-container {
  background: #fff;
  border-radius: 60px;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 1pc;
  padding: 4px 15px;
  position: absolute;
  top: 1pc
}

.experience-details-card__image-container .chip-container .chip-icon {
  background: url(clientlib-site/resources/images/lock-dark.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 1pc;
  margin-right: 8px;
  width: 1pc
}

.experience-details-card__image-container .chip-container .chip-text {
  font-size: 9pt;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  text-transform: uppercase
}

.experience-details-card__image-container .img-wrapper {
  aspect-ratio: 5/7;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 767px) {
  .experience-details-card__image-container .img-wrapper {
      aspect-ratio:auto;
      height: 457px
  }
}

.experience-details-card__image-container .img-wrapper img {
  border-radius: 8px;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 100%
}

.experience-details-card__text-container {
  text-align: left;
  width: 50%
}

@media only screen and (max-width: 767px) {
  .experience-details-card__text-container {
      width:100%
  }
}

.experience-details-card__text-container_id {
  color: #ababab;
  font-size: 72px;
  font-weight: 400;
  line-height: 120%;
  max-width: 426px;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .experience-details-card__text-container_id {
      font-size:56px
  }
}

@media only screen and (max-width: 767px) {
  .experience-details-card__text-container_id {
      max-width:100%
  }
}

.experience-details-card__text-container_title {
  color: #222;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  max-width: 426px;
  padding-top: 1pc;
  text-transform: uppercase;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .experience-details-card__text-container_title {
      font-size:24px
  }
}

@media only screen and (max-width: 767px) {
  .experience-details-card__text-container_title {
      max-width:100%
  }
}

.experience-details-card__text-container_desc {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  max-width: 426px;
  padding-bottom: 24px;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .experience-details-card__text-container_desc {
      font-size:1pc
  }
}

@media only screen and (max-width: 767px) {
  .experience-details-card__text-container_desc {
      max-width:100%
  }
}

.experience-details-card__text-container_cta a {
  background-color: #222;
  border-radius: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc;
  text-decoration: none
}

.experience-details-card.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: 40px
}

@media only screen and (max-width: 767px) {
  .experience-details-card.reverse {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 0
  }
}

.cmp-card--portrait {
  color: #222
}

.cmp-card--portrait .cmp-teaser__card {
  padding: 40px
}

@media screen and (max-width: 768px) {
  .cmp-card--portrait .cmp-teaser__card {
      padding:20px
  }
}

.cmp-card--portrait .cmp-teaser__card .cmp-teaser__image .cmp-image__image {
  border-radius: 8px;
  min-height: 330px;
  min-width: 330px
}

@media screen and (max-width: 768px) {
  .cmp-card--portrait .cmp-teaser__card .cmp-teaser__image .cmp-image__image {
      min-height:246px;
      min-width: 246px
  }
}

.cmp-card--portrait .cmp-teaser__card .cmp-teaser__title {
  -webkit-box-flex: 0!important;
  -ms-flex-positive: 0!important;
  flex-grow: 0!important;
  text-align: center
}

.cmp-card--portrait .cmp-teaser__card .cmp-teaser__title .cmp-title__text {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  margin-bottom: 0
}

@media only screen and (max-width: 768px) {
  .cmp-card--portrait .cmp-teaser__card .cmp-teaser__title .cmp-title__text {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.cmp-card--portrait .cmp-teaser__card .cmp-teaser__title:after {
  background: #222;
  content: "";
  display: inline-block;
  height: 1px;
  margin: 24px 0;
  width: 72px
}

.cmp-card--portrait .swiper-wrapper {
  margin-bottom: 57px
}

.cmp-card--portrait .cmp-title__text {
  text-transform: uppercase
}

.cmp-card--portrait .cmp-teaser__content {
  margin: 0 auto;
  max-width: 330px;
  padding: 40px 0 0;
  text-align: center
}

@media screen and (max-width: 768px) {
  .cmp-card--portrait .cmp-teaser__content {
      padding:24px 0 0!important
  }
}

.cmp-card--portrait .cmp-teaser__description {
  -webkit-box-flex: 0!important;
  -ms-flex-positive: 0!important;
  flex-grow: 0!important;
  margin-top: 0!important
}

.cmp-card--portrait .cmp-teaser__description p {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
  overflow: initial;
  text-overflow: clip
}

@media only screen and (max-width: 768px) {
  .cmp-card--portrait .cmp-teaser__description p {
      font-size:1pc
  }
}

.cmp-cardlisting—portrait .swiper-slide:nth-child(2n) .cmp-teaser__card {
  margin-top: 40px
}

#QSIFeedbackButton-shadowbox {
  z-index: 250!important
}

.QSIFeedbackButton {
  z-index: 201!important
}

.QSIFeedbackButton.custom {
  z-index: 251!important
}

.cmp-flight-details {
  clear: both;
  display: block;
  margin: 0 auto;
  max-width: 844px;
  padding: 2pc 5vw
}

@media only screen and (max-width: 576px) {
  .cmp-flight-details {
      padding:24px 24px 40px
  }
}

.cmp-flight-details__card-slider .h4.cmp-teaser__title,.cmp-flight-details__card-slider h4.cmp-teaser__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__card-slider .h4.cmp-teaser__title,.cmp-flight-details__card-slider h4.cmp-teaser__title {
      font-size:20px
  }
}

.cmp-flight-details .empty {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ababab;
  color: transparent;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 3px;
  width: 13px
}

.cmp-flight-details__airline {
  padding: 2pc 0
}

@media only screen and (max-width: 1024px) {
  .cmp-flight-details__airline {
      padding:24px 0
  }
}

.cmp-flight-details__banner img {
  height: auto;
  width: 100%
}

.cmp-flight-details__image {
  border-radius: 8px;
  display: block;
  height: 72px;
  max-width: 72px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .cmp-flight-details__image {
      height:56px;
      max-width: 56px
  }
}

.cmp-flight-details__image img {
  bottom: 0;
  display: block;
  margin: auto;
  position: absolute;
  top: 0
}

.cmp-flight-details__name {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px
}

@media only screen and (max-width: 576px) {
  .cmp-flight-details__name {
      padding-left:10px
  }
}

.cmp-flight-details__name span {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-right: 10px;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__name span {
      font-size:14px
  }
}

.cmp-flight-details__name span:after {
  color: #222;
  content: "•";
  font-size: 6px;
  line-height: 25px;
  position: absolute;
  right: -7px
}

.cmp-flight-details__name span:nth-child(2):after {
  display: none
}

.cmp-cag .cmp-flight-details__name .h2,.cmp-flight-details__name .cmp-cag .h2,.cmp-flight-details__name h2 {
  color: #222;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin: 0
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-flight-details__name .h2,.cmp-flight-details__name .cmp-cag .h2,.cmp-flight-details__name h2 {
      font-size:24px
  }
}

.cmp-flight-details__time {
  position: relative
}

.cmp-flight-details__time .previous-time {
  color: #999;
  margin-right: 4px;
  text-decoration: line-through
}

@media only screen and (max-width: 1024px) {
  .cmp-flight-details__time sup {
      position:absolute;
      right: 0
  }
}

.cmp-flight-details__status {
  border-radius: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 150%;
  margin-right: 20px;
  padding: 4px 1pc;
  text-indent: 2px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__status {
      font-size:10px
  }
}

@supports(-moz-appearance: none) {
  .cmp-flight-details__status {
      font-weight:500
  }
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__status {
      margin-right:1pc
  }
}

.cmp-flight-details__status.black {
  background-color: #e5e5e5;
  color: #222
}

.cmp-flight-details__status.green {
  background-color: #e2efda;
  color: #008545
}

.cmp-flight-details__status.red,.cmp-flight-details__status.red-chip {
  background-color: #ffe3e0;
  color: #cc1000
}

.cmp-flight-details__status.departed {
  background-color: #e5e5e5;
  color: #999
}

.cmp-flight-details__last-update {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #222;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 9pt;
  font-weight: 400;
  justify-content: center;
  line-height: 150%;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__last-update {
      font-size:14px
  }
}

.cmp-flight-details__last-update-icon {
  background: #7a35b0;
  border-radius: 5px;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  position: relative;
  width: 10px
}

.cmp-flight-details__last-update-icon:after,.cmp-flight-details__last-update-icon:before {
  -webkit-animation: pulse 2s linear infinite;
  animation: pulse 2s linear infinite;
  background-color: #7a35b0;
  border-radius: 5px;
  bottom: 0;
  content: "";
  height: 10px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 10px
}

.cmp-flight-details__last-update-icon:after {
  -webkit-animation-delay: 1s;
  animation-delay: 1s
}

@-webkit-keyframes pulse {
  0% {
      opacity: 0;
      -webkit-transform: scale(.5);
      transform: scale(.5)
  }

  50% {
      opacity: .5
  }

  70% {
      opacity: .25
  }

  to {
      opacity: 0;
      -webkit-transform: scale(3);
      transform: scale(3)
  }
}

@keyframes pulse {
  0% {
      opacity: 0;
      -webkit-transform: scale(.5);
      transform: scale(.5)
  }

  50% {
      opacity: .5
  }

  70% {
      opacity: .25
  }

  to {
      opacity: 0;
      -webkit-transform: scale(3);
      transform: scale(3)
  }
}

.cmp-flight-details__path {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 2pc 0;
  position: relative
}

@media only screen and (max-width: 1024px) {
  .cmp-flight-details__path {
      padding:24px 0
  }
}

.cmp-flight-details__path:before {
  color: #ababab;
  content: "•   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   " "•   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   " "•   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   " "•   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   •   ";
  font-size: 10px;
  height: 20px;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 60px;
  width: 85%;
  z-index: 20
}

@media only screen and (max-width: 1024px) {
  .cmp-flight-details__path:before {
      top:53px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__path:before {
      width:65%
  }
}

.cmp-flight-details__path:after {
  background-image: url(clientlib-site/resources/images/plane_icon.svg);
  content: " ";
  height: 40px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 3pc;
  width: 40px;
  z-index: 30
}

@media only screen and (max-width: 1024px) {
  .cmp-flight-details__path:after {
      top:41px
  }
}

.cmp-flight-details__path.add-stop:after {
  background: #7a35b0;
  border-radius: 50%;
  height: 9pt;
  top: 62px;
  width: 9pt
}

@media only screen and (max-width: 1024px) {
  .cmp-flight-details__path.add-stop:after {
      top:55px
  }
}

.cmp-flight-details__path div {
  background-color: #fff;
  z-index: 10
}

.cmp-flight-details__path span {
  color: #999;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__path span {
      font-size:14px
  }
}

.cmp-cag .cmp-flight-details__path .h4,.cmp-flight-details__path .cmp-cag .h4,.cmp-flight-details__path h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-flight-details__path .h4,.cmp-flight-details__path .cmp-cag .h4,.cmp-flight-details__path h4 {
      font-size:20px
  }
}

.cmp-flight-details__path-origin {
  padding-right: 10px;
  text-align: left
}

.cmp-flight-details__path-destination {
  margin-left: auto;
  padding-left: 10px;
  text-align: right
}

.cmp-flight-details__path-stop {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  position: relative;
  text-align: center
}

.cmp-flight-details__path-stop span.hightlight {
  color: #222;
  display: block
}

.cmp-flight-details__path-stop span+span {
  display: block;
  margin: 0 auto;
  max-width: 200px
}

.cmp-flight-details__codeshare {
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 1pc
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__codeshare {
      font-size:14px
  }
}

.cmp-flight-details__codeshare label {
  margin-right: 10px
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__codeshare label {
      margin-top:4px;
      width: 100%
  }

  .cmp-flight-details__codeshare label.more-codes {
      width: 100%
  }
}

.cmp-flight-details__codeshare span {
  color: #121212;
  margin-bottom: 8px
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__codeshare span {
      margin-bottom:8px;
      margin-top: 4px
  }
}

.cmp-flight-details__codeshare span:not(:last-child) {
  margin-right: 8px
}

.cmp-flight-details__disclaimer {
  color: #999;
  padding-bottom: 1pc
}

.cmp-flight-details__detail {
  border-top: 1px solid #ccc;
  display: grid;
  gap: 24px;
  grid-template-areas: "date time gate" "terminal checkin gate";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  padding: 24px 0
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__detail {
      gap:1pc;
      grid-template-areas: "date time" "terminal gate" "checkin gate";
      grid-template-columns: 1fr 1fr;
      padding: 1pc 0
  }
}

.cmp-flight-details__detail div>p {
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__detail div>p {
      font-size:14px
  }
}

.cmp-flight-details__detail p {
  color: #999;
  margin-bottom: 4px
}

.cmp-cag .cmp-flight-details__detail .h4,.cmp-flight-details__detail .cmp-cag .h4,.cmp-flight-details__detail h4 {
  font-weight: 700;
  margin-bottom: 0
}

@supports(-moz-appearance: none) {
  .cmp-cag .cmp-flight-details__detail .h4,.cmp-flight-details__detail .cmp-cag .h4,.cmp-flight-details__detail h4 {
      font-weight:500
  }
}

.cmp-flight-details__detail .terminal {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.cmp-flight-details__detail .terminal .disclaimer-text {
  color: #999;
  margin-left: 8px
}

.cmp-flight-details__gate {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-area: gate
}

.cmp-flight-details__gate div {
  color: #7a35b0;
  font-size: 72px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 15px;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__gate div {
      font-size:56px;
      margin-top: 2pc
  }
}

.cmp-flight-details__gate div>a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cmp-flight-details__gate .empty {
  background-color: #ababab;
  color: transparent;
  height: 8px;
  line-height: 120%;
  width: 40px
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__gate .empty {
      height:5px;
      margin-top: 20px;
      width: 25px
  }
}

.cmp-flight-details__icon-gate {
  display: inline-block;
  height: 40px;
  margin-left: 10px;
  position: relative;
  width: 40px
}

.cmp-flight-details__icon-gate:after {
  background-image: url(clientlib-site/resources/images/gate.svg);
  content: " ";
  height: 40px;
  position: absolute;
  width: 40px
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__icon-gate {
      height:24px;
      width: 24px
  }

  .cmp-flight-details__icon-gate:after {
      background-size: contain;
      height: 24px;
      width: 24px
  }
}

.cmp-flight-details__icon-arrow {
  display: inline-block;
  height: 24px;
  margin-left: 10px;
  position: relative;
  width: 24px
}

.cmp-flight-details__icon-arrow:after {
  background-image: url(clientlib-site/resources/images/map_pin.svg);
  content: " ";
  height: 24px;
  position: absolute;
  top: 3px;
  width: 24px
}

.cmp-flight-details__location {
  border-top: 1px solid #ccc;
  display: grid;
  gap: 24px;
  grid-template-areas: "dropoff accessible carpark";
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  padding: 24px 0
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__location {
      gap:1pc;
      grid-template-areas: "dropoff accessible" "carpark carpark";
      grid-template-columns: 1fr 1fr;
      padding: 1pc 0
  }
}

.cmp-flight-details__location div>p {
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-flight-details__location div>p {
      font-size:14px
  }
}

.cmp-flight-details__location p {
  color: #999;
  margin-bottom: 4px
}

.cmp-cag .cmp-flight-details__location .h4,.cmp-flight-details__location .cmp-cag .h4,.cmp-flight-details__location h4 {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 0
}

@supports(-moz-appearance: none) {
  .cmp-cag .cmp-flight-details__location .h4,.cmp-flight-details__location .cmp-cag .h4,.cmp-flight-details__location h4 {
      font-weight:500
  }
}

.cmp-flight-details a {
  text-decoration: none
}

.cmp-flight-details .refresh-data {
  background-image: url(clientlib-site/resources/images/refresh.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  height: 1pc;
  margin-left: 8px;
  padding: 4px;
  width: 1pc
}

.cmp-further-assist {
  background: #f7f7f7;
  border-radius: 8px;
  margin-top: 8px;
  padding: 2pc
}

@media only screen and (max-width: 576px) {
  .cmp-further-assist {
      padding:24px
  }
}

.cmp-further-assist__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-further-assist__title {
      font-size:20px
  }
}

.cmp-cag .cmp-further-assist__title .h4,.cmp-further-assist__title .cmp-cag .h4,.cmp-further-assist__title h4 {
  font-weight: 700
}

.cmp-further-assist__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2pc
}

@media only screen and (max-width: 576px) {
  .cmp-further-assist__checkbox {
      display:block
  }
}

.cmp-further-assist__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 576px) {
  .cmp-further-assist__item {
      margin-bottom:1pc
  }
}

.cmp-further-assist__item .custom-checkbox {
  cursor: pointer;
  display: block;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  padding-left: 30px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@media only screen and (max-width: 768px) {
  .cmp-further-assist__item .custom-checkbox {
      font-size:1pc
  }
}

.cmp-further-assist__item .custom-checkbox .truncate-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cmp-further-assist__item .custom-checkbox input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0
}

.cmp-further-assist__item .custom-checkbox .checkmark {
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px
}

.cmp-further-assist__item .custom-checkbox input:checked~.checkmark {
  background-color: #7a35b0
}

.cmp-further-assist__item .custom-checkbox .checkmark:after {
  content: "";
  display: none;
  position: absolute
}

.cmp-further-assist__item .custom-checkbox input:checked~.checkmark:after {
  display: block
}

.cmp-further-assist__item .custom-checkbox .checkmark:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 6.5px;
  top: 2.5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px
}

.btn-dark-bg .cmp-button {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 30px;
  padding: 9pt 30px
}

.btn-dark-bg {
  margin-top: 1pc
}

.btn-dark-bg a {
  font-weight: 700
}

.footer .footer__side-navigation-item-3 .sign-up-button a:hover {
  border: 2px solid #f7f7f7!important;
  color: #f7f7f7
}

.footer .footer__side-navigation-item-3 .sign-up-button a:hover span {
  color: #f7f7f7
}

.cmp-cag .footer .h4,.footer .cmp-cag .h4,.footer h4,.footer li,.footer ol,.footer p,.footer ul {
  margin: 0;
  padding: 0;
  text-shadow: none
}

.footer img {
  width: 100%
}

.footer select:focus-visible {
  border: none;
  outline: none
}

.cmp-cag .footer .h4,.footer .cmp-cag .h4,.footer a,.footer h4,.footer ol li,.footer p,.footer span,.footer ul li,.footer__primary-wrapper,.footer__secondary-wrapper {
  color: #fff;
  text-decoration: none
}

.footer ol li,.footer ul li {
  list-style: none
}

.footer ol li {
  margin: 0 5px 0 0
}

.footer .cmp-breadcrumb__item:not([aria-current=page]):hover span {
  text-decoration: underline
}

@media only screen and (max-width: 991px) {
  .footer .hidden {
      display:none
  }
}

.footer__primary-wrapper {
  background-color: #222;
  padding: 24px
}

.footer__secondary-wrapper {
  background-color: #121212;
  padding: 24px
}

.cmp-cag .footer .cmp-title__text.h4,.footer .cmp-cag .cmp-title__text.h4,.footer h4.cmp-title__text {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-cag .footer .cmp-title__text.h4,.footer .cmp-cag .cmp-title__text.h4,.footer h4.cmp-title__text {
      font-size:1pc
  }
}

.footer__side-navigation {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .footer__side-navigation {
      font-size:14px
  }
}

.cmp-cag .footer__side-navigation .cmp-title__text.h1,.cmp-cag .footer__side-navigation .cmp-title__text.h4,.footer__side-navigation .cmp-cag .cmp-title__text.h1,.footer__side-navigation .cmp-cag .cmp-title__text.h4,.footer__side-navigation h1.cmp-title__text,.footer__side-navigation h4.cmp-title__text {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-cag .footer__side-navigation .cmp-title__text.h1,.cmp-cag .footer__side-navigation .cmp-title__text.h4,.footer__side-navigation .cmp-cag .cmp-title__text.h1,.footer__side-navigation .cmp-cag .cmp-title__text.h4,.footer__side-navigation h1.cmp-title__text,.footer__side-navigation h4.cmp-title__text {
      font-size:14px
  }
}

.footer__side-navigation .scan-qrcode-container {
  padding: 10px 0 24px
}

@media only screen and (max-width: 768px) {
  .footer__side-navigation .scan-qrcode-container {
      padding-bottom:40px
  }
}

.cmp-cag .footer__side-navigation .scan-qrcode-container .cmp-title__text.h6,.footer__side-navigation .scan-qrcode-container .cmp-cag .cmp-title__text.h6,.footer__side-navigation .scan-qrcode-container h6.cmp-title__text {
  font-size: 10px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 4px
}

@media only screen and (max-width: 768px) {
  .cmp-cag .footer__side-navigation .scan-qrcode-container .cmp-title__text.h6,.footer__side-navigation .scan-qrcode-container .cmp-cag .cmp-title__text.h6,.footer__side-navigation .scan-qrcode-container h6.cmp-title__text {
      font-size:9pt
  }
}

.footer__main-navigation {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  padding: 2pc 0
}

@media only screen and (max-width: 768px) {
  .footer__main-navigation {
      font-size:1pc
  }
}

.footer__secondary-navigation-left-items {
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .footer__secondary-navigation-left-items {
      font-size:1pc
  }
}

.footer__secondary-navigation-right-items {
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .footer__secondary-navigation-right-items {
      font-size:14px
  }
}

.footer ol.cmp-breadcrumb__list li span {
  font-size: 10px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .footer ol.cmp-breadcrumb__list li span {
      font-size:9pt
  }
}

.footer li.cmp-breadcrumb__item:after {
  content: ">";
  position: relative;
  top: 1px
}

.footer li.cmp-breadcrumb__item:last-child:after {
  display: none
}

.footer ol.cmp-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.footer ol.cmp-breadcrumb__list li:last-child span:after {
  display: none
}

.footer .list.social-icon ul li img {
  height: 24px;
  margin: 0 26px 15px 0;
  max-width: 24px
}

.footer .list.social-icon ul li:nth-child(4) img {
  margin-right: 0
}

.footer .list.social-icon ul li:nth-child(5) img {
  margin-left: 30px
}

@media only screen and (max-width: 991px) {
  .footer .list.social-icon ul li img {
      height:40px;
      margin: 0;
      max-width: 40px
  }

  .footer .social-icon ul.cmp-list {
      display: grid;
      gap: 1pc;
      grid-template-columns: repeat(6,1fr)
  }

  .footer .list.social-icon ul li:nth-child(5) img {
      margin-left: 0
  }
}

.footer .list.social-icon ul li.cmp-list__item {
  display: inline
}

.footer .image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1pc 0 38px
}

.footer .image-wrapper .image {
  height: 40px;
  margin-right: 24px;
  width: 118px
}

.footer .sign-up-button.button {
  margin-top: 26px
}

.footer .sign-up-button.button a {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 30px;
  margin-top: 1pc;
  padding: 9pt 30px
}

.footer div.privacy-links.linkedlist ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1pc
}

.footer div.copyright-text.text p {
  font-size: 14px;
  margin-top: 1pc
}

.footer .footer__secondary-navigation-left-items .logo-image {
  height: 35px;
  margin-bottom: 24px;
  width: 129px
}

.cmp-cag .footer .download-app-title .h4,.cmp-cag .footer .follow-us-title .h4,.footer .download-app-title .cmp-cag .h4,.footer .download-app-title h4,.footer .follow-us-title .cmp-cag .h4,.footer .follow-us-title h4 {
  text-decoration: none!important
}
.footer__main-navigation-item-4 .f-para {
  padding-right: 50px !important;
}
@media screen and (max-width: 991px) {
  .footer .footer__main-navigation-item-5 .footer__main-navigation-item-6 {
      display:none
  }

  .footer .footer [class^=footer__main-navigation-item-] {
      width: 100%!important
  }

  .footer .footer__secondary-navigation-left-items .desktop-only {
      display: none!important
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown.spacing {
      padding-bottom: 0
  }

  .footer .footer__secondary-navigation-left-items li.cmp-list__item.block_item {
      -webkit-box-pack: start!important;
      -ms-flex-pack: start!important;
      justify-content: flex-start!important;
      width: 100%
  }

  .footer .footer__secondary-navigation-left-items li.cmp-list__item.block_item span {
      margin-left: 3px
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .list ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .list ul a {
      display: block;
      width: 100%
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .list ul .cmp-list__item {
      display: none
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .list ul .cmp-list__item.active,.footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .list ul .cmp-list__item.block_item {
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      align-items: center;
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important;
      justify-content: center
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .list ul .cmp-list__item.block_item.arrow-up:after {
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg)
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .list ul .cmp-list__item:not(.block_item) {
      border-bottom: 1px solid #ababab;
      padding: 1pc 0;
      text-align: center;
      width: 100%
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .list ul .cmp-list__item:not(.block_item):first-child {
      border-bottom: 0
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .list ul .cmp-list__item:not(.block_item):hover {
      background-color: #454545
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .list ul li:nth-child(2) {
      border-top: 1px solid #ababab
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .cmp-list__item.active.block_item.arrow-up span:after {
      border: solid #fff;
      border-width: 0 2px 2px 0;
      content: "";
      display: inline-block;
      margin: 0 4px 0 0;
      padding: 3px;
      position: absolute;
      right: -2px;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg)
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .cmp-list__item.active.block_item span:after {
      border: solid #fff;
      border-width: 0 2px 2px 0;
      content: "";
      display: inline-block;
      margin: 0 4px 0 0;
      padding: 3px;
      position: absolute;
      right: -2px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .cmp-list__item.active.block_item {
      border-bottom: 1px solid #ababab;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding-bottom: 1pc
  }

  .footer .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown .cmp-list__item.active.block_item span {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-weight: 700;
      margin-left: 4px
  }

  .cmp-cag .footer .footer__main-navigation .cmp-title__text.h4:after,.footer .footer__main-navigation .cmp-cag .cmp-title__text.h4:after,.footer .footer__main-navigation h4.cmp-title__text:after {
      border: solid #fff;
      border-width: 0 2px 2px 0;
      content: "";
      display: inline-block;
      margin: 0 -3px 0 0;
      padding: 3px;
      position: absolute;
      right: 5px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
  }

  .cmp-cag .footer .footer__main-navigation .cmp-title__text.border.h4:after,.footer .footer__main-navigation .cmp-cag .cmp-title__text.border.h4:after,.footer .footer__main-navigation h4.cmp-title__text.border:after {
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg)
  }

  .cmp-cag .footer .footer__main-navigation .cmp-title__text.h4,.footer .footer__main-navigation .cmp-cag .cmp-title__text.h4,.footer .footer__main-navigation h4.cmp-title__text {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-bottom: 1px solid #ababab;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 1pc 0;
      position: relative
  }

  .cmp-cag .footer .footer__main-navigation .cmp-title__text.border.h4,.footer .footer__main-navigation .cmp-cag .cmp-title__text.border.h4,.footer .footer__main-navigation h4.cmp-title__text.border {
      border: none
  }

  .footer .footer__main-navigation ul.cmp-list.bg-transparent {
      border-bottom: 1px solid #ababab
  }

  .footer .footer__main-navigation ul.cmp-list.bg-transparent li {
      margin-bottom: 15px
  }

  .footer .footer__side-navigation-item-3 {
      margin: 40px 0 8px
  }

  .footer div.list.social-icon {
      margin-top: 19px
  }

  .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown {
      border: 1px solid #ababab;
      border-bottom: 0;
      border-left: none;
      border-right: none;
      margin-bottom: 24px;
      padding: 1pc 0
  }

  .footer__secondary-navigation-left-items .sites-links.linkedlist.mobile-dropdown select.options-field {
      background: #121212;
      border: none;
      color: #fff;
      font-size: 1pc;
      text-align: center;
      width: 100%
  }

  .footer__secondary-navigation-left-items .linked-list-mobile.mobile-only {
      position: relative
  }

  .footer__secondary-navigation-left-items label.options-label {
      display: none
  }
}

@media screen and (max-width: 767px) {
  .footer .list.social-icon ul li:nth-child(6) img {
      margin-right:0
  }
}

@media screen and (max-width: 374px) {
  .footer .list.social-icon ul li:nth-child(4) img,.footer .list.social-icon ul li:nth-child(5) img {
      margin:0 26px 15px 0
  }
}

@media screen and (min-width: 992px) {
  .footer .hidden-contact-us,.footer .mobile-only {
      display:none
  }

  .footer.cmp-image__multi [class^=footer__main-navigation-item-] {
      width: 25%
  }

  .footer.cmp-image__multi .footer__main-navigation {
      width: 60%
  }

  .footer.cmp-image__multi .footer__side-navigation {
      max-width: 382px
  }

  .footer .global-footer {
      background-color: #222
  }

  .footer .global-footer .sign-up .button {
      margin-top: 1pc
  }

  .footer__primary-wrapper,.footer__secondary-navigation {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin: 0 auto;
      max-width: 90pc
  }

  .footer .footer__secondary-navigation-left-items .logo-image {
      margin-bottom: 0
  }

  .footer .image-wrapper {
      gap: 10px
  }

  .footer .image-wrapper .image {
      margin: 0
  }

  .footer__primary-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      padding: 24px 5vw 40px;
      position: relative
  }

  

  .footer__main-navigation {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 55px;
      max-width: 100%;
      width: 87%
  }

  .footer__main-navigation ul.cmp-list.bg-transparent li {
      color: #ababab;
      margin: 8px 0
  }

  .footer__main-navigation ul.cmp-list.bg-transparent li span,.footer__main-navigation ul.cmp-list.bg-transparent li span a {
      color: #ababab
  }

  .footer__side-navigation {
      margin-top: 45px;
      max-width: 2in;
      padding-top: 2pc
  }

  .footer [class^=footer__main-navigation-item-] {
      margin-bottom: 2pc;
      max-width: 100%;
      width: 25%
  }

  .footer [class^=footer__main-navigation-item-]>div {
      padding-right: 24px
  }

  .footer__main-navigation-item-1,.footer__main-navigation-item-6 {
      margin-left: 0!important
  }

  .footer .list.social-icon ul li img {
      margin: 0!important
  }

  .footer .social-icon ul.cmp-list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 1pc;
      max-width: 193px
  }

  .footer .image-wrapper,.footer .list.social-icon {
      margin: 10px 0 24px
  }

  .footer .list.social-icon ul li:first-child img,.footer .list.social-icon ul li:nth-child(6) img {
      margin-left: 0!important
  }

  .footer .list.social-icon ul li:nth-child(7) img {
      margin-left: 9pt
  }

  .footer__secondary-wrapper {
      padding: 24px 5pc
  }

  .footer__secondary-navigation {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
  }

  .footer__secondary-navigation,.footer__secondary-navigation .footer__secondary-navigation-left-items {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }

  .footer__secondary-navigation .footer__secondary-navigation-left-items {
      gap: 3pc
  }

  .footer__secondary-navigation .footer__secondary-navigation-left-items .sites-links ul {
      -webkit-column-gap: 30px;
      -moz-column-gap: 30px;
      column-gap: 30px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 5px;
      max-width: 29pc;
      row-gap: 4px
  }

  .footer__secondary-navigation .footer__secondary-navigation-right-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 1pc
  }

  .footer__secondary-navigation div.copyright-text.text p {
      margin: 0 0 0 15px
  }

  .footer .list.social-icon ul li:nth-child(5) img {
      margin-right: 0!important
  }

  .footer .footer__main-navigation-item-3 .footer__main-navigation-item-4,.footer .footer__main-navigation-item-3 .footer__main-navigation-item-6,.footer .footer__main-navigation-item-5 .footer__main-navigation-item-4,.footer .footer__main-navigation-item-5 .footer__main-navigation-item-6 {
      margin-top: 24px;
      width: 100%
  }

  .footer .footer__main-navigation-item-2.flex-container .desktop-only {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 24px
  }

  .footer .footer__main-navigation-item-2.flex-container .desktop-only ul:first-of-type {
      padding-right: 20px
  }
}

@media only screen and (min-width: 992px)and (max-width:1366px) {
  .footer__main-navigation {
      width:78%
  }
}

.footer .cmp-title__text {
  color: #fff
}

.footer .global-footer .sign-up .button,.footer .sign-up-text+.button {
  margin-top: 1pc
}

.cmp-form__switch {
  display: inline-block;
  height: 24px;
  position: relative;
  width: 46px
}

.cmp-form__switch input {
  height: 0;
  opacity: 0;
  width: 0
}

.cmp-form__switch .slider {
  background-color: #222;
  bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  height: 24px;
  left: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: .4s;
  transition: .4s;
  width: 46px
}

.cmp-form__switch .slider:hover {
  background-color: #222
}

.cmp-form__switch .slider:before {
  background-color: #fff;
  bottom: 3px;
  content: "";
  height: 18px;
  left: 3px;
  position: absolute;
  -webkit-transition: .4s;
  transition: .4s;
  width: 18px
}

.cmp-form__switch input:checked+.slider {
  background-color: #7a35b0
}

.cmp-form__switch input:checked+.slider:before {
  left: 13px
}

.cmp-form__switch input:focus+.slider {
  -webkit-box-shadow: 0 0 1px #7a35b0;
  box-shadow: 0 0 1px #7a35b0
}

.cmp-form__switch input:checked+.slider:before {
  -webkit-transform: translateX(9pt);
  transform: translateX(9pt)
}

.cmp-form__switch .slider.round {
  border-radius: 34px
}

.cmp-form__switch .slider.round:before {
  border-radius: 50%
}

.cmp-form-options--drop-down {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  justify-content: start;
  margin: 0;
  padding: 2pc 0
}

.cmp-form-options__label {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-form-options__label {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.cmp-form .cmp-accordion--default .cmp-accordion__panel {
  padding: 40px 0 60px
}

.cmp-form .cmp-accordion--default .cmp-accordion__button {
  letter-spacing: normal;
  text-transform: none
}

.cmp-form-text .calendar-icon {
  position: absolute;
  right: 10px;
  top: 35px
}

.cmp-form-text .calendar-icon-image {
  content: url(clientlib-site/resources/images/Icon.png)
}

.form-container {
  display: block;
  float: none!important;
  margin: 0 auto;
  padding: 0 5vw
}

@media screen and (max-width: 768px) {
  .form-container {
      padding:0
  }
}

.form-container form {
  margin: auto;
  max-width: 845px;
  padding: 0
}

@media screen and (max-width: 768px) {
  .form-container form {
      padding:0 24px
  }
}

.form-container form .cmp-custom-container {
  padding: 0
}

.form-container form .cmp-custom-container>.row {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

.form-container form .cmp-custom-container>.row .row>div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.form-container form .cmp-custom-container>.row .row>div:first-child {
  padding-right: 2px
}

.form-container form .cmp-custom-container>.row .row>div:last-child {
  padding-left: 2px
}

.form-container form .cmp-custom-container>.row .row>div label {
  min-height: 21px
}

.form-container form .cmp-custom-container>.row .row>.col-md-6:first-child {
  padding-left: 0
}

.form-container form .cmp-custom-container>.row .row>.col-md-6:last-child {
  padding-right: 0
}

.form-container form .fileupload,.form-container form .options,.form-container form .text {
  margin: 9pt 0
}

.form-container form .text:has(p) {
  margin: 20px 0 40px
}

.form-container form button[type=submit].disabled {
  display: none;
  pointer-events: none
}

.form-container form .options:has(fieldset.cmp-form-options--checkbox) {
  margin: 4px 0
}

.form-container form .cmp-container-pt__60>div>div:first-child,.form-container form .cmp-container-pt__60>div>div:first-child p:first-child {
  margin-top: 0
}

.form-container #persona-dropdown,.form-container .cmp-form-options__legend {
  display: none
}

.form-container .card-wrapper-outer.control-error .error {
  border: 0!important
}

.form-container .card-wrapper-outer .card-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  background-color: none;
  border: 1px solid #ababab;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%
}

.form-container .card-wrapper-outer .card-wrapper:focus,.form-container .card-wrapper-outer .card-wrapper:focus-visible,.form-container .card-wrapper-outer .card-wrapper:focus-within {
  border: 1px solid #7a35b0;
  outline: none
}

.form-container .card-wrapper-outer .card-wrapper:has(>input:valid) {
  border: 1px solid #222;
  outline: none
}

.form-container .card-wrapper-outer .card-wrapper .card-prefix {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding-left: 20px
}

.form-container .card-wrapper-outer .card-wrapper.disabled {
  background-color: #f7f7f7;
  color: #999
}

.form-container .card-wrapper-outer .card-wrapper.disabled .card-prefix {
  color: #999
}

.form-container .card-wrapper-outer .card-wrapper input {
  -webkit-box-flex: 1;
  border: 0;
  color: #222;
  -ms-flex: 1;
  flex: 1;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  padding: 9pt 14px 9pt 10px
}

@media only screen and (max-width: 768px) {
  .form-container .card-wrapper-outer .card-wrapper input {
      font-size:1pc
  }
}

.form-container .card-wrapper-outer .card-wrapper input::-webkit-input-placeholder {
  font-weight: 400
}

.form-container .card-wrapper-outer .card-wrapper input::-moz-placeholder {
  font-weight: 400
}

.form-container .card-wrapper-outer .card-wrapper input:-ms-input-placeholder {
  font-weight: 400
}

.form-container .card-wrapper-outer .card-wrapper input::-ms-input-placeholder {
  font-weight: 400
}

.form-container .card-wrapper-outer .card-wrapper input::placeholder {
  font-weight: 400
}

.form-container .card-wrapper-outer .card-wrapper input:focus,.form-container .card-wrapper-outer .card-wrapper input:focus-visible,.form-container .card-wrapper-outer .card-wrapper input:focus-within,.form-container .card-wrapper-outer .card-wrapper input:valid {
  border: 0;
  outline: 0
}

.form-container .card-wrapper-outer .card-wrapper input[disabled] {
  color: #999;
  cursor: not-allowed
}

.form-container .cmp-formfeild {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4px;
  padding: 0
}

.form-container .cmp-formfeild .custom-select-cat {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: none;
  border: 1px solid #ababab;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.form-container .cmp-formfeild .custom-select-cat:focus,.form-container .cmp-formfeild .custom-select-cat:focus-visible,.form-container .cmp-formfeild .custom-select-cat:focus-within {
  border: 1px solid #7a35b0;
  outline: none
}

.form-container .cmp-formfeild .custom-select-cat .select-selected {
  padding: 0
}

.form-container .cmp-formfeild .custom-select-cat .select-items>div {
  color: #000!important;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

.form-container .cmp-formfeild.selected .custom-select-cat {
  border-color: #222
}

.form-container .cmp-form-options__label {
  letter-spacing: normal
}

.form-container .cmp-form-options__label,.form-container label {
  color: #222;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  text-transform: none
}

.form-container fieldset {
  border: 0;
  gap: 8px;
  padding: 0
}

.form-container .cmp-form-text,.form-container fieldset {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.form-container .cmp-form-text {
  gap: 4px;
  position: relative
}

.form-container .cmp-form-text input[type=tel] {
  width: 100%
}

.form-container .cmp-form-text input,.form-container .cmp-form-text textarea {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: none;
  border: 1px solid #ababab;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  padding: 9pt 14px 9pt 20px
}

@media only screen and (max-width: 768px) {
  .form-container .cmp-form-text input,.form-container .cmp-form-text textarea {
      font-size:1pc
  }
}

.form-container .cmp-form-text input.phoneNumber,.form-container .cmp-form-text textarea.phoneNumber {
  padding-left: 50px
}

.form-container .cmp-form-text input:focus,.form-container .cmp-form-text input:focus-visible,.form-container .cmp-form-text textarea:focus,.form-container .cmp-form-text textarea:focus-visible {
  border: 1px solid #7a35b0;
  outline: none
}

.form-container .cmp-form-text input:valid,.form-container .cmp-form-text textarea:valid {
  border: 1px solid #222;
  outline: none
}

.form-container .cmp-accordion__panel {
  padding: 2pc 0
}

@media screen and (max-width: 768px) {
  .form-container .cmp-accordion__panel {
      padding:1pc 0 24px
  }
}

.form-container .cmp-accordion__item {
  border-top: 1px solid #ccc
}

.form-container .cmp-accordion__header button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 24px 0
}

.form-container .cmp-accordion__header button .cmp-accordion__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .form-container .cmp-accordion__header button .cmp-accordion__title {
      font-size:20px
  }
}

.form-container .select-time .select-items {
  max-height: 250px;
  overflow: scroll
}

.form-container .help-message {
  color: #999;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin-top: 8px
}

.form-container .cmp-form-options__field-label {
  cursor: pointer;
  display: block;
  padding-left: 36px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.form-container .cmp-form-options__field-label .checkmark {
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px
}

.form-container .cmp-form-options__field-label .checkmark:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  display: none;
  height: 8px;
  left: 8px;
  position: absolute;
  top: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 3px
}

.form-container .cmp-form-options__field-label input[type=checkbox] {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0
}

.form-container .cmp-form-options__field-label input[type=checkbox]:checked~.checkmark {
  background-color: #7a35b0
}

.form-container .cmp-form-options__field-label input[type=checkbox]:checked~.checkmark:after {
  display: block
}

.form-container .cmp-form-options__field-label .cmp-form-options__field-description {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .form-container .cmp-form-options__field-label .cmp-form-options__field-description {
      font-size:1pc
  }
}

.form-container .custom-file-upload {
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  padding: 6px 9pt
}

.form-container .file {
  cursor: pointer;
  display: inline-block;
  height: auto;
  position: relative
}

.form-container .file input:focus+.file-custom,.form-container .file input:focus-visible+.file-custom,.form-container .file input:focus-within+.file-custom {
  border-color: #7a35b0
}

.form-container .file.fileIncluded .file-custom {
  border-color: #222
}

.form-container .file.fileIncluded .file-custom:after {
  display: none
}

.form-container .file-label__uploaded {
  display: block
}

.form-container .file-label__close {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  display: none;
  height: 24px;
  margin: 0 auto;
  outline: none;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  z-index: 30
}

.form-container .file-label__close:after {
  background-image: url(clientlib-site/resources/images/close.svg);
  content: "";
  display: block;
  height: 24px;
  width: 24px
}

.form-container .file-label__desktop,.form-container .file-label__mobile {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #222;
  border: 0;
  border-radius: 0 8px 8px 0;
  bottom: 0;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9pt;
  font-weight: 400;
  height: auto;
  line-height: 150%;
  line-height: 1.6;
  padding: .5rem 1rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 6
}

.form-container .file-label__mobile {
  display: none
}

@media only screen and (max-width: 1024px) {
  .form-container .file-label__mobile {
      display:-webkit-box;
      display: -ms-flexbox;
      display: flex
  }

  .form-container .file-label__desktop {
      display: none
  }
}

.form-container .file input {
  filter: alpha(opacity=0);
  height: 100%;
  margin: 0;
  min-width: 14rem;
  opacity: 0;
  position: absolute
}

.form-container .file-custom {
  background-color: #fff;
  border: 1px solid #ababab;
  border-radius: 8px;
  color: #555;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: auto;
  left: 0;
  line-height: 150%;
  line-height: 1.5;
  padding: 9pt 20px;
  position: relative;
  right: 0;
  top: 0;
  z-index: 5
}

.form-container .file-custom:focus,.form-container .file-custom:focus-visible,.form-container .file-custom:focus-within {
  border: 1px solid #7a35b0;
  outline: none
}

.form-container .file-custom:valid {
  border: 1px solid #222;
  outline: none
}

.form-container .file-custom:after {
  content: "Choose file...";
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

.form-container .cmp-form-button {
  background-color: #222;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto 0;
  text-transform: none
}

.form-container input::-webkit-inner-spin-button,.form-container input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.form-container .iti__country-list {
  margin-top: 9pt
}

.form-container .iti__selected-flag {
  background: none;
  padding: 0 0 0 20px
}

.form-container .iti__selected-flag .iti__flag {
  margin-right: 20px;
  position: relative
}

.form-container .iti__selected-flag .iti__flag:after {
  border-left: 1.5px solid #222;
  border-top: 1.5px solid #222;
  content: " ";
  display: block;
  height: 9px;
  position: absolute;
  right: -17px;
  top: -1px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  width: 9px
}

.form-container .iti__flag-container:hover .iti__selected-flag {
  background: none
}

.form-container .iti__arrow {
  display: none
}

.form-container .iti__selected-dial-code {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #d1d1d1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin: 0;
  margin-left: 8px!important;
  padding-left: 8px
}

.custom-select-cat {
  cursor: pointer;
  position: relative
}

.custom-select-cat select {
  display: none
}

.select-selected {
  background-color: none
}

.select-selected:after {
  background-image: url(clientlib-site/resources/images/icon-down.svg);
  content: "";
  height: 24px;
  position: absolute;
  right: 10px;
  top: 14px;
  width: 24px
}

.select-selected.select-arrow-active:after {
  background-image: url(clientlib-site/resources/images/icon-down.svg);
  top: 9pt;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.select-items div,.select-selected {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  color: #000;
  color: #ababab;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  line-height: 150%;
  padding: 8px 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 96%
}

.select-items {
  background-color: #fff;
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  left: 0;
  position: absolute;
  right: 0;
  top: 125%;
  width: 95%;
  z-index: 99
}

.select-hide {
  display: none
}

.same-as-selected,.select-items div:hover {
  background-color: rgba(0,0,0,.1)
}

.error-message {
  color: #cc1000;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%
}

.control-error label {
  color: #cc1000
}

.control-error .card-wrapper,.control-error .custom-select-cat,.control-error .error,.control-error .file-custom {
  border: 1px solid #cc1000!important
}

.control-error .help-message {
  display: none
}

.captcha-wrapper {
  margin-bottom: 40px;
  margin-top: 24px
}

.captcha-wrapper #captcha {
  margin: initial!important;
  z-index: -1
}

.captcha-wrapper #captcha .fa-arrow-right:before {
  background: url(clientlib-site/resources/images/arrow-icon.svg) no-repeat 50%;
  content: "";
  display: inline-block;
  font: 0/0 a;
  height: 15px;
  -webkit-transition: opacity .3s ease-out;
  transition: opacity .3s ease-out;
  width: 15px
}

.captcha-wrapper #captcha .sliderContainer_success .fa-arrow-right:before {
  background: url(clientlib-site/resources/images/small-check.png) no-repeat;
  background-size: contain
}

.cmp-feedbackform--error,.form-success {
  margin: 60px 0;
  text-align: center
}

.cmp-feedbackform--error .cmp-pre-title__text,.form-success .cmp-pre-title__text {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin: 8px 0;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-feedbackform--error .cmp-pre-title__text,.form-success .cmp-pre-title__text {
      font-size:24px
  }
}

.cmp-feedbackform--error .cmp-pre-title__text:before,.form-success .cmp-pre-title__text:before {
  background-image: url(clientlib-site/resources/images/circle-check.svg);
  bottom: auto;
  content: "";
  display: inline-block;
  height: 40px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -40px;
  width: 40px
}

.cmp-feedbackform--error .cmp-title__text,.form-success .cmp-title__text {
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-feedbackform--error .cmp-title__text,.form-success .cmp-title__text {
      font-size:18px
  }
}

.cmp-feedbackform--error .cmp-pre-title__text:before {
  background-image: url(clientlib-site/resources/images/circle_error.svg);
  content: ""
}

.ui-datepicker {
  padding: 0 20px;
  z-index: 10!important
}

.ui-datepicker.below {
  margin-top: 9pt
}

.ui-datepicker.above {
  margin-top: -9pt
}

.ui-datepicker table {
  table-layout: fixed
}

.ui-datepicker table th {
  color: #ababab
}

.ui-datepicker-header {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0
}

.ui-datepicker-title {
  color: #7a35b0;
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  padding: 9pt 0;
  text-indent: 2.4px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .ui-datepicker-title {
      font-size:9pt
  }
}

.ui-datepicker-next,.ui-datepicker-prev {
  cursor: pointer;
  height: 24px!important;
  top: 14px!important;
  width: 24px!important
}

.ui-datepicker-next.ui-state-hover,.ui-datepicker-prev.ui-state-hover {
  background-color: transparent;
  border: 0
}

.ui-datepicker-next span,.ui-datepicker-prev span {
  background-image: none!important;
  height: 24px;
  top: 5px!important;
  width: 24px
}

.ui-datepicker-next span:before,.ui-datepicker-prev span:before {
  border-color: #7a35b0;
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: " ";
  display: block;
  height: 7px;
  left: 0;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 7px
}

.ui-datepicker-next span:before {
  left: 0;
  right: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.ui-datepicker-next-hover {
  right: 2px!important
}

.ui-datepicker-prev span {
  left: auto!important;
  right: 0
}

.ui-datepicker-prev span:before {
  left: auto;
  right: 0;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg)
}

.ui-datepicker-prev-hover {
  left: 2px!important
}

.ui-datepicker thead th {
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  text-indent: 2.4px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .ui-datepicker thead th {
      font-size:9pt
  }
}

.ui-datepicker .ui-state-default,.ui-datepicker .ui-state-default.ui-state-highlight,.ui-datepicker .ui-state-default.ui-state-hover {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: transparent;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 25px;
  justify-content: center;
  padding: 4px 0;
  text-align: center
}

.ui-datepicker .ui-state-default.ui-state-active {
  background: none;
  border: 2px solid #7a35b0;
  border-radius: 50px;
  color: #222
}

.cmp-banner--teaser {
  color: #222
}

.cmp-banner--teaser a {
  color: inherit;
  text-decoration: none
}

.cmp-banner--teaser a img {
  -webkit-transition: .3s;
  transition: .3s
}

.cmp-banner--teaser a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.cmp-banner--teaser .cmp-banner {
  -webkit-box-flex: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 50%;
  flex: 0 50%;
  overflow: hidden
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--teaser .cmp-banner {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      border-radius: 8px;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.cmp-banner--teaser .cmp-banner__image {
  -webkit-box-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
  overflow: hidden
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--teaser .cmp-banner__image {
      width:100%
  }
}

.cmp-banner--teaser .cmp-banner__image .cmp-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.cmp-banner--teaser .cmp-banner__image .cmp-image picture {
  width: 100%
}

.cmp-banner--teaser .cmp-banner__image .cmp-image .cmp-image__image {
  aspect-ratio: 8/5;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
  width: 100%
}

.cmp-banner--teaser .cmp-banner__content {
  -webkit-box-flex: 50%;
  -ms-flex: 50%;
  flex: 50%
}

.cmp-banner--teaser .cmp-banner__content .cmp-banner__title .cmp-title__text {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--teaser .cmp-banner__content .cmp-banner__title .cmp-title__text {
      font-size:20px
  }
}

.cmp-banner--teaser .cmp-banner__content .cmp-banner__description .cmp-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--teaser .cmp-banner__content .cmp-banner__description .cmp-text {
      font-size:1pc
  }
}

.cmp-banner--teaser .cmp-banner__content .cmp-button {
  text-decoration: none
}

.cmp-banner--teaser .cmp-banner__content .cmp-button__text {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--teaser .cmp-banner__content .cmp-button__text {
      font-size:1pc
  }
}

.cmp-banner--teaser .cmp-banner__content .cmp-button__text:after {
  background-image: url(clientlib-site/resources/images/arrow-icon.svg);
  content: "";
  display: inline-block;
  height: 25px;
  margin-left: 8px;
  vertical-align: top;
  width: 25px
}

.cmp-banner--teaser .cmp-banner__action-container,.cmp-banner--teaser .cmp-banner__description,.cmp-banner--teaser .cmp-banner__title {
  padding: 0 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--teaser .cmp-banner__action-container,.cmp-banner--teaser .cmp-banner__description,.cmp-banner--teaser .cmp-banner__title {
      padding:0
  }

  .cmp-banner--teaser .cmp-banner__content {
      padding: 24px 24px 40px
  }
}

@media only screen and (max-width: 576px) {
  .cmp-cag .cmp-banner--teaser {
      padding:0 9pt
  }
}

.cmp-banner-hvteaser--rimg .cmp-banner__image {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

@media only screen and (max-width: 1024px) {
  .cmp-banner-hvteaser--rimg .cmp-banner__image {
      -webkit-box-ordinal-group:1;
      -ms-flex-order: 0;
      order: 0
  }
}

.cmp-experiencefragment--header {
  -webkit-transition: height .3s ease-in-out;
  transition: height .3s ease-in-out
}

#cmp-header {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: top .2s ease-in-out;
  transition: top .2s ease-in-out;
  z-index: 250
}

.header {
  color: #fff;
  position: relative;
  z-index: 300
}

.header a {
  color: #fff;
  cursor: pointer;
  text-decoration: none
}

.header .swiper {
  height: 100%;
  width: 100%
}

.header_logo div {
  min-height: 37px
}

.header_logo div img {
  display: block;
  height: 100%;
  width: 137px
}

.header_top-nav {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #121212;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  padding: 8px 20px
}

.header_top-nav span {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .header_top-nav span {
      font-size:14px
  }
}

@media only screen and (max-width: 1024px) {
  .header_top-nav {
      display:none
  }
}

.header__wrapper,.header_nav__wrapper {
  background-color: #222
}

.header_nav__wrapper {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: start;
  padding: 1pc 24px
}

@media only screen and (max-width: 768px) {
  .header_nav__wrapper {
      padding:9pt 24px
  }
}

.header_nav__body {
  margin-left: auto;
  margin-right: auto
}

@media only screen and (max-width: 1024px) {
  .header_nav__body {
      display:none
  }
}

.header_nav__body ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}

.header_nav__hamburger {
  background: transparent;
  border: 0;
  display: none;
  height: 24px;
  margin-left: 24px;
  position: relative;
  width: 24px
}

.header_nav__hamburger span {
  display: none
}

.header_nav__hamburger:after {
  background-image: url(clientlib-site/resources/images/hamburger.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 24px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  z-index: 30
}

@media only screen and (max-width: 1024px) {
  .header_nav__hamburger {
      display:block
  }
}

.header_mega_menu {
  display: none;
  height: 0;
  visibility: hidden
}

.header_mega_menu__title {
  cursor: pointer
}

.header_mega_menu__panel {
  background: #fff;
  color: #222;
  height: 0;
  left: 0;
  overflow: hidden;
  overflow-y: hidden;
  position: absolute;
  -webkit-transition: .5s;
  transition: .5s;
  width: 100%;
  z-index: 250
}

@media only screen and (max-width: 1024px) {
  .header_mega_menu__panel {
      overflow-y:auto
  }
}

.header_mega_menu__panel a,.header_mega_menu__panel dd {
  color: #454545
}

.header_mega_menu__panel .multi,.header_mega_menu__panel .multi a {
  color: #121212
}

.header_mega_menu__inner {
  background: #fff;
  height: calc(100% - 73px);
  margin-top: 0;
  min-height: 50vh;
  padding: 24px 0 0
}

.header_mega_menu__inner-title {
  border-bottom: 1px solid #ccc;
  color: #121212;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 5vw 24px;
  padding: 0 0 1pc
}

@media only screen and (max-width: 768px) {
  .header_mega_menu__inner-title {
      font-size:20px
  }
}

@media only screen and (max-width: 1024px) {
  .header_mega_menu__inner-title {
      border-bottom:none;
      display: inline-block;
      margin: 0 24px;
      padding-bottom: 8px;
      padding-right: 30px;
      position: relative;
      width: auto
  }
}

.header_mega_menu__inner-title a {
  color: #121212
}

.header_mega_menu__inner-title a:hover {
  text-decoration: underline
}

@media only screen and (max-width: 1024px) {
  .header_mega_menu__inner-title a:after {
      background-image:url(clientlib-site/resources/images/header__right-arrow.svg);
      background-repeat: no-repeat;
      border: 0;
      content: " ";
      display: block;
      height: 24px;
      position: absolute;
      right: 0;
      top: 3px;
      -webkit-transform: none;
      transform: none;
      -webkit-transition: none;
      transition: none;
      width: 24px
  }
}

.header_mega_menu__inner-title .close-menu {
  color: #222;
  cursor: pointer;
  float: right;
  font-size: 24px;
  line-height: 24px;
  padding: 0 8px
}

@media only screen and (max-width: 1024px) {
  .header_mega_menu__inner-title .close-menu {
      display:none
  }
}

.header_mega_menu__inner-wrap {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100% - 1pc)
}

@media only screen and (max-width: 1024px) {
  .header_mega_menu__inner-wrap {
      height:calc(100% - 92px)
  }
}

.header_mega_menu__inner-wrap .col.active dd {
  font-weight: 400
}

.header_mega_menu__inner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
  padding: 0 5vw
}

@media only screen and (max-width: 1320px) {
  .header_mega_menu__inner-content {
      margin-bottom:0
  }
}

.header_mega_menu__inner-content .col {
  padding-right: 24px;
  width: 16%
}

.header_mega_menu__inner-content .col>* {
  margin-bottom: 15px
}

.header_mega_menu__inner-content .col a:hover {
  text-decoration: underline
}

@media only screen and (max-width: 1024px) {
  .header_mega_menu__inner-content .col a:hover {
      text-decoration:none
  }
}

.header_mega_menu__inner-content .col a.active {
  font-weight: 700;
  text-decoration: underline
}

.header_mega_menu__inner-content .col.secondary-col .multi {
  min-height: 24px
}

.header_mega_menu__inner-content dt {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

.header_mega_menu__inner-content dd {
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin: 0
}

@media only screen and (max-width: 768px) {
  .header_mega_menu__inner-content dd {
      font-size:14px
  }
}

.header_mega_menu__slider {
  margin-top: auto
}

.header_mega_menu a {
  color: #222
}

.header_mega_menu:hover {
  display: block
}

.header__site {
  position: relative
}

.header__site-button {
  cursor: pointer;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin-left: 40px;
  padding-right: 20px;
  position: relative
}

@media only screen and (max-width: 768px) {
  .header__site-button {
      font-size:14px
  }
}

.header__site-button:after {
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  content: " ";
  display: block;
  height: 7px;
  position: absolute;
  right: 0;
  top: 2px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 7px
}

.header__site.show .header__site-option {
  display: block
}

.header__site-option {
  display: none;
  padding-top: 10px;
  position: absolute;
  right: 0;
  z-index: 300
}

@media only screen and (max-width: 576px) {
  .header__site-option {
      padding-top:0
  }
}

.header__site-option ul {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.header__site-option ul a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  align-items: center;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  justify-content: end;
  min-height: 40px;
  padding: 4px 24px;
  position: relative
}

.header__site-option ul a:hover {
  background-color: #f7f7f7
}

@media only screen and (max-width: 1024px) {
  .header__site-option ul a:hover {
      background-color:transparent
  }

  .header__site-option ul a:hover:before {
      display: none
  }
}

.header__site-option ul a.selected {
  background-color: #f7f7f7
}

@media only screen and (max-width: 1024px) {
  .header__site-option ul a.selected:before {
      border-left:2px solid #222;
      border-top: 2px solid #222;
      content: " ";
      display: block;
      height: 9pt;
      position: absolute;
      right: 30px;
      top: 14px;
      -webkit-transform: rotate(225deg);
      transform: rotate(225deg);
      width: 6px
  }
}

.header_nav__item {
  margin-left: 40px;
  position: relative
}

.header_nav__item:after {
  background-color: #7a35b0;
  bottom: -23.5px;
  content: " ";
  height: 3px;
  left: 0;
  position: absolute;
  visibility: hidden;
  width: 100%;
  z-index: 99
}

@media only screen and (max-width: 1290px) {
  .header_nav__item {
      font-size:14px;
      margin-left: 24px
  }
}

.header_nav__item.active,.header_nav__item:hover {
  text-shadow: .2px 0 0 #fff,-.2px 0 0 #fff
}

.header_nav__item.active:after,.header_nav__item:hover:after {
  visibility: visible
}

@media only screen and (max-width: 1024px) {
  .header_nav__item.active:after,.header_nav__item:hover:after {
      visibility:hidden
  }
}

@media only screen and (max-width: 1320px) {
  .header_nav__item.active .header_mega_menu,.header_nav__item:hover .header_mega_menu {
      display:none
  }
}

.header_utility__wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: end;
  margin-left: 5pc
}

@media only screen and (max-width: 1320px) {
  .header_utility__wrapper {
      margin-left:auto
  }
}

.header_utility__search a {
  display: block;
  height: 24px;
  margin-left: 24px;
  position: relative;
  width: 24px
}

.header_utility__search a:after {
  background-image: url(clientlib-site/resources/images/search.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 24px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  z-index: 30
}

.header_login__user {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  border-radius: 30px;
  color: #222;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9pt;
  height: 2pc;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
  width: 2pc
}

@media only screen and (max-width: 1024px) {
  .header_login__user {
      display:none
  }
}

.header_login__button {
  padding-left: 30px;
  position: relative
}

.header_login__button:before {
  background-image: url(clientlib-site/resources/images/login.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 24px;
  left: 0;
  position: absolute;
  right: 0;
  top: -2px;
  width: 24px;
  z-index: 30
}

@media only screen and (max-width: 1024px) {
  .header_login__button {
      display:none
  }
}

.header_login__wrapper {
  position: relative
}

.header_login__wrapper-option {
  display: none;
  padding-top: 10px;
  position: absolute;
  right: 0;
  z-index: 300
}

.header_login__wrapper-option ul {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  list-style: none;
  margin: 0;
  padding: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.header_login__wrapper-option ul a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  align-items: center;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  justify-content: end;
  min-height: 40px;
  padding: 4px 24px
}

.header_login__wrapper-option.show {
  display: block
}

.header_slide-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  align-items: start;
  background-position: 50%;
  background-repeat: no-repeat;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 18px;
  justify-content: end;
  min-height: 15pc;
  padding: 24px 2pc;
  position: relative
}

.header_slide-item a {
  color: #fff
}

.header_slide-item:before {
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(34,34,34,0)),color-stop(35.42%,rgba(34,34,34,.5)),to(#222));
  background: linear-gradient(180deg,rgba(34,34,34,0),rgba(34,34,34,.5) 35.42%,#222);
  bottom: 0;
  content: "";
  left: 0;
  opacity: .7;
  position: absolute;
  right: 0;
  top: 0
}

@media only screen and (max-width: 1024px) {
  .header_slide-item {
      background-size:cover;
      padding: 0 24px
  }
}

.header_slide-item>div {
  z-index: 1
}

.header_slide-title {
  font-weight: 700
}

.header_slide-button {
  border: 2px solid #fff;
  border-radius: 30px;
  color: #fff!important;
  font-weight: 700;
  margin-top: 1pc;
  padding: 9pt 2pc;
  position: relative
}

@media only screen and (max-width: 1024px) {
  .header_slide-button {
      margin-bottom:24px
  }
}

.header_mobile {
  background-color: #fff;
  color: #fff;
  height: 100vh;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  -webkit-transition: .3s;
  transition: .3s;
  width: 0;
  z-index: 100
}

.header_mobile .back-menu {
  color: #222;
  display: none;
  padding: 9pt 24px
}

.header_mobile .back-menu,.header_mobile-sidemenu {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.header_mobile-sidemenu {
  margin-left: auto
}

.header_mobile-panel,.header_mobile-sidemenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.header_mobile-panel {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #121212;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1pc;
  font-weight: 400;
  height: calc(100dvh - 94px);
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .header_mobile-panel {
      font-size:1pc
  }
}

.header_mobile-panel a {
  color: #121212
}

.header_mobile-panel ul {
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0
}

.header_mobile-panel .header_nav__item {
  margin: 0;
  padding: 8px 24px;
  position: relative
}

.header_mobile-panel .header_nav__item.active {
  height: 100%;
  padding: 0
}

.header_mobile-panel .header_nav__item.active .header_mega_menu {
  color: #454545;
  display: block;
  height: 100%;
  visibility: visible
}

.header_mobile-panel .header_nav__item.active .header_mega_menu__title {
  display: none
}

.header_mobile-panel .header_mega_menu__inner {
  margin-top: 0;
  padding: 0
}

.header_mobile-panel .header_mega_menu__inner__slider {
  margin-top: auto
}

.header_mobile-panel .header_mega_menu__inner .col {
  width: 100%
}

.header_mobile-panel .header_mega_menu__inner .col>* {
  margin: 0
}

.header_mobile-panel .header_mega_menu__inner .col.active .multi {
  color: #121212;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  padding-right: 30px;
  width: auto
}

@media only screen and (max-width: 768px) {
  .header_mobile-panel .header_mega_menu__inner .col.active .multi {
      font-size:20px
  }
}

.header_mobile-panel .header_mega_menu__inner .col.active .multi a {
  color: #121212
}

.header_mobile-panel .header_mega_menu__inner .col.active .multi a:after {
  background-image: url(clientlib-site/resources/images/header__right-arrow.svg);
  background-repeat: no-repeat;
  border: 0;
  height: 24px;
  top: 10px;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  transition: none;
  width: 24px
}

.header_mobile-panel .header_mega_menu__inner .col.active .multi.show-arrow:after {
  display: none
}

.header_mobile-panel .header_mega_menu__inner .col.active dd {
  color: #454545;
  display: block
}

.header_mobile-panel .header_mega_menu__inner .col.active dd a {
  color: #454545
}

.header_mobile-panel .header_mega_menu__inner .col.secondary-col {
  display: none!important
}

.header_mobile-panel .header_mega_menu__inner .multi {
  color: #121212;
  display: block;
  font-size: 1pc;
  font-weight: 700;
  line-height: 150%;
  padding: 8px 0;
  position: relative;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .header_mobile-panel .header_mega_menu__inner .multi {
      font-size:1pc
  }
}

.header_mobile-panel .header_mega_menu__inner .multi a {
  color: #121212
}

.header_mobile-panel .header_mega_menu__inner .multi a:after,.header_mobile-panel .header_mega_menu__inner .multi.show-arrow:after {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 7px;
  position: absolute;
  right: 0;
  top: 13px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 7px
}

.header_mobile-panel .header_mega_menu__inner .multi.redirect a:after {
  display: none
}

.header_mobile-panel .header_mega_menu__inner dd {
  color: #454545;
  display: block;
  font-size: 14px;
  padding: 8px 0;
  width: 100%
}

@media only screen and (max-width: 576px) {
  .header_mobile-panel .header_mega_menu__inner dd {
      font-size:1pc
  }
}

.header_mobile-panel .header_mega_menu__inner dd a {
  color: #454545;
  display: block;
  height: 100%;
  position: relative;
  width: 100%
}

.header_mobile-top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  padding: 9pt 24px
}

.header_mobile-top[style*="display: none"]~.header_mobile-panel {
  height: 100%
}

.header_mobile .inner-menu__header {
  border-bottom: 1px solid #ccc;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px;
  padding: 1pc 24px 1pc 3pc;
  position: relative
}

@media only screen and (max-width: 768px) {
  .header_mobile .inner-menu__header {
      font-size:14px
  }
}

.header_mobile .inner-menu__header:before {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 7px;
  left: 30px;
  position: absolute;
  top: 41%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 7px
}

.header_mobile .inner-menu__header .close-menu {
  cursor: pointer;
  float: right;
  font-size: 24px;
  line-height: 24px;
  padding: 0 8px
}

.header_mobile .header_mega_menu {
  height: auto
}

@media only screen and (max-width: 1320px) {
  .header_mobile .header_mega_menu {
      display:none
  }
}

.header_mobile .header_mega_menu__title-main {
  border: 0;
  margin: 0;
  padding: 24px
}

@media only screen and (max-width: 1320px) {
  .header_mobile .header_mega_menu__title-main {
      border-bottom:1px solid #ccc;
      color: #121212;
      font-size: 9pt;
      font-weight: 400;
      line-height: 150%;
      margin-bottom: 24px;
      padding: 1pc 24px 1pc 3pc;
      position: relative
  }
}

@media only screen and (max-width: 1320px)and (max-width:768px) {
  .header_mobile .header_mega_menu__title-main {
      font-size:14px
  }
}

@media only screen and (max-width: 1320px) {
  .header_mobile .header_mega_menu__title-main:before {
      border-left:2px solid #222;
      border-top: 2px solid #222;
      content: " ";
      display: block;
      height: 7px;
      left: 30px;
      position: absolute;
      top: 41%;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transition: all .3s;
      transition: all .3s;
      width: 7px
  }
}

.header_mobile .header_mega_menu__title-main .close-menu {
  color: #222;
  cursor: pointer;
  float: right;
  font-size: 24px;
  line-height: 24px;
  padding: 0 8px
}

.header_mobile .header_mega_menu__inner-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 24px
}

.header_mobile .header_mega_menu__inner-content dd {
  display: none
}

.header_mobile .close-menu {
  padding-right: 0!important
}

.header_mobile .header_mega_menu__title a,.header_mobile .header_mega_menu__title.no-link {
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  position: relative;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .header_mobile .header_mega_menu__title a,.header_mobile .header_mega_menu__title.no-link {
      font-size:20px
  }
}

.header_mobile .header_mega_menu__title a:before,.header_mobile .header_mega_menu__title.no-link:before {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 7px;
  position: absolute;
  right: 6px;
  top: 8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 7px
}

.header_mobile .go-back {
  padding-left: 20px;
  position: relative
}

.header_mobile .go-back:after {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 7px;
  left: 0;
  position: absolute;
  top: 7px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 7px
}

.header_mobile .back-menu {
  border-bottom: 1px solid #ccc
}

.header_mobile-close {
  color: #222;
  cursor: pointer;
  display: inline;
  font-size: 30px;
  margin-left: auto
}

.header_mobile-login,.header_mobile-search {
  height: 24px;
  margin-right: 8px;
  position: relative;
  width: 24px
}

.header_mobile-login:before,.header_mobile-search:before {
  background-image: url(clientlib-site/resources/images/mobile_login.svg);
  background-repeat: no-repeat;
  bottom: 0;
  content: " ";
  height: 24px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  z-index: 30
}

.header_mobile .user-mobile {
  border-bottom: 1px solid #ccc;
  color: #222;
  margin-bottom: 24px;
  padding: 1pc 24px 1pc 3pc;
  position: relative
}

.header_mobile .user-mobile:before {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 7px;
  left: 30px;
  position: absolute;
  top: 41%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 7px
}

.header_mobile .user-mobile__panel {
  display: none
}

.header_mobile .user-mobile__panel .header_login__wrapper-option {
  display: block;
  padding-top: 0;
  position: relative
}

.header_mobile .user-mobile__panel .header_login__wrapper-option ul {
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%
}

.header_mobile .user-mobile__panel .header_login__wrapper-option ul a {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}

.header_mobile-search:before {
  background-image: url(clientlib-site/resources/images/mobile_search.svg);
  top: 1px
}

.header_mobile-logo img {
  height: 37px;
  width: 137px
}

.header_mobile .site-selector {
  border-top: 1px solid #ccc;
  margin-top: auto
}

.header_mobile .site-selector__title {
  padding: 1pc 24px;
  position: relative
}

.header_mobile .site-selector__title:after {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 7px;
  position: absolute;
  right: 24px;
  top: 24px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 7px
}

.header_mobile .site-selector__title span {
  font-weight: 700
}

.header_mobile .site-selector .header__site,.header_mobile .site-selector .header__site-button {
  display: none
}

.header_mobile .site-selector.show {
  margin-top: 0
}

.header_mobile .site-selector.show .site-selector__title {
  color: #fff;
  padding: 1pc 24px 1pc 3pc
}

.header_mobile .site-selector.show .site-selector__title:after {
  border: 0;
  color: #222;
  content: attr(data-header-menu);
  height: auto;
  left: 3pc;
  top: 29%;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  transition: none;
  width: 100%
}

.header_mobile .site-selector.show .site-selector__title:before {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 7px;
  left: 30px;
  position: absolute;
  top: 41%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 7px
}

.header_mobile .site-selector.show .header__site {
  display: block
}

.header_mobile .site-selector.show .header__site-option {
  border-top: 1px solid #ccc;
  display: block;
  position: relative
}

.header_mobile .site-selector.show .header__site-option ul {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: left;
  width: 100%
}

.header_mobile .site-selector.show .header__site-option ul a {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}

.header_mobile .site-selector.show~.user-logout {
  display: none!important
}

.header_mobile .language-selector__title {
  padding: 1pc 24px;
  position: relative
}

.header_mobile .language-selector__title:after {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 7px;
  position: absolute;
  right: 24px;
  top: 24px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 7px
}

.header_mobile .language-selector__title span {
  font-weight: 700;
  text-transform: uppercase
}

.header_mobile .language-selector.show {
  margin-top: 0
}

.header_mobile .language-selector.show .language-selector__title {
  color: #fff;
  padding: 1pc 24px 1pc 3pc;
  position: relative
}

.header_mobile .language-selector.show .language-selector__title:after {
  border: 0;
  color: #222;
  content: attr(data-header-menu);
  height: auto;
  left: 3pc;
  top: 29%;
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  transition: none;
  width: 100%
}

.header_mobile .language-selector.show .language-selector__title:before {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 7px;
  left: 30px;
  position: absolute;
  top: 41%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 7px
}

.header_mobile .language-selector.show .cmp-languagenavigation {
  display: block
}

.header_mobile .language-selector.show .cmp-languagenavigation__button {
  display: none
}

.header_mobile .language-selector.show .cmp-languagenavigation__option {
  border-top: 1px solid #ccc;
  display: block;
  position: relative
}

.header_mobile .language-selector.show .cmp-languagenavigation__option ul {
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: left;
  width: 100%
}

.header_mobile .language-selector.show .cmp-languagenavigation__option ul a {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}

.header_mobile .language-selector.show~.user-logout {
  display: none!important
}

.header_mobile .mobile-menu.menu-active {
  height: 100%
}

.header_mobile .mobile-menu.menu-active~.language-selector,.header_mobile .mobile-menu.menu-active~.site-selector,.header_mobile .mobile-menu.menu-active~.user-logout {
  display: none!important
}

.header_mobile .user-logout {
  border-top: 1px solid #ccc;
  display: none;
  padding: 1pc 24px
}

.header_mobile .swiper-pagination {
  --swiper-pagination-bottom: 24px;
  --swiper-pagination-color: #ffd200;
  --swiper-pagination-bullet-inactive-color: #e5e5e5;
  left: auto!important;
  right: 24px;
  width: auto!important
}

.header_mobile .swiper-pagination-bullet {
  height: 10px;
  opacity: 1;
  width: 10px
}

.cmp-languagenavigation {
  position: relative
}

.cmp-languagenavigation__item--active {
  display: none
}

.cmp-languagenavigation.show .cmp-languagenavigation__option {
  display: block
}

@media only screen and (max-width: 1024px) {
  .cmp-languagenavigation {
      display:none
  }
}

.cmp-languagenavigation__option {
  display: none;
  padding-top: 10px;
  position: absolute;
  right: 0;
  z-index: 300
}

@media only screen and (max-width: 1024px) {
  .cmp-languagenavigation__option {
      padding-top:0
  }
}

.cmp-languagenavigation__option ul {
  background-color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.cmp-languagenavigation__option ul li:hover {
  background-color: #f7f7f7
}

.cmp-languagenavigation__option ul li.selected {
  position: relative
}

@media only screen and (max-width: 576px) {
  .cmp-languagenavigation__option ul li.selected {
      -webkit-box-pack:start!important;
      -ms-flex-pack: start!important;
      justify-content: start!important
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-languagenavigation__option ul li.selected:before {
      border-left:2px solid #7a35b0;
      border-top: 2px solid #7a35b0;
      content: " ";
      display: block;
      height: 9pt;
      position: absolute;
      right: 30px;
      top: 14px;
      -webkit-transform: rotate(225deg);
      transform: rotate(225deg);
      width: 6px
  }
}

.cmp-languagenavigation__option ul li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  align-items: center;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  justify-content: end;
  min-height: 40px;
  position: relative;
  text-transform: uppercase
}

@media only screen and (max-width: 576px) {
  .cmp-languagenavigation__option ul li {
      -webkit-box-pack:start;
      -ms-flex-pack: start;
      background: #fff;
      justify-content: start
  }
}

.cmp-languagenavigation__option ul li.cmp-languagenavigation__item--active {
  display: none
}

.cmp-languagenavigation__option ul li a {
  color: #222;
  height: 100%;
  padding: 4px 24px;
  text-align: right;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .cmp-languagenavigation__option ul li a {
      text-align:left
  }
}

.cmp-languagenavigation__button {
  cursor: pointer;
  margin-left: 24px;
  padding-right: 20px;
  position: relative;
  text-transform: uppercase
}

.cmp-languagenavigation__button:after {
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  content: " ";
  display: block;
  height: 7px;
  position: absolute;
  right: 0;
  top: 4px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 7px
}

.cmp-carousel--hero {
  --carousel-height: 363px;
  --carousel-mob-height: 375px;
  --carousel-img-height: 363px;
  --carousel-mob-img-height: 375px;
  --carousel-overlay-height: 363px;
  --carousel-mob-overlay-height: 375px;
  --carousel-overlay-dark-def-color: rgba(0,0,0,.5);
  --carousel-overlay-dark-color: linear-gradient(180deg,transparent,rgba(34,34,34,.6) 80.37%);
  --carousel-mob-overlay-dark-color: linear-gradient(180deg,transparent,rgba(34,34,34,.6) 86.91%);
  --carousel-overlay-light-def-color: rgba(0,0,0,.3);
  --carousel-overlay-light-color: linear-gradient(180deg,transparent,rgba(34,34,34,.3) 80.37%);
  --carousel-mob-overlay-light-color: linear-gradient(180deg,transparent,rgba(34,34,34,.3) 86.91%);
  height: var(--carousel-height);
  overflow: hidden
}

@media only screen and (max-width: 768px) {
  .cmp-carousel--hero {
      height:var(--carousel-mob-height)
  }
}

.cmp-carousel--hero .cmp-image__image {
  height: var(--carousel-img-height);
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-carousel--hero .cmp-image__image {
      height:var(--carousel-mob-img-height)
  }
}

.cmp-carousel--hero .cmp-carousel__content {
  position: relative
}

.cmp-carousel--hero .cmp-carousel__item {
  display: none
}

.cmp-carousel--hero .cmp-carousel__item--active {
  display: block
}

.cmp-carousel--hero .cmp-carousel__action {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.cmp-carousel--hero .cmp-carousel__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 20
}

.cmp-carousel--hero .cmp-carousel__action {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(34,34,34,.05);
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  justify-content: center;
  outline: none;
  width: 40px
}

.cmp-carousel--hero .cmp-carousel__action:after {
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
  content: " ";
  display: block;
  height: 9px;
  position: relative;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 9px
}

.cmp-carousel--hero .cmp-carousel__action-text {
  display: none
}

.cmp-carousel--hero .cmp-carousel__action--previous:after {
  left: 2px;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg)
}

.cmp-carousel--hero .cmp-carousel__action--next {
  margin-left: auto
}

.cmp-carousel--hero .cmp-carousel__action--next:after {
  right: 2px
}

.cmp-carousel--hero .cmp-carousel__indicators {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  bottom: 2pc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 28px;
  z-index: 10
}

.cmp-carousel--hero .cmp-carousel__indicator {
  -webkit-box-flex: 0;
  background-color: #e5e5e5;
  border-radius: 50%;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  font-size: 0;
  height: 10px;
  margin: 0 4px;
  pointer-events: none;
  position: relative;
  text-indent: -3000px;
  width: 10px
}

.cmp-carousel--hero .cmp-carousel__indicator--active {
  background-color: #ffd200
}

.cmp-carousel--hero .cmp-carousel__overlay-dark .cmp-image,.cmp-carousel--hero .cmp-carousel__overlay-light .cmp-image {
  position: relative
}

.cmp-carousel--hero .cmp-carousel__overlay-dark .cmp-image:after,.cmp-carousel--hero .cmp-carousel__overlay-light .cmp-image:after {
  content: "";
  height: 100%;
  height: var(--carousel-overlay-height);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

@media only screen and (max-width: 768px) {
  .cmp-carousel--hero .cmp-carousel__overlay-dark .cmp-image:after,.cmp-carousel--hero .cmp-carousel__overlay-light .cmp-image:after {
      height:var(--carousel-mob-overlay-height)
  }
}

.cmp-carousel--hero .cmp-carousel__overlay-dark .cmp-image:after {
  background-color: var(--carousel-overlay-dark-def-color);
  background: var(--carousel-overlay-dark-color)
}

@media only screen and (max-width: 768px) {
  .cmp-carousel--hero .cmp-carousel__overlay-dark .cmp-image:after {
      background:var(--carousel-mob-overlay-dark-color)
  }
}

.cmp-carousel--hero .cmp-carousel__overlay-light .cmp-image:after {
  background-color: var(--carousel-overlay-light-def-color);
  background: var(--carousel-overlay-light-color)
}

@media only screen and (max-width: 768px) {
  .cmp-carousel--hero .cmp-carousel__overlay-light .cmp-image:after {
      background:var(--carousel-mob-overlay-light-color)
  }
}

.cmp-image__list--small {
  padding: 0
}

.cmp-image__list--small .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px
}

.cmp-image__list--small .cmp-container .cmp-image__image {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  width: 95px
}

.cmp-imgfeatured {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 24px
}

@media only screen and (max-width: 1024px) {
  .cmp-imgfeatured {
      -ms-flex-wrap:wrap;
      flex-wrap: wrap;
      gap: 1pc
  }
}

@media only screen and (max-width: 768px) {
  .cmp-imgfeatured {
      padding-top:0
  }
}

.cmp-imgfeatured_wrapperOne {
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%
}

.cmp-imgfeatured_wrapperOne .cmp-image__image {
  aspect-ratio: 7/5
}

.cmp-imgfeatured_wrapperTwo {
  -webkit-box-flex: 70%;
  -ms-flex: 70%;
  flex: 70%
}

@media only screen and (max-width: 1024px) {
  .cmp-imgfeatured_wrapperTwo {
      display:-webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 1pc
  }
}

@media only screen and (max-width: 768px) {
  .cmp-imgfeatured_wrapperTwo {
      -webkit-box-flex:2;
      -ms-flex: 2;
      flex: 2
  }
}

.cmp-imgfeatured_wrapperTwo>div:first-child {
  padding-bottom: 24px;
  padding-top: 5pc
}

@media only screen and (max-width: 768px) {
  .cmp-imgfeatured_wrapperTwo>div:first-child {
      padding-top:0
  }
}

.cmp-imgfeatured_wrapperTwo>div:first-child .cmp-image__image {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  aspect-ratio: 8/5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .cmp-imgfeatured_wrapperTwo>div:first-child .cmp-image__image {
      display:block;
      width: calc(50vw - 3pc)
  }
}

.cmp-imgfeatured_wrapperTwo>div:nth-child(2) .cmp-image__image {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 410px
}

.cmp-imgfeatured_item img {
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
  width: 100%
}

.cmp-imgfeatured__content.desktop {
  max-width: 519px
}

@media only screen and (max-width: 1024px) {
  .cmp-imgfeatured__content.desktop {
      display:none
  }
}

.cmp-imgfeatured__content.mobile {
  display: none;
  padding: 0 24px 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-imgfeatured__content.mobile {
      display:block
  }
}

.cmp-imgfeatured__title .cmp-title__text {
  color: #121212;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  padding-top: 2pc
}

@media only screen and (max-width: 768px) {
  .cmp-imgfeatured__title .cmp-title__text {
      font-size:24px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-imgfeatured__title .cmp-title__text {
      padding-top:1pc
  }
}

.cmp-imgfeatured__description>.cmp-text p {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin: 20px 0
}

@media only screen and (max-width: 768px) {
  .cmp-imgfeatured__description>.cmp-text p {
      font-size:1pc;
      margin: 1pc 0
  }
}

.cmp-imgfeatured__action-container button {
  padding: 0
}

.cmp-imgfeatured__action-container .cmp-button {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc;
  text-transform: none
}

.img-featured-right .cmp-imgfeatured__content {
  margin-left: auto
}

.img-featured-left .cmp-imgfeatured__content {
  margin-right: auto
}

.img-featured-center .cmp-imgfeatured__content {
  margin: 0 auto
}

.cmp-image--lvertical .cmp-image {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  min-height: 780px
}

@media screen and (max-width: 768px) {
  .cmp-image--lvertical .cmp-image {
      min-height:390px
  }
}

.cmp-image--lvertical .cmp-image .cmp-image__image {
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
  width: 100%
}

.two-image-inner-wrapper>.cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px
}

@media screen and (max-width: 768px) {
  .two-image-inner-wrapper>.cmp-container {
      gap:24px
  }
}

.two-image-inner-wrapper .image .cmp-image__image {
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
  width: 100%
}

.three-image-inner-wrap>.cmp-container {
  gap: 4pc
}

.three-image-inner-wrap>.cmp-container .cmp-image__image {
  aspect-ratio: 7/5
}

.three-image-inner-wrap .row {
  gap: 20px;
  margin-left: calc(var(--bs-gutter-x)*-.5);
  margin-right: calc(var(--bs-gutter-x)*.3)
}

.three-image-inner-wrap .partner-variant-one picture {
  min-height: auto
}

.three-image-inner-wrap .partner-variant-one picture .cmp-image__image {
  aspect-ratio: 1
}

.three-image-inner-wrap .partner-variant-two picture {
  min-height: auto
}

.three-image-inner-wrap .partner-variant-two picture .cmp-image__image {
  aspect-ratio: 5/8
}

.three-image-inner-wrap .variant-two-wrap {
  padding-top: 40px
}

.three-image-inner-wrap .variant-two-wrap>.cmp-custom-container {
  padding: 0
}

.three-image-inner-wrap .variant-two-wrap .row {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.cmp-image--primary .cmp-image .cmp-image__image {
  display: block
}

.ls-container {
  width: 100%
}

.ls-container .directory-cards {
  display: block;
  height: 100%;
  padding: 0;
  text-decoration: none
}

@media only screen and (max-width: 767px) {
  .ls-container .directory-cards {
      padding-bottom:1pc
  }
}

.ls-container .directory-cards .swiper {
  --swiper-navigation-size: 24px;
  --swiper-theme-color: #fff;
  --swiper-navigation-sides-offset: 0;
  padding-bottom: 0
}

.ls-container .directory-cards .swiper-wrapper {
  aspect-ratio: 7/5;
  border-radius: 8px;
  width: 100%
}

@media only screen and (max-width: 767px) {
  .ls-container .directory-cards .swiper-wrapper {
      border-radius:4px
  }
}

.ls-container .directory-cards .swiper-slide {
  border-radius: 8px
}

@media only screen and (max-width: 767px) {
  .ls-container .directory-cards .swiper-slide {
      border-radius:4px
  }
}

.ls-container .directory-cards .swiper-slide .slide-image {
  aspect-ratio: 7/5;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.ls-container .directory-cards .swiper-slide .slide-image-overlay {
  background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,rgba(0,0,0,.3)),to(rgba(0,0,0,.6)));
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6));
  bottom: 0;
  height: 50%;
  position: absolute;
  width: 100%;
  z-index: 1
}

.ls-container .directory-cards .swiper-slide .slide-image img {
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  width: 100%
}

.ls-container .directory-cards .swiper-pagination {
  --swiper-pagination-bottom: 20px;
  --swiper-pagination-color: #ffd200;
  --swiper-pagination-bullet-inactive-color: #e5e5e5;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-height: 10px;
  --swiper-pagination-bullet-width: 10px;
  --swiper-pagination-bullet-size: 10px;
  left: auto;
  right: 20px;
  text-align: right
}

.ls-container .directory-cards .swiper-button-next,.ls-container .directory-cards .swiper-button-prev {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background: rgba(34,34,34,.05);
  padding: 1pc;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.ls-container .directory-cards-image {
  position: relative
}

.ls-container .directory-cards-image-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  left: 1pc;
  position: absolute;
  right: 1pc;
  top: 1pc;
  z-index: 2
}

.ls-container .directory-cards-image-tags div {
  background-color: #f7f7f7;
  border-radius: 60px;
  color: #222;
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  padding: 4px 15px;
  text-align: center;
  text-indent: 2.4px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .ls-container .directory-cards-image-tags div {
      font-size:9pt
  }
}

.ls-container .directory-cards-slide-details {
  padding-top: 24px
}

@media only screen and (max-width: 767px) {
  .ls-container .directory-cards-slide-details {
      padding-top:1pc
  }
}

.ls-container .directory-cards-slide-details__tags span {
  background: #e5e5e5;
  border-radius: 4px;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 4px 15px;
  text-align: center;
  text-transform: capitalize
}

@media only screen and (max-width: 768px) {
  .ls-container .directory-cards-slide-details__tags span {
      font-size:14px
  }
}

.ls-container .directory-cards-slide-details__title {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 1pc;
  text-transform: capitalize
}

@media only screen and (max-width: 768px) {
  .ls-container .directory-cards-slide-details__title {
      font-size:20px
  }
}

.ls-container .directory-cards-slide-details__separator {
  background: #222;
  height: 1px;
  width: 72px
}

.ls-container .directory-cards-slide-details__desc {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 1pc
}

@media only screen and (max-width: 768px) {
  .ls-container .directory-cards-slide-details__desc {
      font-size:1pc
  }
}

.ls-container .directory-cards-slide-details__desc p {
  margin: 0
}

.ls-container .directory-cards-slide-details__info {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 1pc
}

@media only screen and (max-width: 768px) {
  .ls-container .directory-cards-slide-details__info {
      font-size:1pc
  }
}

.ls-container .directory-cards-slide-details__info .terminal-area__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px
}

.ls-container .directory-cards-slide-details__info .airport {
  color: #222;
  font-weight: 700;
  text-transform: capitalize
}

.ls-container .directory-cards-slide-details__info .level {
  color: #222;
  font-weight: 400;
  text-transform: capitalize
}

.ls-container .directory-cards-slide-details__info .status {
  color: #999;
  font-weight: 400
}

.ls-container .directory-cards-slide-details__info .myreward-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px
}

.ls-container .directory-cards-slide-details__info .dot {
  font-size: 7px
}

.ls-container .directory-cards-slide-details .shop-online p {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f2e2ff;
  border-radius: 20px;
  color: #7a35b0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 0;
  margin-top: 1pc;
  padding: 6px 20px 6px 1pc
}

.ls-container .directory-cards-slide-details .shop-online p .shop-icon {
  background: url(clientlib-site/resources/images/ishopchangi.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  margin-right: 8px;
  width: 24px
}

.ls-container .directory-cards-slide-details .shop-online p .shop-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .ls-container .directory-cards-slide-details .shop-online p .shop-text {
      font-size:1pc
  }
}

@media only screen and (min-width: 768px) {
  .ls-container .directory-cards:hover img {
      -webkit-transform:scale(1.1);
      transform: scale(1.1);
      -webkit-transition: .2s ease-in;
      transition: .2s ease-in
  }
}

.ls-container .directory-cards .promotion-container {
  background: #222;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  height: 508px;
  padding-top: 40px;
  position: relative
}

@media only screen and (max-width: 767px) {
  .ls-container .directory-cards .promotion-container {
      height:457px
  }
}

.ls-container .directory-cards .promotion-container__overlay {
  background: -webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(50%,rgba(0,0,0,.3)),to(rgba(0,0,0,.6)));
  background: linear-gradient(0deg,transparent,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6));
  border-radius: 8px 8px 0 0;
  height: 50%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

@media only screen and (max-width: 767px) {
  .ls-container .directory-cards .promotion-container__overlay {
      height:70%
  }
}

.ls-container .directory-cards .promotion-container__content {
  position: absolute;
  width: 100%;
  word-break: break-word;
  z-index: 2
}

.ls-container .directory-cards .promotion-container__content__chip {
  background: #fff;
  border-radius: 4px;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin: 0 0 1pc 40px;
  padding: 4px 15px
}

@media only screen and (max-width: 768px) {
  .ls-container .directory-cards .promotion-container__content__chip {
      font-size:14px
  }
}

.ls-container .directory-cards .promotion-container__content__title {
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  padding: 0 40px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .ls-container .directory-cards .promotion-container__content__title {
      font-size:24px
  }
}

.ls-container .directory-cards .promotion-container__content__separator {
  background: #fff;
  height: 1px;
  margin-bottom: 1pc;
  margin-left: 40px;
  margin-top: 1pc;
  width: 72px
}

.ls-container .directory-cards .promotion-container__content__desc {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 1pc;
  padding: 0 40px
}

@media only screen and (max-width: 768px) {
  .ls-container .directory-cards .promotion-container__content__desc {
      font-size:1pc
  }
}

.ls-container .directory-cards .promotion-container__content__btn {
  padding: 9pt 40px 40px
}

.ls-container .directory-cards .promotion-container__content__btn a {
  background: #fff;
  border-radius: 30px;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc;
  text-decoration: none
}

.leasing-list-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .leasing-list-container {
      font-size:14px
  }
}

.leasing-list-container .ll-header {
  color: #999;
  font-size: 9pt;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .leasing-list-container .ll-header {
      font-size:14px
  }
}

.leasing-list-container .leasing-list-item {
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  padding: 24px 0
}

.leasing-list-container .leasing-list-item .ll-column {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-grow: 1;
  gap: 4px;
  max-width: calc(100% - 24px)
}

.leasing-list-container .leasing-list-item .ll-column-1 {
  -ms-flex-preferred-size: 25.5067567568%;
  flex-basis: 25.5067567568%
}

.leasing-list-container .leasing-list-item .ll-column-1 .ll-web-only {
  display: block
}

.leasing-list-container .leasing-list-item .ll-column-1 .ll-mobile-only {
  display: none
}

.leasing-list-container .leasing-list-item .ll-column-2 {
  -ms-flex-preferred-size: 14.1891891892%;
  flex-basis: 14.1891891892%
}

.leasing-list-container .leasing-list-item .ll-column-3 {
  -ms-flex-preferred-size: 18.4121621622%;
  flex-basis: 18.4121621622%
}

.leasing-list-container .leasing-list-item .ll-column-4 {
  -ms-flex-preferred-size: 25.5067567568%;
  flex-basis: 25.5067567568%
}

.leasing-list-container .leasing-list-item .ll-column-5 {
  -ms-flex-preferred-size: 16.3851351351%;
  flex-basis: 16.3851351351%;
  gap: 1pc
}

.leasing-list-container .leasing-list-item .ll-text-bold {
  font-weight: 700
}

.leasing-list-container .leasing-list-item .ll-text-normal {
  font-style: normal;
  font-weight: 400
}

.leasing-list-container .leasing-list-item .ll-text-grey {
  color: #ababab;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .leasing-list-container .leasing-list-item .ll-text-grey {
      font-size:14px
  }
}

.leasing-list-container .leasing-list-item .ll-text-header-mobile {
  display: none
}

.leasing-list-container .leasing-list-item .ll-status {
  border-radius: 60px;
  display: inline-block;
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  padding: 4px 1pc;
  text-align: center;
  text-indent: 2.4px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .leasing-list-container .leasing-list-item .ll-status {
      font-size:9pt
  }
}

.leasing-list-container .leasing-list-item .ll-status-black {
  background-color: #222;
  color: #fff
}

.leasing-list-container .leasing-list-item .ll-status-green {
  background-color: #e2efda;
  color: #008545
}

.leasing-list-container .leasing-list-item .ll-status-red {
  background-color: #ffe3e0;
  color: #cc1000
}

.leasing-list-container .leasing-list-item .ll-status-gray {
  background-color: #e5e5e5;
  color: #222
}

.leasing-list-container .leasing-list-item .ll-terminal-icon {
  content: url(clientlib-site/resources/images/checkin_location_gray.svg);
  height: 100%;
  margin: auto;
  width: 1pc
}

.leasing-list-container .leasing-list-item .ll-sqm-icon {
  content: url(clientlib-site/resources/images/sqm.svg);
  height: 100%;
  width: 1pc
}

.leasing-list-container .leasing-list-item .ll-grid-container {
  grid-gap: 4px 8px;
  display: grid;
  grid-template-columns: auto 1fr
}

@media only screen and (max-width: 991px) {
  .leasing-list-container .leasing-list-item .ll-grid-container {
      grid-gap:10px 8px
  }
}

.leasing-list-container .leasing-list-item .ll-accordion-section-4 {
  gap: 4px
}

.leasing-list-container .leasing-list-item .ll-accordion-section-4,.leasing-list-container .leasing-list-item .ll-accordion-section-8 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.leasing-list-container .leasing-list-item .ll-accordion-section-8 {
  gap: 8px
}

.leasing-list-container .leasing-list-item .ll-accordion-section-15 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 15px
}

@media only screen and (max-width: 991px) {
  .leasing-list-container .ll-header {
      display:none
  }

  .leasing-list-container .leasing-list-item:has(.ll-accordion-body) {
      gap: 1pc
  }

  .leasing-list-container .leasing-list-item:has(.ll-accordion-body) .ll-text-header-mobile {
      margin-bottom: 6px
  }

  .leasing-list-container .leasing-list-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 2pc;
      padding: 2pc 0
  }

  .leasing-list-container .leasing-list-item .ll-column {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%
  }

  .leasing-list-container .leasing-list-item .ll-column-1 .ll-web-only {
      display: none
  }

  .leasing-list-container .leasing-list-item .ll-column-1 .ll-mobile-only {
      display: block
  }

  .leasing-list-container .leasing-list-item .ll-column-2,.leasing-list-container .leasing-list-item .ll-column-3,.leasing-list-container .leasing-list-item .ll-column-4 {
      display: none
  }

  .leasing-list-container .leasing-list-item .ll-column-5 {
      gap: 10px
  }

  .leasing-list-container .leasing-list-item .ll-text-header-mobile {
      color: #999;
      display: block;
      font-size: 9pt;
      font-weight: 700;
      line-height: 150%
  }
}

@media only screen and (max-width: 991px)and (max-width:768px) {
  .leasing-list-container .leasing-list-item .ll-text-header-mobile {
      font-size:14px
  }
}

.ll-accordion {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2pc;
  width: 100%
}

.ll-accordion,.ll-accordion .ll-accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.ll-accordion .ll-accordion-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  justify-content: space-between
}

.ll-accordion .ll-accordion-header .ll-accordion-title {
  font-size: 1pc;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .ll-accordion .ll-accordion-header .ll-accordion-title {
      font-size:1pc
  }
}

.ll-accordion .ll-accordion-header .ll-accordion-icon {
  display: inline-block;
  height: 24px;
  left: 0;
  position: relative;
  width: 24px
}

.ll-accordion .ll-accordion-header .ll-accordion-icon:before {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 8px;
  position: absolute;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 8px
}

.ll-accordion .ll-accordion-header .ll-expanded:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.ll-accordion .ll-accordion-body {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #f7f7f7;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1pc;
  padding: 1pc
}

.cmp-linklist--row {
  padding-bottom: 40px;
  padding-top: 40px
}

@media only screen and (max-width: 768px) {
  .cmp-linklist--row {
      padding-bottom:24px;
      padding-top: 24px
  }
}

.cmp-linklist--row ul {
  margin: 0;
  padding: 0
}

.cmp-linklist--row ul a.cmp-list__item-title {
  color: #121212;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
  text-transform: capitalize
}

@media only screen and (max-width: 768px) {
  .cmp-linklist--row ul a.cmp-list__item-title {
      font-size:20px
  }
}

.cmp-linklist--row ul a.cmp-list__item-title li.cmp-list__item {
  padding: 20px 0
}

.cmp-linklist--row ul a.cmp-list__item-title:first-child li.cmp-list__item {
  border-top: 1px solid #ccc
}

.cmp-linklist--row ul li.cmp-list__item {
  border-bottom: 1px solid #ccc;
  color: #121212;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  list-style-type: none;
  padding: 20px 0;
  position: relative;
  text-transform: capitalize
}

@media only screen and (max-width: 768px) {
  .cmp-linklist--row ul li.cmp-list__item {
      font-size:20px
  }
}

.cmp-linklist--row ul li.cmp-list__item:has(.cmp-list__item-title:only-child) {
  border-top: 1px solid #ccc;
  padding: 20px 0
}

.cmp-linklist--row ul li.cmp-list__item:first-child {
  padding-top: 0
}

.cmp-linklist--row ul li.cmp-list__item:after {
  background: url(clientlib-site/resources/images/arrow-icon.svg) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 24px;
  position: absolute;
  right: 0;
  width: 24px
}

.cmp-linklist--row ul li.cmp-list__item a,.cmp-linklist--row ul li.cmp-list__item a span,.cmp-linklist--row ul li.cmp-list__item span {
  color: #121212;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-decoration: none;
  text-transform: capitalize
}

@media only screen and (max-width: 768px) {
  .cmp-linklist--row ul li.cmp-list__item a,.cmp-linklist--row ul li.cmp-list__item a span,.cmp-linklist--row ul li.cmp-list__item span {
      font-size:20px
  }
}

.cmp-linklist--secondary ul {
  list-style: none;
  padding: 0
}

.cmp-linklist--secondary ul li {
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 10px
}

@media only screen and (max-width: 768px) {
  .cmp-linklist--secondary ul li {
      font-size:1pc
  }
}

.cmp-linklist--secondary ul li a {
  font-weight: inherit;
  text-decoration: none
}

.cmp-linklist--secondary ul li .circledots-container {
  display: inline-block;
  margin-left: 8px
}

.cmp-linklist--secondary ul li .circledots-container div {
  border-radius: 50%;
  display: inline-block;
  height: 9pt;
  margin-right: 8px;
  width: 9pt
}

.loader-container.simple {
  padding: 142px 0
}

.loader-container.simple .loader {
  -webkit-animation: animloader 2s linear infinite;
  animation: animloader 2s linear infinite;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #7a35b0;
  display: block;
  height: 9pt;
  margin: 1pc auto;
  position: relative;
  width: 9pt
}

@-webkit-keyframes animloader {
  0% {
      -webkit-box-shadow: 14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px;
      box-shadow: 14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px
  }

  25% {
      -webkit-box-shadow: 14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 2px;
      box-shadow: 14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 2px
  }

  50% {
      -webkit-box-shadow: 14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 2px,-38px 0 0 -2px;
      box-shadow: 14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 2px,-38px 0 0 -2px
  }

  75% {
      -webkit-box-shadow: 14px 0 0 2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px;
      box-shadow: 14px 0 0 2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px
  }

  to {
      -webkit-box-shadow: 14px 0 0 -2px,38px 0 0 2px,-14px 0 0 -2px,-38px 0 0 -2px;
      box-shadow: 14px 0 0 -2px,38px 0 0 2px,-14px 0 0 -2px,-38px 0 0 -2px
  }
}

@keyframes animloader {
  0% {
      -webkit-box-shadow: 14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px;
      box-shadow: 14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px
  }

  25% {
      -webkit-box-shadow: 14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 2px;
      box-shadow: 14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 2px
  }

  50% {
      -webkit-box-shadow: 14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 2px,-38px 0 0 -2px;
      box-shadow: 14px 0 0 -2px,38px 0 0 -2px,-14px 0 0 2px,-38px 0 0 -2px
  }

  75% {
      -webkit-box-shadow: 14px 0 0 2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px;
      box-shadow: 14px 0 0 2px,38px 0 0 -2px,-14px 0 0 -2px,-38px 0 0 -2px
  }

  to {
      -webkit-box-shadow: 14px 0 0 -2px,38px 0 0 2px,-14px 0 0 -2px,-38px 0 0 -2px;
      box-shadow: 14px 0 0 -2px,38px 0 0 2px,-14px 0 0 -2px,-38px 0 0 -2px
  }
}

.loader-container.circular .loader {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  border: 2px solid #7a35b0;
  border-radius: 50%;
  border-top-color: transparent;
  height: 20px;
  margin-bottom: 2px;
  margin-top: 2px;
  width: 20px
}

@-webkit-keyframes spin {
  0% {
      -webkit-transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(1turn)
  }
}

@keyframes spin {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

.cmp-map {
  position: relative
}

.cmp-map__wrapper {
  height: 70vh;
  overflow: hidden;
  position: relative
}

.cmp-map__container {
  height: 70vh
}

.cmp-map__container .maplibregl-canvas-container {
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab
}

.cmp-map__container .maplibregl-canvas-container:active {
  cursor: grabbing;
  cursor: -webkit-grabbing
}

.cmp-map__filter {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1pc;
  justify-content: center;
  padding: 24px 0;
  position: relative;
  width: 100%;
  z-index: 10
}

@media only screen and (max-width: 768px) {
  .cmp-map__filter {
      padding:24px
  }

  .cmp-map__filter>div:nth-child(-n+4) {
      width: 13.5%
  }

  .cmp-map__filter>div:nth-child(5) {
      width: 25%
  }

  .cmp-map__filter>div:last-child,.cmp-map__filter>div:nth-child(6) {
      width: 100%
  }
}

.cmp-map__filter>div span.terminal-select {
  border: 2px solid #222;
  border-radius: 8px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  padding: 8px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-map__filter>div span.terminal-select {
      display:block;
      font-size: 18px;
      text-align: center;
      width: 100%
  }
}

.cmp-map__filter>div span.terminal-select.t1 {
  border-color: #254687;
  color: #254687
}

.cmp-map__filter>div span.terminal-select.t1.active {
  background-color: #254687
}

.cmp-map__filter>div span.terminal-select.t2 {
  border-color: #ee3424;
  color: #ee3424
}

.cmp-map__filter>div span.terminal-select.t2.active {
  background-color: #ee3424
}

.cmp-map__filter>div span.terminal-select.t3 {
  border-color: #008272;
  color: #008272
}

.cmp-map__filter>div span.terminal-select.t3.active {
  background-color: #008272
}

.cmp-map__filter>div span.terminal-select.t4 {
  border-color: #6c217f;
  color: #6c217f
}

.cmp-map__filter>div span.terminal-select.t4.active {
  background-color: #6c217f
}

.cmp-map__filter>div span.terminal-select.jewel {
  border-color: #008fbe;
  color: #008fbe
}

.cmp-map__filter>div span.terminal-select.jewel.active {
  background-color: #008fbe
}

.cmp-map__filter>div span.terminal-select.active {
  color: #fff
}

.cmp-map__filter-level__control {
  border: 1px solid #222!important;
  border-radius: 8px!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  min-width: 150px;
  padding: 2px 0 2px 20px!important;
  text-transform: capitalize
}

.cmp-map__filter-level__control--menu-is-open {
  border-color: #222!important
}

.cmp-map__filter-level__option {
  background-color: #fff!important
}

.cmp-map__filter-level__option--is-selected {
  background-color: #7a35b0!important
}

.cmp-map__filter-level__value-container {
  padding: 0!important
}

.cmp-map__filter-level__indicator {
  color: #222!important
}

.cmp-map__filter-search {
  position: relative
}

.cmp-map__filter-search input {
  border: 1px solid #222;
  border-radius: 8px;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  outline: none;
  padding: 8px 14px 8px 20px;
  width: 300px
}

@media only screen and (max-width: 768px) {
  .cmp-map__filter-search input {
      font-size:1pc;
      width: 100%
  }
}

.cmp-map__filter-search .icon,.cmp-map__filter-search .reset {
  bottom: 14px;
  height: 24px;
  position: absolute;
  right: 1pc;
  width: 24px
}

.cmp-map__filter-search .icon:after,.cmp-map__filter-search .reset:after {
  background-image: url(clientlib-site/resources/images/search_black.svg);
  content: " ";
  height: 24px;
  position: absolute;
  right: 0;
  top: 5px;
  width: 24px;
  z-index: 30
}

.cmp-map__filter-search .reset {
  cursor: pointer
}

.cmp-map__filter-search .reset:after {
  background-image: url(clientlib-site/resources/images/close.svg)
}

.cmp-map__filter-search ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.cmp-map__filter-search ul li {
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  padding: 1pc 24px
}

.cmp-map__filter-search ul li:hover {
  background-color: #f7f7f7
}

.cmp-map__filter-search ul li div {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-map__filter-search ul li div {
      font-size:18px
  }
}

.cmp-map__filter-search ul li .location {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

.cmp-map__filter-search ul li .terminal {
  border: 2px solid;
  border-radius: 8px;
  font-size: 9pt;
  font-weight: 700;
  line-height: 150%;
  margin-right: 8px;
  padding: 4px;
  text-transform: uppercase
}

.cmp-map__filter-search ul li .terminal.t1 {
  border-color: #254687;
  color: #254687
}

.cmp-map__filter-search ul li .terminal.t2 {
  border-color: #ee3424;
  color: #ee3424
}

.cmp-map__filter-search ul li .terminal.t3 {
  border-color: #008272;
  color: #008272
}

.cmp-map__filter-search ul li .terminal.t4 {
  border-color: #6c217f;
  color: #6c217f
}

.cmp-map__filter-search ul li .terminal.jewel {
  border-color: #008fbe;
  color: #008fbe
}

.cmp-map__filter-search>div {
  background: #fff;
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  max-height: 50vh;
  overflow-y: auto;
  position: absolute;
  top: 60px;
  width: 100%;
  z-index: 300
}

.cmp-map__diagram {
  background-color: #fff;
  display: block;
  height: 70vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.cmp-map__diagram-terminals {
  background-image: url(clientlib-site/resources/images/cag-map.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  margin: 0 auto;
  max-width: 120vh;
  position: relative;
  width: 100%
}

.cmp-map__diagram-terminals div {
  background: hsla(0,0%,100%,0);
  position: absolute
}

.cmp-map__diagram-terminals div:hover {
  background: hsla(0,0%,100%,.1);
  cursor: pointer
}

.cmp-map__diagram-terminals .overlay-t1 {
  clip-path: polygon(100% 0,0 0,0 20.5%,17.5% 20.5%,17.5% 78.7%,0 78.7%,0 100%,100% 100%);
  height: 57.2%;
  left: 72.3%;
  top: 16.9%;
  width: 18.7%
}

.cmp-map__diagram-terminals .overlay-t2 {
  clip-path: polygon(0 24%,30% 24%,30% 0,76.5% 0,76.5% 24%,100% 24%,100% 100%,0 100%);
  height: 41.1%;
  left: 31.5%;
  top: 52%;
  width: 41.9%
}

.cmp-map__diagram-terminals .overlay-t3 {
  clip-path: polygon(0 0,100% 0,100% 43%,70.3% 43%,70.3% 100%,0 100%);
  height: 29.5%;
  left: 26.1%;
  top: 16.7%;
  width: 46.3%
}

.cmp-map__diagram-terminals .overlay-t4 {
  height: 20.9%;
  left: 7.1%;
  top: 56.4%;
  width: 20.9%
}

.cmp-map__diagram-terminals .overlay-jewel {
  height: 22.5%;
  left: 67%;
  top: 34.8%;
  width: 7.8%;
  z-index: 100
}

.cmp-map__loading {
  background-color: #fff;
  display: block;
  height: 70vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.cmp-map__modal {
  background: rgba(0,0,0,.7);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  visibility: hidden;
  z-index: 300
}

.cmp-map__modal.show {
  opacity: 1;
  visibility: visible
}

.cmp-map__modal-close {
  cursor: pointer;
  font-size: 24px;
  height: 24px;
  line-height: 23px;
  position: absolute;
  right: 24px;
  text-align: center;
  top: 24px;
  width: 24px;
  z-index: 10
}

@media only screen and (max-width: 576px) {
  .cmp-map__modal-close {
      right:17px;
      top: 17px
  }
}

.cmp-map__modal-container {
  background: #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 50%;
  max-width: 846px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: calc(100% - 3pc);
  z-index: 120
}

@media only screen and (max-width: 768px) {
  .cmp-map__modal-container {
      height:calc(100% - 5pc)
  }
}

.cmp-map__modal-container>div {
  width: 100%
}

.cmp-map__modal-container .loader-container {
  margin: auto 0
}

.cmp-map__modal-container.error,.cmp-map__modal-container.share-url {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  max-height: 25vh;
  padding: 24px;
  text-align: center
}

.cmp-map__modal-container.share-url input {
  border: 1px solid #222;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  margin: 20px auto 0;
  max-width: 70%;
  outline: none;
  padding: 9pt 1pc;
  text-align: center;
  width: 100%
}

@media only screen and (max-width: 576px) {
  .cmp-map__modal-container.loader {
      height:auto
  }
}

.cmp-map__modal-banner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: center;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-map__modal-banner {
      display:block;
      height: 100%;
      overflow-y: auto
  }
}

.cmp-map__modal-banner>div {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

@media only screen and (max-width: 768px) {
  .cmp-map__modal-banner>div {
      -webkit-box-flex:0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%
  }
}

.cmp-map__modal-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  max-height: 423px;
  overflow-y: auto;
  padding: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-map__modal-content {
      font-size:1pc;
      max-height: none;
      padding: 24px 1pc
  }
}

.cmp-map__modal-title {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-map__modal-title {
      font-size:20px;
      text-align: center
  }
}

.cmp-cag .cmp-map__modal-title .h2,.cmp-map__modal-title .cmp-cag .h2,.cmp-map__modal-title h2 {
  margin: 0
}

.cmp-map__modal-error--icon {
  height: 24px;
  margin-bottom: 8px;
  position: relative;
  width: 24px
}

.cmp-map__modal-error--icon:after {
  background-image: url(clientlib-site/resources/images/no-result.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 24px;
  position: absolute;
  width: 24px;
  z-index: 30
}

.cmp-map__modal-description {
  margin-top: 24px
}

.cmp-map__modal-image>div {
  aspect-ratio: 1/1;
  position: relative
}

.cmp-map__modal-image>div img {
  height: 100%;
  margin: 0;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  width: 100%
}

.cmp-map__modal-status {
  margin-top: 24px
}

.cmp-map__modal-status>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px
}

.cmp-map__modal-status>div>div:last-child {
  max-width: calc(60vw - 40px)
}

.cmp-map__modal-status .terminal {
  border: 2px solid;
  border-radius: 8px;
  cursor: pointer;
  font-size: 9pt;
  font-weight: 700;
  line-height: 18px;
  padding: 4px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-map__modal-status .terminal {
      font-size:9pt;
      line-height: 18px
  }
}

.cmp-map__modal-status .t1 {
  background-color: #254687;
  border-color: #254687;
  color: #fff
}

.cmp-map__modal-status .t2 {
  background-color: #ee3424;
  border-color: #ee3424;
  color: #fff
}

.cmp-map__modal-status .t3 {
  background-color: #008272;
  border-color: #008272;
  color: #fff
}

.cmp-map__modal-status .t3.active {
  background-color: #008272
}

.cmp-map__modal-status .t4 {
  background-color: #6c217f;
  border-color: #6c217f;
  color: #fff
}

.cmp-map__modal-status .t4.active {
  background-color: #6c217f
}

.cmp-map__modal-status .jewel {
  background-color: #008fbe;
  border-color: #008fbe;
  color: #fff
}

.cmp-map__modal-status .jewel.active {
  background-color: #008fbe
}

.cmp-map__modal-details {
  color: #222
}

@media only screen and (max-width: 768px) {
  .cmp-map__modal-details {
      font-size:1pc;
      line-height: 1.5
  }
}

.cmp-map__modal-details div {
  margin-top: 8px
}

.cmp-map__modal-details div:first-child {
  margin-top: 0
}

.cmp-map__share {
  bottom: 20%;
  position: absolute;
  right: 24px;
  text-align: center;
  z-index: 100
}

.cmp-map__share-url {
  background: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
  box-shadow: 0 0 10px rgba(0,0,0,.1);
  cursor: pointer;
  height: 40px;
  margin-bottom: 8px;
  width: 40px
}

.cmp-map__share-url:after {
  background-image: url(clientlib-site/resources/images/map-share.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  height: 26px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 8px;
  width: 26px;
  z-index: 30
}

.cmp-map__share-control {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: inline-block
}

.cmp-map__share-zoom {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  height: 29px;
  height: 24px;
  justify-content: center;
  outline: none;
  padding: 0;
  text-align: center;
  top: 10px;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 29px;
  width: 24px
}

.cmp-map__share-zoom.in {
  border-bottom: 1px solid #ddd
}

.cmp-map .mapboxgl-popup,.cmp-map .maplibregl-popup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  will-change: transform
}

.cmp-map .mapboxgl-popup-tip,.cmp-map .maplibregl-popup-tip {
  border: 10px solid transparent;
  height: 0;
  width: 0;
  z-index: 1
}

.cmp-map .mapboxgl-popup-content,.cmp-map .maplibregl-popup-content {
  position: relative
}

.cmp-map .mapboxgl-popup-content span,.cmp-map .maplibregl-popup-content span {
  background: #f7c651;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
  cursor: pointer;
  display: block;
  padding: 15px 40px 15px 30px;
  pointer-events: auto;
  position: relative
}

.cmp-map .mapboxgl-popup-content span:after,.cmp-map .maplibregl-popup-content span:after {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 8px;
  position: absolute;
  right: 1pc;
  top: 40%;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 8px
}

.cmp-map .mapboxgl-popup-content span.disabled,.cmp-map .maplibregl-popup-content span.disabled {
  cursor: auto;
  padding: 15px 30px
}

.cmp-map .mapboxgl-popup-content span.disabled:after,.cmp-map .maplibregl-popup-content span.disabled:after {
  display: none
}

.cmp-map .mapboxgl-popup-anchor-top,.cmp-map .mapboxgl-popup-anchor-top-left,.cmp-map .mapboxgl-popup-anchor-top-right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.cmp-map .mapboxgl-popup-anchor-bottom,.cmp-map .mapboxgl-popup-anchor-bottom-left,.cmp-map .mapboxgl-popup-anchor-bottom-right {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.cmp-map .mapboxgl-popup-anchor-left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.cmp-map .mapboxgl-popup-anchor-right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.cmp-map .mapboxgl-popup-anchor-top .mapboxgl-popup-tip,.cmp-map .mapboxgl-popup-anchor-top .maplibregl-popup-tip {
  -ms-flex-item-align: center;
  align-self: center;
  border-bottom-color: #f7c651;
  border-top: none
}

.cmp-map .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,.cmp-map .mapboxgl-popup-anchor-top-left .maplibregl-popup-tip {
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-bottom-color: #f7c651;
  border-left: none;
  border-top: none
}

.cmp-map .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip,.cmp-map .mapboxgl-popup-anchor-top-right .maplibregl-popup-tip {
  -ms-flex-item-align: end;
  align-self: flex-end;
  border-bottom-color: #f7c651;
  border-right: none;
  border-top: none
}

.cmp-map .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,.cmp-map .mapboxgl-popup-anchor-bottom .maplibregl-popup-tip {
  -ms-flex-item-align: center;
  align-self: center;
  border-bottom: none;
  border-top-color: #f7c651
}

.cmp-map .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,.cmp-map .mapboxgl-popup-anchor-bottom-left .maplibregl-popup-tip {
  -ms-flex-item-align: start;
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #f7c651
}

.cmp-map .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,.cmp-map .mapboxgl-popup-anchor-bottom-right .maplibregl-popup-tip {
  -ms-flex-item-align: end;
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #f7c651
}

.cmp-map .mapboxgl-popup-anchor-left .mapboxgl-popup-tip,.cmp-map .mapboxgl-popup-anchor-left .maplibregl-popup-tip {
  -ms-flex-item-align: center;
  align-self: center;
  border-left: none;
  border-right-color: #f7c651
}

.cmp-map .mapboxgl-popup-anchor-right .mapboxgl-popup-tip,.cmp-map .mapboxgl-popup-anchor-right .maplibregl-popup-tip {
  -ms-flex-item-align: center;
  align-self: center;
  border-left-color: #f7c651;
  border-right: none
}

.cmp-banner--imagetext .cmp-banner {
  --banner-padding: 0 5vw;
  --banner-mob-padding: 24px 24px 0;
  --banner-content-padding: 0 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #f3efe9;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 24px;
  justify-content: center;
  padding: var(--banner-padding);
  position: relative
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--imagetext .cmp-banner {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 40px;
      padding: var(--banner-mob-padding)
  }
}

.cmp-banner--imagetext .cmp-banner>div {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--imagetext .cmp-banner>div {
      -webkit-box-flex:0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }
}

.cmp-banner--imagetext .cmp-banner__image {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--imagetext .cmp-banner__image {
      width:100%
  }
}

.cmp-banner--imagetext .cmp-banner__image .cmp-image {
  margin-bottom: -6px;
  margin-top: -1px;
  position: relative
}

.cmp-banner--imagetext .cmp-banner__image .cmp-image__image {
  height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.cmp-banner--imagetext .cmp-banner__content {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  padding: var(--banner-content-padding)
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext .cmp-banner__content {
      padding:0
  }
}

.cmp-banner--imagetext .cmp-banner__content ul {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  list-style: none;
  padding: 0
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext .cmp-banner__content ul {
      font-size:1pc
  }
}

.cmp-banner--imagetext .cmp-banner__content ul li {
  padding-left: 1pc;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext .cmp-banner__content ul li {
      padding-left:18px
  }
}

.cmp-banner--imagetext .cmp-banner__content ul li:before {
  background: #7a35b0;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 8.5px;
  width: 8px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext .cmp-banner__content ul li:before {
      height:10px;
      top: 6.5px;
      width: 10px
  }
}

.cmp-banner--imagetext .cmp-banner__content ul li+li {
  margin-top: 8px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext .cmp-banner__content ul li+li {
      margin-top:1pc
  }
}

.cmp-banner--imagetext .cmp-banner__title {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext .cmp-banner__title {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.cmp-banner--imagetext .cmp-banner__description .cmp-text>:first-child {
  margin-top: 1pc
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext .cmp-banner__description .cmp-text>:first-child {
      margin-top:24px
  }
}

.cmp-banner--imagetext .cmp-banner__description .cmp-text>:last-child {
  margin-bottom: 0
}

.cmp-banner--imagetext .cmp-banner__action-container {
  display: none;
  margin-top: 24px
}

.cmp-banner--imagetext .cmp-banner__action-container .cmp-button {
  background: #222;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc;
  text-decoration: none
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext .cmp-banner__action-container {
      display:block
  }
}

.cmp-banner--imagetext.pin-flight .cmp-banner {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  background: #fff;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  gap: unset;
  padding: 0
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext.pin-flight .cmp-banner {
      -webkit-box-orient:vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
  }
}

.cmp-banner--imagetext.pin-flight .cmp-banner>div {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext.pin-flight .cmp-banner>div {
      -webkit-box-flex:0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }

  .cmp-banner--imagetext.pin-flight .cmp-banner__image {
      padding-right: 0
  }
}

.cmp-banner--imagetext.pin-flight .cmp-banner__image>div {
  aspect-ratio: 1/1;
  margin: 0
}

.cmp-banner--imagetext.pin-flight .cmp-banner__image>div picture {
  height: 100%;
  margin: 0;
  position: absolute;
  width: 100%
}

.cmp-banner--imagetext.pin-flight .cmp-banner__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  text-transform: none
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext.pin-flight .cmp-banner__title {
      font-size:20px;
      line-height: 26px;
      text-align: center
  }
}

.cmp-banner--imagetext.pin-flight .cmp-banner__subTitle {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin-top: 1pc
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext.pin-flight .cmp-banner__subTitle {
      font-size:1pc;
      margin-top: 24px;
      text-align: center
  }
}

.cmp-banner--imagetext.pin-flight .cmp-banner__content {
  padding: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext.pin-flight .cmp-banner__content {
      padding:24px 1pc
  }
}

.cmp-banner--imagetext.pin-flight .cmp-banner__content ul {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin: 1pc 0 0
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext.pin-flight .cmp-banner__content ul {
      font-size:1pc;
      margin-left: 0;
      margin-top: 24px
  }
}

.cmp-banner--imagetext.pin-flight .cmp-banner__content ul li {
  padding-left: 20px
}

.cmp-banner--imagetext.pin-flight .cmp-banner__content ul li:before {
  background: url(clientlib-site/resources/images/tick.svg) no-repeat;
  background-size: contain;
  border-radius: 0;
  content: "";
  height: 15px;
  top: 3px;
  width: 15px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext.pin-flight .cmp-banner__content ul li+li {
      margin-top:8px
  }

  .cmp-banner--imagetext.pin-flight .cmp-banner__content ul li:before {
      top: 5px
  }
}

.cmp-banner--imagetext.pin-flight .cmp-banner__action-container {
  display: block;
  margin-top: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--imagetext.pin-flight .cmp-banner__action-container {
      text-align:center
  }
}

.cmp-banner--imagetext.pin-flight .cmp-banner__action-container a {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  position: inherit;
  width: auto
}

.mg-container:hover .cmp-video--modal .cmp-modal__video .cmp-modal__image {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.mg-container .mg-download-circle-icon {
  content: url(clientlib-site/resources/images/download_circle.svg)
}

.mg-container .mg-download-icon {
  content: url(clientlib-site/resources/images/download.svg)
}

.mg-container .mg-play-icon {
  content: url(clientlib-site/resources/images/play.svg)
}

.mg-container .cmp-teaser__content {
  cursor: pointer;
  padding: 24px 24px 40px
}

.mg-container .cmp-teaser__content .mg-container__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 18px;
  font-weight: 700;
  gap: 24px;
  justify-content: space-between;
  line-height: 120%;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .mg-container .cmp-teaser__content .mg-container__content {
      font-size:20px
  }
}

.mg-container .mg-custom-checkbox {
  cursor: pointer;
  display: block;
  font-size: 1pc;
  padding-left: 36px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.mg-container .mg-custom-checkbox input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0
}

.mg-container .mg-custom-checkbox .mg-checkmark {
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  height: 22px;
  position: absolute;
  right: 0;
  top: 0;
  width: 22px
}

.mg-container .mg-custom-checkbox input:checked~.mg-checkmark {
  background-color: #7a35b0
}

.mg-container .mg-custom-checkbox .mg-checkmark:after {
  content: "";
  display: none;
  position: absolute
}

.mg-container .mg-custom-checkbox input:checked~.mg-checkmark:after {
  display: block
}

.mg-container .mg-custom-checkbox .mg-checkmark:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  height: 8.8px;
  left: 7.7px;
  top: 4.4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 3.3px
}

.mg-container .cmp-video--modal .cmp-modal__video {
  aspect-ratio: 7/5;
  border-bottom: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%
}

.mg-container .cmp-video--modal .cmp-modal__video .cmp-modal__image {
  border-radius: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  width: 100%
}

.directory-container.gallery_container .directory-container-filters.gallery {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.directory-container.gallery_container .directory-container-filters.gallery .mg-download-container {
  -ms-flex-preferred-size: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  flex-basis: 100%;
  padding-top: 24px
}

.directory-container.gallery_container .directory-container-filters.gallery .mg-download-container .button {
  gap: 1pc
}

.directory-container.gallery_container .directory-container-filters.gallery .mg-center-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 8px 0
}

.directory-container.gallery_container .directory-container-filters.gallery .mg-btn-clear {
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .directory-container.gallery_container .directory-container-filters.gallery .mg-btn-clear {
      font-size:1pc
  }
}

.directory-container.gallery_container .directory-container-filters.gallery .mg-btn {
  cursor: pointer
}

.directory-container.gallery_container .directory-container-filters.gallery .mg-clickable-card {
  cursor: pointer;
  overflow: hidden;
  position: relative
}

.directory-container.gallery_container .directory-container-filters.gallery .mg-center-container span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.directory-container.gallery_container .directory-container-filters.gallery .mg-close-icon {
  content: url(clientlib-site/resources/images/close.svg)
}

.members-area-container.members-area-events.members-area-carousel .directory-cards {
  height: 504px;
  position: relative
}

@media only screen and (max-width: 767px) {
  .members-area-container.members-area-events.members-area-carousel .directory-cards {
      height:435px
  }
}

.members-area-container.members-area-events.members-area-carousel .directory-cards-image {
  height: 504px
}

@media only screen and (max-width: 767px) {
  .members-area-container.members-area-events.members-area-carousel .directory-cards-image {
      height:435px
  }
}

.members-area-container.members-area-events.members-area-carousel .directory-cards-slide-details {
  bottom: 2pc;
  position: absolute;
  width: 100%;
  z-index: 2
}

.members-area-container.members-area-events.members-area-carousel .directory-cards-slide-details__tags.member-events-carousel-date {
  padding-left: 2pc;
  padding-right: 2pc;
  padding-top: 2pc
}

.members-area-container.members-area-events.members-area-carousel .directory-cards-slide-details__tags.member-events-carousel-date span {
  background: #fff;
  color: #222;
  text-align: left
}

.members-area-container.members-area-events.members-area-carousel .directory-cards-slide-details__desc,.members-area-container.members-area-events.members-area-carousel .directory-cards-slide-details__title {
  color: #fff;
  padding-left: 2pc;
  padding-right: 2pc
}

.members-area-container.members-area-events.members-area-carousel .directory-cards-slide-details__separator {
  background: #fff;
  margin-left: 2pc
}

.members-area-container.members-area-events.members-area-carousel .directory-cards .swiper {
  height: 100%
}

.members-area-container.members-area-events.members-area-carousel .directory-cards .swiper-slide .slide-image {
  height: 504px
}

@media only screen and (max-width: 767px) {
  .members-area-container.members-area-events.members-area-carousel .directory-cards .swiper-slide .slide-image {
      height:435px
  }
}

@media only screen and (min-width: 576px) {
  .members-area-container .directory-cards-image .swiper {
      padding-bottom:0
  }
}

.parking-container {
  padding-top: 60px
}

@media only screen and (max-width: 767px) {
  .parking-container {
      padding-top:40px
  }
}

.mb-container {
  padding-bottom: 40px
}

.cmp-banner--message {
  background-color: #f7f7f7;
  padding: 24px
}

.cmp-banner--message .cmp-container {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  width: 100%
}

@media only screen and (max-width: 991px) {
  .cmp-banner--message .cmp-container {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 1pc
  }
}

.cmp-banner--message .cmp-container .text {
  -ms-flex-item-align: center;
  align-self: center
}

@media only screen and (max-width: 991px) {
  .cmp-banner--message .cmp-container .text {
      -ms-flex-item-align:start;
      align-self: flex-start;
      max-width: 100%
  }
}

.cmp-banner--message .cmp-container .text .cmp-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  padding: 0
}

@media only screen and (max-width: 768px) {
  .cmp-banner--message .cmp-container .text .cmp-text {
      font-size:14px
  }
}

.cmp-banner--message .cmp-container .text .cmp-text a {
  color: inherit;
  font-weight: 700;
  text-decoration: none
}

.cmp-banner--message .cmp-container .text .cmp-text * {
  margin: 0;
  padding: 0
}

.cmp-banner--message .cmp-container .button.cmp-button-primary {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.cmp-banner--message.purple-line {
  border-top: 3px solid #7a35b0
}

.cmp-modal__common,.cmp-modal__default {
  background: rgba(0,0,0,.7);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  visibility: hidden;
  z-index: 9999
}

.cmp-modal__common.show,.cmp-modal__default.show {
  opacity: 1;
  visibility: visible
}

.cmp-modal__container {
  background: #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 50%;
  max-width: 846px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: calc(100% - 3pc);
  z-index: 120
}

@media only screen and (max-width: 576px) {
  .cmp-modal__container {
      display:block
  }
}

.cmp-modal__container>div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%
}

.cmp-modal__container .cmp-container__buttons {
  padding-top: 1pc
}

.cmp-modal__container .cmp-container__buttons .cmp-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1pc;
  justify-content: center
}

@media only screen and (max-width: 576px) {
  .cmp-modal__container .cmp-container__buttons .cmp-container {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.cmp-modal__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.cmp-modal__desc {
  padding: 60px 30px 40px;
  position: relative
}

@media only screen and (max-width: 576px) {
  .cmp-modal__desc {
      padding:24px 1pc 2pc;
      position: static
  }
}

.cmp-modal__desc-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 1pc
}

@media only screen and (max-width: 576px) {
  .cmp-modal__desc-title {
      text-align:center
  }
}

.cmp-modal__desc-pre_title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px
}

@media only screen and (max-width: 576px) {
  .cmp-modal__desc-pre_title {
      text-align:center
  }
}

.cmp-modal__desc-text {
  font-size: 1pc;
  margin-bottom: 20px
}

.cmp-modal__desc-text ul {
  list-style: none;
  padding: 0 10px
}

.cmp-modal__desc-text ul li {
  padding-left: 10px;
  position: relative
}

.cmp-modal__desc-text ul li:before {
  color: #7a35b0;
  content: "•";
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  left: -10px;
  position: absolute;
  top: -3px
}

.cmp-modal__close {
  cursor: pointer;
  font-size: 24px;
  height: 24px;
  line-height: 23px;
  position: absolute;
  right: 24px;
  text-align: center;
  top: 24px;
  width: 24px;
  z-index: 10
}

@media only screen and (max-width: 576px) {
  .cmp-modal__close {
      right:17px;
      top: 17px
  }
}

.cmp-modal__wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 24px 2pc;
  width: 100%
}

@media only screen and (max-width: 576px) {
  .cmp-modal__wrapper {
      padding:24px 1pc 2pc
  }
}

.cmp-modal__wrapper .cmp-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1pc
}

.cmp-modal__wrapper .cmp-text:first-child {
  padding-top: 24px
}

.cmp-modal__wrapper .cmp-text * {
  margin: 0
}

.cmp-modal__button {
  display: none;
  text-align: center
}

@media only screen and (max-width: 576px) {
  .cmp-modal__button {
      display:block
  }
}

.cmp-modal__button a {
  background: #222;
  border-radius: 30px;
  color: #fff;
  display: inline-block!important;
  padding: 9pt 2pc;
  position: relative!important;
  top: 0!important;
  width: auto!important
}

.modal,.modal-open,body.modal-open {
  overflow: hidden
}

.modal {
  -webkit-overflow-scrolling: touch;
  display: none;
  left: 50%;
  outline: 0;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
  z-index: 1050
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out,-webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0);
  transform: translate(0)
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-dialog {
  margin: 24px;
  position: relative;
  width: auto
}

.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
  box-shadow: 0 3px 9px rgba(0,0,0,.5);
  outline: 0;
  padding: 24px 24px 2pc;
  position: relative
}

.modal-backdrop {
  background: rgba(0,0,0,.7);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1040
}

.modal-backdrop.fade {
  filter: alpha(opacity=0.7);
  opacity: .7
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5
}

.modal-header button {
  background: none;
  border: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto
}

.modal-header button>span {
  background-image: url(clientlib-site/resources/images/close-icon-black.svg);
  display: block;
  height: 24px;
  width: 24px
}

.modal-header .close {
  margin-top: -2px
}

.modal-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin: 0;
  padding-top: 3pc;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .modal-title {
      font-size:20px
  }
}

.modal-title.info-icon {
  padding-top: 0
}

.modal-title.info-icon:before {
  content: url(clientlib-site/resources/images/info-purple-outline.svg);
  display: block;
  margin-bottom: 8px
}

.modal-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin: 1pc 0 2pc;
  position: relative;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .modal-body {
      font-size:1pc
  }
}

.modal-footer {
  text-align: center
}

.modal-footer .btn:first-child {
  margin-bottom: 0;
  margin-right: 5px
}

.modal-footer .btn-group .btn:last-child {
  margin-left: -1px
}

.modal-footer .btn-block:last-child {
  margin-left: 0
}

.modal-scrollbar-measure {
  height: 50px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 50px
}

@media(min-width: 768px) {
  .modal-dialog {
      margin:30px auto;
      width: 600px
  }

  .modal-content {
      -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
      box-shadow: 0 5px 15px rgba(0,0,0,.5)
  }

  .modal-sm {
      width: 300px
  }
}

@media(min-width: 992px) {
  .modal-lg {
      width:900px
  }
}

.multitag-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1pc;
  max-height: 2pc;
  overflow: hidden;
  row-gap: 1pc
}

.multitag-container.expanded {
  max-height: none
}

.multitag-container .hidden-tag {
  visibility: hidden
}

.multitag-container .more-btn {
  cursor: pointer
}

@-webkit-keyframes expandAnimation {
  0% {
      max-height: 2pc
  }

  to {
      max-height: none
  }
}

@keyframes expandAnimation {
  0% {
      max-height: 2pc
  }

  to {
      max-height: none
  }
}

@-webkit-keyframes collapseAnimation {
  0% {
      max-height: none
  }

  to {
      max-height: 2pc
  }
}

@keyframes collapseAnimation {
  0% {
      max-height: none
  }

  to {
      max-height: 2pc
  }
}

.cmp-navigation__item--level-0:hover>.cmp-navigation__group {
  background: #ececec
}

.news-details-container .news-details-section {
  padding: 0 0 40px
}

.news-details-container .clickable-overlay {
  background: transparent;
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

.news-details-container .nd-download-circle-icon {
  content: url(clientlib-site/resources/images/download_circle.svg)
}

.news-details-container .nd-download-icon {
  content: url(clientlib-site/resources/images/download.svg);
  cursor: pointer
}

.news-details-container .nd-play-icon {
  content: url(clientlib-site/resources/images/play.svg)
}

.news-details-container .nd-center-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  justify-content: center;
  padding: 8px 0
}

.news-details-container .nd-btn-clear {
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .news-details-container .nd-btn-clear {
      font-size:1pc
  }
}

.news-details-container .nd-btn {
  cursor: pointer
}

.news-details-container .nd-clickable-card {
  cursor: pointer;
  overflow: hidden;
  position: relative
}

.news-details-container .nd-center-container span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.news-details-container .nd-close-icon {
  content: url(clientlib-site/resources/images/close.svg)
}

.news-details-container .nd-pdf-preview {
  aspect-ratio: 7/5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%
}

.news-details-container .nd-pdf-preview embed,.news-details-container .nd-pdf-preview iframe,.news-details-container .nd-pdf-preview img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.news-details-container .cmp-teaser__content {
  border-top: 1px solid #e5e5e5
}

.news-details-container .cmp-teaser__content .nd-container__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  font-size: 18px;
  font-weight: 700;
  gap: 24px;
  justify-content: space-between;
  line-height: 120%;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .news-details-container .cmp-teaser__content .nd-container__content {
      font-size:20px
  }
}

.news-details-container .directory-container.experience_container.news-details-section {
  background-color: #f3efe9;
  margin: 0;
  padding: 0
}

.news-details-container .directory-container.experience_container.news-details-section.nd-no-btn {
  padding-top: 40px
}

@media only screen and (max-width: 991px) {
  .news-details-container .directory-container.experience_container.news-details-section.nd-no-btn {
      padding-top:24px
  }
}

.news-details-container .caption {
  background-color: rgba(0,0,0,.302);
  bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  left: 0;
  line-height: 150%;
  padding: 24px 2pc;
  position: absolute;
  text-align: left;
  width: 100%;
  z-index: 11
}

@media only screen and (max-width: 768px) {
  .news-details-container .caption {
      font-size:1pc
  }
}

@media only screen and (max-width: 991px) {
  .news-details-container .caption {
      padding:24px
  }
}

.news-details-container .nd-attachment-container {
  background-color: #f3efe9
}

@media print {
  .news-details-container .nd-attachment-container {
      display: none
  }
}

.news-details-container .nd-attachment-container .nd-attachment-title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .news-details-container .nd-attachment-container .nd-attachment-title {
      font-size:24px
  }
}

.news-details-container .nd-attachment-container .nd-attachment-subtitle {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  padding-top: 24px
}

@media only screen and (max-width: 768px) {
  .news-details-container .nd-attachment-container .nd-attachment-subtitle {
      font-size:1pc
  }
}

@media only screen and (max-width: 991px) {
  .news-details-container .nd-attachment-container .nd-attachment-subtitle {
      padding-top:1pc
  }
}

.news-details-container .nd-attachment-container .nd-sticky-container {
  background-color: #f3efe9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -5vw;
  margin-right: -5vw;
  padding: 24px 5vw 40px;
  position: sticky;
  top: 0;
  z-index: 10
}

@media only screen and (max-width: 991px) {
  .news-details-container .nd-attachment-container .nd-sticky-container {
      margin-left:-24px;
      margin-right: -24px;
      padding: 24px
  }
}

.news-details-container .nd-attachment-container .nd-sticky-container.box-shadow {
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08)
}

.news-details-container .nd-attachment-container .nd-sticky-container .button {
  gap: 1pc
}

.news-details-container .nd-custom-checkbox {
  cursor: pointer;
  display: block;
  font-size: 1pc;
  padding-left: 36px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.news-details-container .nd-custom-checkbox input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0
}

.news-details-container .nd-custom-checkbox .nd-checkmark {
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 4px;
  height: 22px;
  position: absolute;
  right: 0;
  top: 0;
  width: 22px
}

.news-details-container .nd-custom-checkbox input:checked~.nd-checkmark {
  background-color: #7a35b0
}

.news-details-container .nd-custom-checkbox .nd-checkmark:after {
  content: "";
  display: none;
  position: absolute
}

.news-details-container .nd-custom-checkbox input:checked~.nd-checkmark:after {
  display: block
}

.news-details-container .nd-custom-checkbox .nd-checkmark:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  height: 8.8px;
  left: 7.7px;
  top: 4.4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 3.3px
}

.news-details-container .image-print {
  display: none
}

.news-details-container .changi-logo {
  margin-bottom: 2pc;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.news-details-container .banner-image {
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover
}

@media print {
  #botdistrikt-chatbot-widget,#cmp-header,#share-link-button-group,#slider-banner,.cmp-tags,.cmp_directory-banner:after,.footer {
      display: none!important
  }

  .news-details-container {
      margin-top: -75pt
  }

  .image-print {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      display: -webkit-box!important;
      display: -ms-flexbox!important;
      display: flex!important;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.no-results-container__img .noResultsIcon {
  background-image: url(clientlib-site/resources/images/no-result.svg)
}

.no-results-container__img .comingSoonIcon,.no-results-container__img .noResultsIcon {
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 40px;
  width: 40px
}

.no-results-container__img .comingSoonIcon {
  background-image: url(clientlib-site/resources/images/purple_butterfly.svg)
}

.no-results-container__heading {
  --fontSizeLarge: 32px;
  color: #1a1a1a;
  font-size: 24px;
  font-weight: 700;
  padding: 8px 0
}

@media only screen and (max-width: 767px) {
  .no-results-container__heading {
      --fontSizeLarge:24px;
      font-size: 24px
  }
}

.no-results-container__desc {
  color: #1a1a1a;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 23px
}

.no-results-container__cta button {
  background-color: #1a1a1a;
  border: 2px solid #1a1a1a;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  padding: 9pt 2pc
}

.cmp-partner-container {
  padding: 0 117px
}

@media only screen and (max-width: 1024px) {
  .cmp-partner-container {
      padding:0
  }
}

.cmp-partner-container .linkedlist {
  margin-bottom: 45px
}

@media only screen and (max-width: 768px) {
  .cmp-partner-container .linkedlist {
      margin-bottom:30px
  }
}

.cmp-partner-container .cmp-partner-with-us-one-img .cmp-cag .h1,.cmp-partner-container .cmp-partner-with-us-one-img .cmp-cag h1 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-partner-container .cmp-partner-with-us-one-img .cmp-cag .h1,.cmp-partner-container .cmp-partner-with-us-one-img .cmp-cag h1 {
      font-size:24px
  }
}

.cmp-partner-container .cmp-partner-with-us-one-img .cmp-cag p {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-partner-container .cmp-partner-with-us-one-img .cmp-cag p {
      font-size:1pc
  }
}

.cmp-cag .cmp-partner-container .cmp-partner-with-us-one-img .cmp-text .h2,.cmp-partner-container .cmp-partner-with-us-one-img .cmp-text .cmp-cag .h2,.cmp-partner-container .cmp-partner-with-us-one-img .cmp-text h2 {
  letter-spacing: .36pc;
  margin-bottom: 0;
  padding-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-partner-container .cmp-partner-with-us-one-img .cmp-text .h2,.cmp-partner-container .cmp-partner-with-us-one-img .cmp-text .cmp-cag .h2,.cmp-partner-container .cmp-partner-with-us-one-img .cmp-text h2 {
      padding-bottom:1pc
  }
}

.cmp-partner-container .cmp-partner-with-us-one-img .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 4pc;
  margin: 0
}

@media only screen and (max-width: 576px) {
  .cmp-partner-container .cmp-partner-with-us-one-img .row {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

@media only screen and (max-width: 768px) {
  .cmp-partner-container .cmp-partner-with-us-one-img .row {
      -ms-flex-wrap:wrap;
      flex-wrap: wrap;
      gap: 24px
  }
}

.cmp-partner-container .cmp-partner-with-us-one-img .row>div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0
}

@media only screen and (max-width: 768px) {
  .cmp-partner-container .cmp-partner-with-us-one-img.cmp-col-reverse .row {
      -webkit-box-orient:vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
  }
}

.cmp-partner-container .cmp-partner-with-us-one-img .image picture {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%
}

@media only screen and (max-width: 768px) {
  .cmp-partner-container .cmp-partner-with-us-one-img .image picture {
      min-height:390px
  }
}

.cmp-partner-container .cmp-partner-with-us-one-img .image picture img {
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
  width: 100%
}

.cmp-cag .cmp-partner-container .cmp-partner-with-us-two-img .cmp-text .h2,.cmp-partner-container .cmp-partner-with-us-two-img .cmp-text .cmp-cag .h2,.cmp-partner-container .cmp-partner-with-us-two-img .cmp-text h2 {
  letter-spacing: .36pc;
  margin-bottom: 0;
  padding-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-partner-container .cmp-partner-with-us-two-img .cmp-text .h2,.cmp-partner-container .cmp-partner-with-us-two-img .cmp-text .cmp-cag .h2,.cmp-partner-container .cmp-partner-with-us-two-img .cmp-text h2 {
      padding-bottom:1pc
  }
}

.cmp-partner-container .cmp-partner-with-us-two-img .cmp-cag .h1,.cmp-partner-container .cmp-partner-with-us-two-img .cmp-cag h1 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-partner-container .cmp-partner-with-us-two-img .cmp-cag .h1,.cmp-partner-container .cmp-partner-with-us-two-img .cmp-cag h1 {
      font-size:24px
  }
}

.cmp-partner-container .cmp-partner-with-us-two-img .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 4pc;
  margin: 0
}

@media only screen and (max-width: 576px) {
  .cmp-partner-container .cmp-partner-with-us-two-img .row {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

@media only screen and (max-width: 768px) {
  .cmp-partner-container .cmp-partner-with-us-two-img .row {
      -ms-flex-wrap:wrap;
      flex-wrap: wrap;
      gap: 24px
  }
}

.cmp-partner-container .cmp-partner-with-us-two-img .row>div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0
}

.cmp-partner-container .cmp-partner-with-us-two-img .two-image-inner-wrapper {
  padding: 0
}

.cmp-partner-container .cmp-partner-with-us-two-img .two-image-inner-wrapper>.cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 40px
}

@media only screen and (max-width: 768px) {
  .cmp-partner-container .cmp-partner-with-us-two-img .two-image-inner-wrapper>.cmp-container {
      gap:24px
  }
}

.cmp-partner-container .cmp-partner-with-us-two-img .two-image-inner-wrapper .image picture {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 345px;
  max-width: 100%
}

.cmp-partner-container .cmp-partner-with-us-two-img .two-image-inner-wrapper .image picture img {
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
  width: 100%
}

.cmp-cag .cmp-partner-container .cmp-partner-with-us-three-img .cmp-text .h2,.cmp-partner-container .cmp-partner-with-us-three-img .cmp-text .cmp-cag .h2,.cmp-partner-container .cmp-partner-with-us-three-img .cmp-text h2 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  margin-bottom: 0;
  padding-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-partner-container .cmp-partner-with-us-three-img .cmp-text .h2,.cmp-partner-container .cmp-partner-with-us-three-img .cmp-text .cmp-cag .h2,.cmp-partner-container .cmp-partner-with-us-three-img .cmp-text h2 {
      font-size:24px;
      padding-bottom: 1pc
  }
}

.cmp-partner-container .cmp-partner-with-us-three-img .cmp-cag .h1,.cmp-partner-container .cmp-partner-with-us-three-img .cmp-cag h1 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-partner-container .cmp-partner-with-us-three-img .cmp-cag .h1,.cmp-partner-container .cmp-partner-with-us-three-img .cmp-cag h1 {
      font-size:24px
  }
}

.cmp-partner-container .cmp-partner-with-us-three-img .cmp-cag p {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-partner-container .cmp-partner-with-us-three-img .cmp-cag p {
      font-size:1pc
  }
}

.cmp-partner-container .cmp-partner-with-us-three-img .cmp-custom-container>.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 4pc;
  margin: 0
}

@media only screen and (max-width: 1024px) {
  .cmp-partner-container .cmp-partner-with-us-three-img .cmp-custom-container>.row {
      gap:24px
  }
}

@media only screen and (max-width: 576px) {
  .cmp-partner-container .cmp-partner-with-us-three-img .cmp-custom-container>.row {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px
  }
}

.cmp-partner-container .cmp-partner-with-us-three-img .cmp-custom-container>.row>div {
  -webkit-box-flex: 1!important;
  -ms-flex: 1!important;
  flex: 1!important;
  padding: 0!important
}

.cmp-partner-container .cmp-partner-with-us-three-img .three-image-inner-wrap {
  padding: 0
}

.cmp-partner-container .cmp-partner-with-us-three-img .three-image-inner-wrap>.cmp-container {
  gap: 4pc
}

.cmp-partner-container .cmp-partner-with-us-three-img .three-image-inner-wrap .partner-variant-one picture,.cmp-partner-container .cmp-partner-with-us-three-img .three-image-inner-wrap .partner-variant-two picture {
  min-height: auto
}

.cmp-partner-container .cmp-partner-with-us-three-img .variant-two-wrap {
  padding: 40px 0 0
}

@media only screen and (max-width: 1024px) {
  .cmp-partner-container .cmp-partner-with-us-three-img .variant-two-wrap {
      padding:24px 0 0
  }
}

.cmp-partner-container .cmp-partner-with-us-three-img .variant-two-wrap>.cmp-custom-container {
  margin-bottom: 0;
  padding: 0
}

.cmp-partner-container .cmp-partner-with-us-three-img .variant-two-wrap .row {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 24px;
  margin: 0
}

@media only screen and (max-width: 1024px) {
  .cmp-partner-container .cmp-partner-with-us-three-img .variant-two-wrap .row {
      -webkit-box-orient:horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }
}

.cmp-partner-container .cmp-partner-with-us-three-img .variant-two-wrap .row>div {
  -webkit-box-flex: 1!important;
  -ms-flex: 1!important;
  flex: 1!important;
  padding: 0!important
}

.cmp-partner-container .cmp-partner-with-us-three-img .variant-two-wrap .row>div div {
  padding: 0!important
}

.cmp-partner-container .cmp-partner-with-us-three-img .row {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 768px) {
  .cmp-partner-container .cmp-partner-with-us-three-img .row {
      -ms-flex-wrap:wrap;
      flex-wrap: wrap
  }
}

.cmp-partner-container .cmp-partner-with-us-three-img .row>.div {
  -webkit-box-flex: 1!important;
  -ms-flex: 1!important;
  flex: 1!important;
  padding: 0
}

.cmp-partner-container .cmp-partner-with-us-three-img .image .cmp-image__image {
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
  width: 100%
}

@media only screen and (max-width: 576px) {
  .cmp-partner-container .cmp-col-reverse div>.row {
      -webkit-box-orient:vertical!important;
      -webkit-box-direction: reverse!important;
      -ms-flex-direction: column-reverse!important;
      flex-direction: column-reverse!important
  }

  .cmp-partner-container .cmp-col-reverse div>.row .row {
      -webkit-box-orient: horizontal!important;
      -webkit-box-direction: normal!important;
      -ms-flex-direction: row!important;
      flex-direction: row!important
  }
}

.cmp-cag .cmp-lvertical--content .cmp-text .h2,.cmp-lvertical--content .cmp-text .cmp-cag .h2,.cmp-lvertical--content .cmp-text h2 {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  margin-bottom: 0;
  padding-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-lvertical--content .cmp-text .h2,.cmp-lvertical--content .cmp-text .cmp-cag .h2,.cmp-lvertical--content .cmp-text h2 {
      font-size:24px;
      padding-bottom: 1pc
  }
}

.cmp-lvertical--content .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 4pc
}

@media only screen and (max-width: 768px) {
  .cmp-lvertical--content .row {
      --bs-gutter-x:0;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 24px
  }
}

.cmp-lvertical--content .row>.col-md-6 {
  padding: 0
}

@media only screen and (max-width: 768px) {
  .cmp-lvertical--content.cmp-col-reverse .row {
      -webkit-box-orient:vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse
  }
}

.cmp-lvertical--content .image .cmp-image__image {
  aspect-ratio: 5/7;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle
}

.cmp-pdf__container {
  height: 0;
  max-width: 794px;
  opacity: 0;
  overflow: hidden;
  position: absolute
}

.cmp-pdf__banner {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 30px;
  position: relative
}

.cmp-pdf__banner:before {
  background: #000;
  content: " ";
  height: 100%;
  left: 0;
  opacity: .5;
  position: absolute;
  top: 0;
  width: 100%
}

.cmp-pdf__banner-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8.26px;
  position: relative
}

.cmp-cag .cmp-pdf__banner .h4,.cmp-pdf__banner .cmp-cag .h4,.cmp-pdf__banner h4 {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 2.8px;
  line-height: 120%;
  margin: 0;
  page-break-inside: avoid;
  text-transform: uppercase
}

.cmp-pdf__banner p {
  font-size: 10px;
  line-height: 150%;
  margin: 0
}

.cmp-pdf__center-text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background-color: #f3efe9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding: 40px 5vw 24px;
  text-align: center
}

.cmp-cag .cmp-pdf__center-text .h4,.cmp-pdf__center-text .cmp-cag .h4,.cmp-pdf__center-text h4 {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  font-size: 9pt;
  font-weight: 400;
  letter-spacing: 2.8px;
  line-height: 150%;
  margin: 0;
  page-break-inside: avoid;
  text-transform: uppercase
}

.cmp-pdf__center-text p {
  font-size: 10px;
  font-weight: 400;
  line-height: 150%;
  margin: 0
}

.cmp-pdf__timeline {
  background: #f7f7f7;
  padding: 40px
}

.cmp-pdf__timeline-wrapper {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  padding-top: 20px;
  page-break-inside: avoid
}

.cmp-pdf__timeline-list {
  margin-left: 40px;
  margin-top: 40px;
  padding: 0 40px;
  position: relative
}

.cmp-cag .cmp-pdf__timeline-list .info .h4,.cmp-pdf__timeline-list .info .cmp-cag .h4,.cmp-pdf__timeline-list .info h4 {
  font-size: 9pt;
  font-weight: 700;
  line-height: 150%
}

.cmp-pdf__timeline-list .info p {
  font-size: 10px;
  font-weight: 400;
  line-height: 150%
}

.cmp-pdf__timeline-list .icon {
  left: -8px;
  position: absolute;
  top: 4px;
  z-index: 1
}

.cmp-pdf__timeline-list:first-child {
  margin-top: 0
}

.cmp-pdf__timeline-list:before {
  border-left: 1px solid #ccc;
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  width: 1px
}

.cmp-pdf__timeline-list:after {
  background-color: #d9d9d9;
  background-position: 50%;
  background-repeat: no-repeat;
  border-radius: 50%;
  content: " ";
  height: 24px;
  left: 0;
  left: -9pt;
  position: absolute;
  top: 0;
  width: 24px
}

.cmp-pdf__timeline-list .item {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  break-inside: avoid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin: 8px 0;
  padding: 30px;
  page-break-inside: avoid;
  position: relative;
  width: 100%
}

.cmp-pdf__timeline-list .item:before {
  background-color: #d9d9d9;
  border-radius: 50%;
  content: " ";
  height: 10px;
  left: 0;
  left: -44px;
  position: absolute;
  top: 50%;
  width: 10px
}

.cmp-pdf__timeline-list .item div {
  width: 50%
}

.cmp-pdf__timeline-list .item div .image {
  aspect-ratio: 8/5;
  background-position: 50%;
  background-size: cover;
  border-radius: 2px;
  height: auto;
  width: 100%
}

.cmp-cag .cmp-pdf__timeline-list .item .h4,.cmp-pdf__timeline-list .item .cmp-cag .h4,.cmp-pdf__timeline-list .item h4 {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  font-size: 8px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 6px;
  page-break-inside: avoid
}

.cmp-pdf__timeline-list .item a {
  color: #7a35b0;
  display: block;
  font-size: 7px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 6px
}

.cmp-pdf__timeline-list .item p {
  font-size: 6px;
  font-weight: 400;
  line-height: 150%;
  margin: 0
}

.cmp-pdf__timeline-list .item:last-child {
  margin-bottom: 0
}

.cmp-pdf__activities {
  background-color: #fff;
  padding: 40px 40px 0
}

.cmp-cag .cmp-pdf__activities-text .h4,.cmp-pdf__activities-text .cmp-cag .h4,.cmp-pdf__activities-text h4 {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  margin: 0 0 8px;
  page-break-inside: avoid;
  text-transform: uppercase
}

.cmp-pdf__activities-text p {
  font-size: 10px;
  font-weight: 400;
  line-height: 150%;
  margin: 0
}

.cmp-cag .cmp-pdf__activities-list--text .h4,.cmp-pdf__activities-list--text .cmp-cag .h4,.cmp-pdf__activities-list--text h4 {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  font-size: 7.44px;
  font-weight: 500;
  letter-spacing: 1.19px;
  line-height: 120%;
  margin: 0;
  padding: 24px 0 16.53px;
  page-break-inside: avoid;
  text-transform: uppercase
}

.cmp-pdf__activities-list .list-items,.cmp-pdf__activities-list .list-items .item {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  page-break-inside: avoid
}

.cmp-pdf__activities-list .list-items .item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin: 0 4.83px 16.53px;
  overflow: hidden;
  width: 50%
}

.cmp-pdf__activities-list .list-items .item:nth-child(odd) {
  margin-left: 0
}

.cmp-pdf__activities-list .list-items .item:nth-child(2n) {
  margin-right: 0
}

.cmp-pdf__activities-list .list-items .item div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  width: 50%
}

.cmp-pdf__activities-list .list-items .item .image {
  aspect-ratio: 7/8;
  background-position: 50%;
  background-size: cover;
  border-radius: 2px;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 50%
}

.cmp-pdf__activities-list .list-items .item div:last-child {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.22px;
  justify-content: center;
  padding: 9.66px 12.87px
}

.cmp-cag .cmp-pdf__activities-list .list-items .item div:last-child .h4,.cmp-pdf__activities-list .list-items .item div:last-child .cmp-cag .h4,.cmp-pdf__activities-list .list-items .item div:last-child h4 {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  break-inside: avoid;
  display: -webkit-box;
  font-size: 7.24px;
  font-weight: 700;
  line-height: 120%;
  margin: 0;
  overflow: hidden;
  page-break-inside: avoid;
  text-overflow: ellipsis
}

.cmp-pdf__activities-list .list-items .item div:last-child p {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  display: -webkit-box;
  font-size: 6.44px;
  font-weight: 400;
  line-height: 150%;
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-pdf__activities-list .list-items .item div:last-child a {
  color: #7a35b0;
  font-size: 5.63px;
  font-weight: 700;
  line-height: 150%
}

.cmp-pin-flight {
  position: relative
}

.cmp-pin-flight a {
  display: block;
  height: 0;
  height: auto;
  left: 0;
  position: absolute;
  text-decoration: none;
  top: -75pt;
  -webkit-transition: top .2s cubic-bezier(.17,.04,.03,.94);
  transition: top .2s cubic-bezier(.17,.04,.03,.94);
  width: 100%
}

.cmp-pin-flight a.show {
  position: relative;
  top: -1px
}

.cmp-pin-flight a.show+.cmp-pin-flight__control {
  -webkit-transition: margin .2s cubic-bezier(.17,.04,.03,.94);
  transition: margin .2s cubic-bezier(.17,.04,.03,.94)
}

.cmp-pin-flight__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: id
}

.cmp-pin-flight__title span {
  display: inline-block;
  height: 1pc;
  margin-right: 10px;
  position: relative;
  width: 1pc
}

.cmp-pin-flight__title span:after {
  background-image: url(clientlib-site/resources/images/plane_arrival_icon.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 1pc;
  position: absolute;
  top: 0;
  width: 1pc
}

.cmp-pin-flight__title span.icon-dep:after {
  background-image: url(clientlib-site/resources/images/plane_departure_icon.svg)
}

@media only screen and (max-width: 576px) {
  .cmp-pin-flight__title {
      font-size:14px
  }
}

.cmp-pin-flight__location {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: location;
  margin-left: auto;
  padding-right: 20px;
  position: relative
}

.cmp-pin-flight__location span:first-child {
  margin-right: 5px;
  padding-right: 5px;
  position: relative
}

.cmp-pin-flight__location span:first-child:after {
  content: "•";
  font-size: 7px;
  position: absolute;
  right: -2px
}

.cmp-pin-flight__location.no-bullet span {
  margin-right: 0;
  padding-right: 0
}

.cmp-pin-flight__location.no-bullet span:after {
  display: none
}

.cmp-pin-flight__status {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-area: status;
  padding-right: 20px;
  position: relative
}

.cmp-pin-flight__status:after {
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  content: " ";
  display: block;
  height: 10px;
  position: absolute;
  right: 0;
  top: 6px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 10px
}

.cmp-pin-flight__status span.black,.cmp-pin-flight__status span.green,.cmp-pin-flight__status span.grey,.cmp-pin-flight__status span.red {
  border-radius: 30px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 150%;
  margin-left: auto;
  padding: 4px 1pc;
  text-indent: 2px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-pin-flight__status span.black,.cmp-pin-flight__status span.green,.cmp-pin-flight__status span.grey,.cmp-pin-flight__status span.red {
      font-size:10px
  }
}

.cmp-pin-flight__status span.green {
  background-color: #e2efda;
  color: #008545
}

.cmp-pin-flight__status span.black {
  background-color: #fff;
  color: #222
}

.cmp-pin-flight__status span.red,.cmp-pin-flight__status span.red-chip {
  background-color: #ffe3e0;
  color: #cc1000
}

.cmp-pin-flight__status span.grey {
  background-color: #e5e5e5;
  color: #222
}

.cmp-pin-flight__details {
  background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1))),#454545;
  background: linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1)),#454545;
  color: #fff;
  display: grid;
  font-size: 9pt;
  font-weight: 400;
  grid-template-areas: "id location status";
  grid-template-columns: auto 1fr auto;
  grid-template-rows: auto;
  line-height: 150%;
  padding: 1pc 24px
}

@media only screen and (max-width: 768px) {
  .cmp-pin-flight__details {
      font-size:14px
  }

  .cmp-pin-flight__details.break-content {
      grid-template-areas: "id status" "location status";
      grid-template-columns: auto auto;
      grid-template-rows: auto
  }

  .cmp-pin-flight__details.break-content .cmp-pin-flight__location {
      margin-left: 0
  }

  .cmp-pin-flight__details.break-content .cmp-pin-flight__status:after {
      top: 1pc
  }
}

.cmp-pin-flight__control {
  background-color: #f7f7f7;
  padding: 1pc 0
}

.cmp-pin-flight__control-wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 844px;
  width: 100%
}

@media only screen and (max-width: 1290px) {
  .cmp-pin-flight__control-wrap {
      max-width:100%;
      padding: 0 24px
  }
}

.cmp-pin-flight__content,.cmp-pin-flight__switch {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1pc
}

.cmp-pin-flight__content {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cmp-pin-flight__content-tooltip {
  display: inline-block;
  height: 24px;
  margin-left: 4px;
  position: relative;
  width: 24px
}

.cmp-pin-flight__content-tooltip:after {
  background-image: url(clientlib-site/resources/images/info.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  height: 24px;
  position: absolute;
  width: 24px
}

.cmp-pin-flight__content-tooltip span {
  background-color: #222;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  left: 50%;
  margin-left: -10pc;
  padding: 1pc;
  position: absolute;
  text-align: left;
  top: 150%;
  visibility: hidden;
  width: 20pc;
  z-index: 1
}

.cmp-pin-flight__content-tooltip span p {
  margin: 0
}

@media only screen and (max-width: 576px) {
  .cmp-pin-flight__content-tooltip span {
      margin-left:-134px;
      width: 274px
  }
}

.cmp-pin-flight__content-tooltip span:after {
  border: 5px solid transparent;
  border-bottom-color: #222;
  bottom: 100%;
  content: "";
  left: 50%;
  margin-left: -5px;
  position: absolute
}

.cmp-pin-flight__content-tooltip:hover span {
  visibility: visible
}

@media only screen and (max-width: 576px) {
  .cmp-pin-flight__content {
      max-width:150px!important
  }
}

.cmp-pin-flight__switch {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}

.cmp-pin-flight__switch .cmp-modal__container {
  background: transparent
}

@media only screen and (max-width: 768px) {
  .cmp-pin-flight__switch .cmp-modal__container {
      height:calc(100% - 5pc)
  }

  .cmp-pin-flight__switch .cmp-modal__container::-webkit-scrollbar {
      height: 3px;
      width: 3px
  }

  .cmp-pin-flight__switch .cmp-modal__container::-webkit-scrollbar-track {
      background: #ccc
  }

  .cmp-pin-flight__switch .cmp-modal__container::-webkit-scrollbar-thumb,.cmp-pin-flight__switch .cmp-modal__container::-webkit-scrollbar-thumb:hover {
      background: #454545
  }
}

@media only screen and (max-width: 768px) {
  .cmp-pin-flight__switch .cmp-modal__close {
      margin-left:auto;
      position: sticky;
      right: 17px;
      top: 17px
  }

  .cmp-pin-flight__switch .cmp-modal__close+div {
      height: 100%;
      margin-top: -24px;
      overflow-y: auto
  }
}

.cmp-pin-flight__switch .cmp-form__switch {
  margin-left: 8px
}

.cmp-pin-flight__switch span {
  display: block
}

.point-transaction-item.heading>div {
  font-size: 9pt;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .point-transaction-item.heading>div {
      font-size:14px
  }
}

.point-transaction-item__redeemDt {
  padding-right: 24px;
  width: 11%
}

.point-transaction-item__redeemStore,.point-transaction-item__store {
  padding-right: 24px;
  width: 42%
}

.point-transaction-item__redeemStore {
  width: 66%
}

.point-transaction-item__date,.point-transaction-item__nettspend,.point-transaction-item__points,.point-transaction-item__redeempoints,.point-transaction-item__redeemquantity,.point-transaction-item__spend {
  padding-right: 24px;
  width: 11%
}

.point-transaction-item__nettspend,.point-transaction-item__points,.point-transaction-item__redeemquantity,.point-transaction-item__spend {
  width: 10%
}

.point-transaction-item__redeempoints {
  padding-right: 0;
  width: 15%
}

.point-transaction-item__pointsExp {
  width: 15%
}

.point-transaction-item_date:after {
  border: solid #222
}

.point-transaction .data-text {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .point-transaction .data-text {
      font-size:14px
  }
}

.point-transaction .data-text-small-head,.point-transaction .data-text-small-head-bold {
  color: #222;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .point-transaction .data-text-small-head,.point-transaction .data-text-small-head-bold {
      font-size:1pc
  }
}

.point-transaction .data-text-small-head-bold {
  font-weight: 700;
  margin-top: 8px
}

.point-transaction .airlinelist.accordian .airline-accordian-btn .airlinelist__code {
  margin-bottom: 0
}

.point-transaction .airlinelist.accordian .airline-accordian-btn .airlinelist__code.open {
  margin-bottom: 24px
}

.point-transaction .airlinelist.accordian .content-bottom {
  margin-top: 0
}

.cmp-banner--point {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 5%;
  width: 100%
}

@media only screen and (max-width: 576px) {
  .cmp-banner--point {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 40px 24px
  }
}

.cmp-banner--point .point-balance-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-right: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding-right: 38px
}

@media only screen and (max-width: 576px) {
  .cmp-banner--point .point-balance-container {
      -webkit-box-align:center;
      -ms-flex-align: center;
      align-items: center;
      border-bottom: 1px solid #ccc;
      border-right: none;
      padding-bottom: 1pc;
      padding-right: 0
  }
}

.cmp-banner--point .point-balance-container--content {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px
}

.cmp-banner--point .point-balance-container--tooltip {
  height: 9pt;
  position: relative;
  width: 9pt
}

.cmp-banner--point .point-balance-container--tooltip:after {
  background-image: url(clientlib-site/resources/images/info.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: " ";
  height: 9pt;
  position: absolute;
  width: 9pt
}

.cmp-banner--point .point-balance-container--tooltip div {
  background-color: #000;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-size: 9pt;
  font-weight: 400;
  left: 50%;
  line-height: 150%;
  margin-right: -20pc;
  max-width: 20pc;
  padding: 1pc;
  position: absolute;
  top: 150%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  visibility: hidden;
  z-index: 1
}

@media only screen and (max-width: 576px) {
  .cmp-banner--point .point-balance-container--tooltip div {
      margin-right:-155px;
      max-width: 155px
  }
}

.cmp-banner--point .point-balance-container--tooltip div:after {
  border: 5px solid transparent;
  border-bottom-color: #222;
  bottom: 100%;
  content: "";
  left: 50%;
  margin-left: -5px;
  position: absolute
}

.cmp-banner--point .point-balance-container--tooltip:hover div {
  visibility: visible
}

.cmp-banner--point .point-expiry-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1pc;
  padding: 0 28px 0 40px
}

@media only screen and (max-width: 576px) {
  .cmp-banner--point .point-expiry-container {
      -webkit-box-align:center;
      -ms-flex-align: center;
      align-items: center;
      padding: 24px 0 0
  }

  .cmp-banner--point .point-expiry-container .mobile-hide {
      display: none
  }
}

.cmp-banner--point .point-expiry-container--group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 56px;
  padding-bottom: 1pc
}

@media only screen and (max-width: 576px) {
  .cmp-banner--point .point-expiry-container--group {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 1pc;
      padding-bottom: 24px
  }
}

.cmp-banner--point .point-expiry-container--group_item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px
}

@media only screen and (max-width: 576px) {
  .cmp-banner--point .point-expiry-container--group_item {
      -webkit-box-orient:vertical;
      -webkit-box-direction: reverse;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      gap: 4px
  }
}

.cmp-banner--point .point-expiry-container--footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px
}

@media only screen and (max-width: 576px) {
  .cmp-banner--point .point-expiry-container--footer {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 4px
  }
}

.cmp-banner--point .point-expiry-container--footer .point-number {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--point .point-expiry-container--footer .point-number {
      font-size:20px;
      font-weight: 500;
      letter-spacing: .2pc;
      line-height: 120%
  }
}

.new-body-type-2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .new-body-type-2 {
      font-size:1pc
  }
}

.new-body-type-2--bold {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .new-body-type-2--bold {
      font-size:1pc
  }
}

.new-heading-1 {
  font-size: 2pc;
  font-weight: 700;
  letter-spacing: .32pc;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .new-heading-1 {
      font-size:36px;
      letter-spacing: .36pc
  }
}

.new-heading-3 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .new-heading-3 {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.new-body-small {
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .new-body-small {
      font-size:14px
  }
}

.cmp-teaser.portrait-cards .cmp-teaser__portrait .cmp-teaser__image>img {
  -webkit-transition: .3s;
  transition: .3s
}

.cmp-teaser.portrait-cards .cmp-teaser__portrait:hover .cmp-teaser__image>img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.cmp-profile__info {
  background: linear-gradient(167deg,#46268c 7.89%,#6950a1 48.86%,#b28dc1 110.98%);
  border-radius: 8px;
  color: #fff;
  height: 100%;
  padding: 24px;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .cmp-profile__info {
      background:linear-gradient(167deg,#46268c 7.89%,#6950a1 48.86%,#b28dc1 110.98%)
  }
}

.cmp-profile__info.monarch {
  background-color: #000;
  background-image: url(clientlib-site/resources/images/monarch-bg-mobile.png);
  background-position: 50%;
  background-repeat: no-repeat
}

.cmp-profile__info.monarch.profile_bg {
  background: radial-gradient(54.82% 54.82% at 59.47% 70.85%,transparent 15.3%,rgba(0,0,0,.8) 93.49%),url(clientlib-site/resources/images/monarch-bg-desktop.png);
  background-position: 50%,50%;
  background-repeat: no-repeat,no-repeat;
  background-size: cover,cover
}

@media only screen and (max-width: 768px) {
  .cmp-profile__info.monarch.profile_bg {
      background-position:50%;
      background-repeat: no-repeat;
      background-size: cover
  }

  .cmp-profile__info.monarch,.cmp-profile__info.monarch.profile_bg {
      background-image: url(clientlib-site/resources/images/monarch-bg-mobile.png)
  }
}

.cmp-profile__info.monarch .monarch-small-logo {
  content: url(clientlib-site/resources/images/monarch_logo.svg);
  padding-left: 4px
}

.cmp-profile__info.monarch .cmp-profile__info-qr {
  -webkit-box-shadow: 0 20px 40px 0 rgba(42,61,73,.4);
  box-shadow: 0 20px 40px 0 rgba(42,61,73,.4)
}

.cmp-profile__info.platinum {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(-30%,#29343c),color-stop(37.99%,#2b4e63),color-stop(95.63%,#456374));
  background: linear-gradient(180deg,#29343c -30%,#2b4e63 37.99%,#456374 95.63%)
}

@media only screen and (max-width: 768px) {
  .cmp-profile__info.platinum {
      background:-webkit-gradient(linear,left top,left bottom,color-stop(-30%,#29343c),color-stop(37.99%,#2b4e63),color-stop(95.63%,#456374));
      background: linear-gradient(180deg,#29343c -30%,#2b4e63 37.99%,#456374 95.63%)
  }
}

.cmp-profile__info.platinum .cmp-profile__info-qr {
  -webkit-box-shadow: 0 20px 40px 0 rgba(42,61,73,.4);
  box-shadow: 0 20px 40px 0 rgba(42,61,73,.4)
}

.cmp-profile__info.gold {
  background: linear-gradient(3deg,#906d28 1.59%,#947c4e 49.5%,#b29e78 103.24%)
}

@media only screen and (max-width: 768px) {
  .cmp-profile__info.gold {
      background:linear-gradient(3deg,#906d28 1.59%,#947c4e 49.5%,#b29e78 103.24%)
  }
}

.cmp-profile__info.gold .cmp-profile__info-qr {
  -webkit-box-shadow: 0 20px 40px 0 rgba(121,93,38,.4);
  box-shadow: 0 20px 40px 0 rgba(121,93,38,.4)
}

.cmp-profile__info.member .cmp-profile__info-qr {
  -webkit-box-shadow: 0 20px 40px 0 rgba(50,25,107,.4);
  box-shadow: 0 20px 40px 0 rgba(50,25,107,.4)
}

.cmp-profile__info-qr {
  -webkit-backdrop-filter: blur(1.7900211811px);
  backdrop-filter: blur(1.7900211811px);
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 24px;
  padding: 40px;
  position: relative;
  width: 15pc
}

@media only screen and (max-width: 768px) {
  .cmp-profile__info-qr {
      width:235px
  }
}

.cmp-profile__info-qr div {
  bottom: -9pt;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center
}

.cmp-profile__info-qr div span {
  background: linear-gradient(243deg,#7e1bcc,#e74391);
  border-radius: 30px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  margin: 0;
  padding: 8px 24px;
  text-indent: 2.8px;
  text-transform: uppercase;
  width: auto
}

@media only screen and (max-width: 768px) {
  .cmp-profile__info-qr div span {
      font-size:18px;
      letter-spacing: .18pc
  }
}

.cmp-profile__info .cmp-profile__info-qr-gradient {
  display: none
}

.cmp-profile__info.monarch .cmp-profile__info-qr-gradient {
  bottom: -8px;
  display: block;
  left: -8px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center
}

@media only screen and (max-width: 991px) {
  .cmp-profile__info.monarch .cmp-profile__info-qr-gradient svg {
      height:249px;
      width: 249px
  }
}

.cmp-profile__info img {
  height: 142px;
  width: 142px
}

.cmp-cag .cmp-profile__info>.h4,.cmp-profile__info>h4 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-profile__info>.h4,.cmp-profile__info>h4 {
      font-size:18px;
      letter-spacing: .18pc
  }
}

.cmp-profile__info>span {
  font-size: 9pt;
  text-transform: uppercase
}

.cmp-profile__info .profile-tier-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 9pt;
  font-weight: 400;
  gap: 8px;
  justify-content: center;
  line-height: 150%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-profile__info .profile-tier-wrapper {
      font-size:14px
  }
}

.cmp-profile__info .profile-tier-wrapper .profile-separator {
  background-color: #fff;
  height: 1px;
  text-align: center;
  width: 72px
}

.cmp-profile__info-card {
  padding-top: 8px
}

.cmp-profile__info-card .card-number {
  color: #fff;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  padding-bottom: 8px;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .cmp-profile__info-card .card-number {
      font-size:14px
  }
}

.cmp-profile__info-card-number {
  background: #f7f7f7;
  border: 1px solid #ababab;
  border-radius: 8px;
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin: 8px auto auto;
  padding: 9pt 20px;
  position: relative;
  text-align: left;
  width: 302px
}

.cmp-profile__info-card-number .copyItem {
  background: url(clientlib-site/resources/images/copytext.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 24px;
  position: absolute;
  right: 14px;
  width: 24px
}

.cmp-profile__info-card-number .copyItem.copied {
  background: url(clientlib-site/resources/images/check_green.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

@media only screen and (max-width: 991px) {
  .cmp-profile__info-card-number {
      width:100%
  }
}

.profile-dashboard {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 60px 5vw
}

@media only screen and (max-width: 991px) {
  .profile-dashboard {
      padding:40px 24px
  }
}

.profile-dashboard_title {
  color: #222;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  margin-bottom: 40px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .profile-dashboard_title {
      font-size:24px
  }
}

@media only screen and (max-width: 991px) {
  .profile-dashboard_title {
      margin-bottom:24px
  }
}

.profile-dashboard_container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 24px
}

@media only screen and (max-width: 991px) {
  .profile-dashboard_container {
      -webkit-box-orient:vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      gap: 0
  }
}

.profile-dashboard_container_overview {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%
}

.profile-dashboard_container_overview_heading {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(7.89%,#46268c),color-stop(48.86%,#6950a1),color-stop(110.98%,#b28dc1));
  background: linear-gradient(#46268c 7.89%,#6950a1 48.86%,#b28dc1 110.98%);
  border-radius: 8px 8px 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  padding: 8px 24px;
  text-transform: uppercase
}

.profile-dashboard_container_overview_points-balance {
  border-bottom: 1px solid #e5e5e5;
  padding: 24px 2pc;
  text-align: center
}

.profile-dashboard_container_overview_points-balance .point-label {
  color: #999;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 8px;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .profile-dashboard_container_overview_points-balance .point-label {
      font-size:14px
  }
}

.profile-dashboard_container_overview_points-balance .point-value {
  color: #222;
  font-size: 2pc;
  font-weight: 700;
  letter-spacing: .32pc;
  line-height: 120%;
  padding-bottom: 4px;
  text-align: center;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .profile-dashboard_container_overview_points-balance .point-value {
      font-size:36px;
      letter-spacing: .36pc
  }
}

.profile-dashboard_container_overview_points-balance .point-upgrade {
  color: #454545;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .profile-dashboard_container_overview_points-balance .point-upgrade {
      font-size:14px
  }
}

@media only screen and (max-width: 991px) {
  .profile-dashboard_container_overview_points-balance {
      padding:24px
  }
}

.profile-dashboard_container_overview_points-slider {
  border-bottom: 1px solid #e5e5e5;
  padding: 24px 2pc;
  text-align: center
}

.profile-dashboard_container_overview_points-slider-box {
  margin-top: 45px;
  position: relative
}

.profile-dashboard_container_overview_points-slider-box .label-text {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  position: absolute;
  text-align: center;
  top: -45px
}

@media only screen and (max-width: 768px) {
  .profile-dashboard_container_overview_points-slider-box .label-text {
      font-size:14px
  }
}

.profile-dashboard_container_overview_points-slider-box .gold-label,.profile-dashboard_container_overview_points-slider-box .gold-label-text {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.profile-dashboard_container_overview_points-slider-box .gold-label {
  position: absolute;
  top: -6px
}

.profile-dashboard_container_overview_points-slider-box .gold-label .triangle-up {
  margin: auto
}

.profile-dashboard_container_overview_points-slider-box .platinum-label-text {
  right: 0
}

.profile-dashboard_container_overview_points-slider-box .platinum-label {
  position: absolute;
  right: 0;
  top: -6px
}

.profile-dashboard_container_overview_points-slider-box .triangle-up {
  border-bottom: 6px solid #ccc;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  display: block;
  height: 0;
  width: 0
}

.profile-dashboard_container_overview_points-slider-box-bar {
  background: #ccc;
  border-radius: 23px 0 23px 23px;
  height: 4px;
  margin-bottom: 18px;
  margin-top: 18px;
  width: 100%
}

.profile-dashboard_container_overview_points-slider-box-bar-progress {
  border-radius: 23px 0 23px 23px;
  height: 4px;
  position: relative
}

.profile-dashboard_container_overview_points-slider-box-bar-progress .slider-last-icon {
  background: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  border-radius: 100%;
  height: 40px;
  position: absolute;
  right: -20px;
  top: -18px;
  width: 40px
}

@media only screen and (max-width: 991px) {
  .profile-dashboard_container_overview_points-slider-box-bar-progress .slider-last-icon {
      height:24px;
      right: -9pt;
      top: -10px;
      width: 24px
  }

  .profile-dashboard_container_overview_points-slider-box-bar {
      margin-bottom: 10px
  }
}

.profile-dashboard_container_overview_points-slider-text {
  color: #222;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  padding-top: 24px;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .profile-dashboard_container_overview_points-slider-text {
      font-size:14px
  }
}

@media only screen and (max-width: 991px) {
  .profile-dashboard_container_overview_points-slider {
      padding:24px
  }
}

.profile-dashboard_container_overview_details {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-preferred-size: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-basis: 100%;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: center
}

.profile-dashboard_container_overview_details_block {
  padding: 1pc 40px;
  text-align: center;
  width: 50%
}

.profile-dashboard_container_overview_details_block .value-label-container {
  padding: 24px 2pc
}

.profile-dashboard_container_overview_details_block .value-label-container .value {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  padding-bottom: 4px;
  text-align: center;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .profile-dashboard_container_overview_details_block .value-label-container .value {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.profile-dashboard_container_overview_details_block .value-label-container .label {
  color: #454545;
  font-size: 10px;
  font-weight: 400;
  line-height: 150%;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .profile-dashboard_container_overview_details_block .value-label-container .label {
      font-size:9pt
  }
}

.profile-dashboard_container_overview_details_block .e-voucher a {
  color: inherit;
  display: inherit;
  text-decoration: none
}

.profile-dashboard_container_overview_details .parking-rebates-container {
  border-right: 1px solid #e5e5e5
}

@media only screen and (max-width: 991px) {
  .profile-dashboard_container_overview_details {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .profile-dashboard_container_overview_details_block {
      padding: 0;
      width: 100%
  }

  .profile-dashboard_container_overview_details .parking-rebates-container {
      border-bottom: 1px solid #e5e5e5;
      border-right: none
  }

  .profile-dashboard_container_overview {
      width: 100%
  }
}

.profile-dashboard_container_membership {
  width: 50%
}

@media only screen and (max-width: 991px) {
  .profile-dashboard_container_membership {
      margin-bottom:24px;
      width: 100%
  }
}

.profile-dashboard_container.member .profile-dashboard_container_overview_points-slider .slider-last-icon {
  background: url(clientlib-site/resources/images/member-butterfly.png);
  background-position: 50%;
  background-repeat: no-repeat
}

.profile-dashboard_container.member .profile-dashboard_container_overview_points-slider .slider-last-icon.mobile {
  background: url(clientlib-site/resources/images/member-butterfly-mobile.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.profile-dashboard_container.member .profile-dashboard_container_overview_points-slider .slider-last-icon.left {
  left: 0!important
}

.profile-dashboard_container.member .profile-dashboard_container_overview_points-slider .slider-last-icon.right {
  right: 0!important
}

.profile-dashboard_container.member .profile-dashboard_container_overview_points-slider .gold-label.fill-color .triangle-up,.profile-dashboard_container.member .profile-dashboard_container_overview_points-slider .platinum-label.fill-color .triangle-up {
  border-bottom: 6px solid #6950a1
}

.profile-dashboard_container.gold .profile-dashboard_container_overview_points-slider .slider-last-icon {
  background: url(clientlib-site/resources/images/gold-butterfly.png);
  background-position: 50%;
  background-repeat: no-repeat
}

.profile-dashboard_container.gold .profile-dashboard_container_overview_points-slider .slider-last-icon.mobile {
  background: url(clientlib-site/resources/images/gold-butterfly-mobile.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.profile-dashboard_container.gold .profile-dashboard_container_overview_points-slider .slider-last-icon.left {
  left: 0!important
}

.profile-dashboard_container.gold .profile-dashboard_container_overview_points-slider .slider-last-icon.right {
  right: 0!important
}

.profile-dashboard_container.gold .profile-dashboard_container_overview_points-slider .gold-label.fill-color .triangle-up,.profile-dashboard_container.gold .profile-dashboard_container_overview_points-slider .platinum-label.fill-color .triangle-up {
  border-bottom: 6px solid #947c4e
}

.profile-dashboard_container.platinum .profile-dashboard_container_overview_points-slider .slider-last-icon {
  background: url(clientlib-site/resources/images/platinum-butterfly.png);
  background-position: 50%;
  background-repeat: no-repeat
}

.profile-dashboard_container.platinum .profile-dashboard_container_overview_points-slider .slider-last-icon.mobile {
  background: url(clientlib-site/resources/images/platinum-butterfly-mobile.svg);
  background-position: 50%;
  background-repeat: no-repeat
}

.profile-dashboard_container.platinum .profile-dashboard_container_overview_points-slider .slider-last-icon.left {
  left: 0!important
}

.profile-dashboard_container.platinum .profile-dashboard_container_overview_points-slider .slider-last-icon.right {
  right: 0!important
}

.profile-dashboard_container.platinum .profile-dashboard_container_overview_points-slider .gold-label.fill-color .triangle-up,.profile-dashboard_container.platinum .profile-dashboard_container_overview_points-slider .platinum-label.fill-color .triangle-up {
  border-bottom: 6px solid #2b333b
}

.profile-dashboard_container.monarch .monarch-tier {
  background: linear-gradient(94deg,#000 33.15%,rgba(205,212,217,.96) 136.67%);
  background-position: 50%;
  background-repeat: no-repeat
}

.profile-dashboard_container.monarch .offer-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  justify-content: center
}

.profile-dashboard_container.monarch .offer-container_logo,.profile-dashboard_container.monarch .offer-container_text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  justify-content: center;
  width: 50%
}

.profile-dashboard_container.monarch .offer-container .offerText {
  color: #222;
  display: inline-block;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-align: center
}

.profile-dashboard_container.monarch .offer-container .monarch-logo {
  background: url(clientlib-site/resources/images/monarch-logo.png);
  background-position: 50%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 50px;
  width: 190px
}

@media only screen and (max-width: 991px) {
  .profile-dashboard_container.monarch .offer-container .monarch-logo {
      background:url(clientlib-site/resources/images/monarch-logo-mobile.svg);
      background-position: 50%;
      background-repeat: no-repeat
  }

  .profile-dashboard_container.monarch .offer-container {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 1pc
  }
}

.profile-dashboard_container.monarch .monarch-end-date {
  color: #222;
  font-family: Lato,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-top: 24px;
  text-align: center
}

@media only screen and (max-width: 991px) {
  .profile-dashboard_container.monarch .monarch-end-date .end-dt-value {
      display:block;
      text-align: center
  }
}

@media only screen and (min-width: 991px) {
  .profile-dashboard_container.monarch .profile-dashboard_container_overview_details_block {
      height:100%;
      padding: 0;
      position: relative
  }

  .profile-dashboard_container.monarch .profile-dashboard_container_overview_details_block .value-label-container {
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      width: 100%
  }

  .profile-dashboard_container.monarch .profile-dashboard_container_overview_details_block .value-label-container .label,.profile-dashboard_container.monarch .profile-dashboard_container_overview_details_block .value-label-container .value {
      padding-left: 2pc;
      padding-right: 2pc
  }
}

.profile-dashboard .member-tier {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(7.89%,#46268c),color-stop(48.86%,#6950a1),color-stop(110.98%,#b28dc1));
  background: linear-gradient(#46268c 7.89%,#6950a1 48.86%,#b28dc1 110.98%)
}

.profile-dashboard .member-tier-progress {
  background: #6950a1
}

.profile-dashboard .gold-tier {
  background: linear-gradient(3deg,#906d28 1.59%,#947c4e 49.5%,#b29e78 103.24%)
}

.profile-dashboard .gold-tier-progress {
  background: #947c4e
}

.profile-dashboard .platinum-tier {
  background: -webkit-gradient(linear,left top,left bottom,color-stop(-30%,#29343c),color-stop(37.99%,#2b4e63),color-stop(95.63%,#456374)),-webkit-gradient(linear,left top,left bottom,color-stop(16.29%,#456374),color-stop(84.38%,#29343c));
  background: linear-gradient(#29343c -30%,#2b4e63 37.99%,#456374 95.63%),linear-gradient(#456374 16.29%,#29343c 84.38%)
}

.profile-dashboard .platinum-tier-progress {
  background: #2b333b
}

.pl-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  overflow: hidden;
  width: 100%
}

.pl-card:hover .pl-card-image-wrapper img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.pl-card .pl-card-image-wrapper {
  aspect-ratio: 5/7;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%
}

.pl-card .pl-card-image-wrapper img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
  width: 100%
}

.pl-card .pl-card-content {
  width: 100%
}

.pl-card .pl-card-content .pl-card-title {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  border-bottom: 1px solid #ababab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1pc;
  justify-content: space-between
}

.pl-card .pl-card-content .pl-card-title .pl-card-title-content {
  max-width: 80%;
  overflow: hidden
}

.pl-card .pl-card-content .pl-card-title .pl-card-title-content .pl-card-title-subheader {
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin: 0 0 1pc
}

@media only screen and (max-width: 768px) {
  .pl-card .pl-card-content .pl-card-title .pl-card-title-content .pl-card-title-subheader {
      font-size:14px
  }
}

.pl-card .pl-card-content .pl-card-title .pl-card-title-content .pl-card-title-subheader b {
  font-weight: 700
}

.pl-card .pl-card-content .pl-card-title .pl-card-title-content .pl-card-title-subheader .pl-dot {
  font-size: 14px
}

.pl-card .pl-card-content .pl-card-title .pl-card-title-content .pl-card-title-header {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 0 22px;
  text-align: left
}

@media only screen and (max-width: 768px) {
  .pl-card .pl-card-content .pl-card-title .pl-card-title-content .pl-card-title-header {
      font-size:20px
  }
}

.pl-card .pl-card-content .pl-card-accordion-wrapper {
  border-bottom: 1px solid #ababab;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 0;
  width: 100%
}

.pl-card .pl-card-content .pl-download-circle-icon {
  content: url(clientlib-site/resources/images/download_circle.svg)
}

.pl-card .pl-card-content .pl-download-icon {
  content: url(clientlib-site/resources/images/download.svg)
}

.pl-accordion {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  border-bottom: 1px solid #ababab;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 24px 0;
  width: 100%
}

.pl-accordion,.pl-accordion .pl-accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.pl-accordion .pl-accordion-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  justify-content: space-between
}

.pl-accordion .pl-accordion-header .pl-accordion-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .pl-accordion .pl-accordion-header .pl-accordion-title {
      font-size:18px
  }
}

.pl-accordion .pl-accordion-header .pl-download-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

.pl-accordion .pl-accordion-header .pl-accordion-icon {
  display: inline-block;
  height: 24px;
  position: relative;
  top: 0;
  width: 24px
}

.pl-accordion .pl-accordion-header .pl-accordion-icon:before {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 8px
}

.pl-accordion .pl-accordion-header .pl-expanded:before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.pl-accordion .pl-accordion-body .pl-download-individual {
  border-bottom: 1px solid #ababab;
  padding: 24px 0
}

.pl-accordion .pl-accordion-body .pl-download-individual:last-child {
  border-bottom: none;
  padding: 24px 0 0
}

.pl-accordion .pl-accordion-body .pl-download-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

.cmp-subsection--quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: calc(var(--bs-gutter-x)*.5);
  padding-right: calc(var(--bs-gutter-x)*.5)
}

.cmp-subsection--quote .quote-border {
  border-left: 5px solid #7a35b0;
  border-radius: 8px
}

.cmp-subsection--quote .cmp-text__content {
  padding-left: 24px
}

.cmp-subsection--quote .cmp-text__content .cmp-banner__description {
  margin-bottom: 2pc;
  position: relative
}

.cmp-subsection--quote .cmp-text__content .cmp-banner__description .cmp-text p {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin: 0;
  padding-top: 56px
}

@media only screen and (max-width: 768px) {
  .cmp-subsection--quote .cmp-text__content .cmp-banner__description .cmp-text p {
      font-size:20px
  }
}

.cmp-subsection--quote .cmp-text__content .cmp-banner__title .cmp-title__text {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-subsection--quote .cmp-text__content .cmp-banner__title .cmp-title__text {
      font-size:14px
  }
}

.cmp-subsection--quote .cmp-text__content .cmp-banner__pre-title .cmp-pre-title__text {
  color: #ababab;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-subsection--quote .cmp-text__content .cmp-banner__pre-title .cmp-pre-title__text {
      font-size:14px
  }
}

.cmp-subsection--quote .cmp-banner__description:before {
  background: url(clientlib-site/resources/images/quote.svg) no-repeat;
  background-size: 40px;
  content: "";
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px
}

@media screen and (min-width: 992px) {
  .cmp-subsection--quote .cmp-text__content .cmp-banner__description .cmp-text p {
      padding:0 0 0 4pc
  }

  .cmp-subsection--quote .cmp-text__content .cmp-banner__pre-title,.cmp-subsection--quote .cmp-text__content .cmp-banner__title {
      padding-left: 4pc
  }
}

.radio-btn {
  background-color: transparent;
  border: none;
  color: #222;
  cursor: pointer;
  display: block;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  padding: 8px 20px;
  text-align: left;
  width: 100%
}

.radio-btn.selected-radio-btn {
  background-color: #f7f7f7
}

.cmp-members__detail {
  color: #222
}

.cmp-members__detail-shortdesc {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-shortdesc {
      font-size:1pc
  }
}

.cmp-members__detail-banner {
  position: relative
}

.cmp-members__detail-banner:after {
  background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(80.37%,rgba(34,34,34,.4)));
  background: linear-gradient(180deg,transparent,rgba(34,34,34,.4) 80.37%);
  bottom: 0;
  content: " ";
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 10
}

.cmp-members__detail-banner .cmp-image,.cmp-members__detail-banner picture {
  position: relative
}

.cmp-members__detail-banner .cmp-image .cmp-image__image,.cmp-members__detail-banner picture .cmp-image__image {
  aspect-ratio: 4/1;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .cmp-members__detail-banner .cmp-image .cmp-image__image,.cmp-members__detail-banner picture .cmp-image__image {
      aspect-ratio:1/1
  }
}

.cmp-members__detail-banner .swiper {
  width: 100%
}

.cmp-members__detail-banner .swiper-button-next,.cmp-members__detail-banner .swiper-button-prev {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(34,34,34,.05);
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  justify-content: center;
  outline: none;
  width: 40px
}

.cmp-members__detail-banner .swiper-button-next:after,.cmp-members__detail-banner .swiper-button-prev:after {
  border-left: 3px solid #fff;
  border-top: 3px solid #fff;
  content: " ";
  display: block;
  height: 9px;
  position: relative;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  width: 9px
}

.cmp-members__detail-banner .swiper-button-prev {
  left: 0
}

.cmp-members__detail-banner .swiper-button-next {
  right: 0
}

.cmp-members__detail-banner .swiper-button-next:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.cmp-members__detail-banner .swiper .swiper-pagination {
  bottom: 2pc;
  left: auto;
  right: 2pc;
  text-align: right;
  width: auto
}

.cmp-members__detail-banner .swiper .swiper-pagination-bullet {
  background-color: #e5e5e5;
  height: 10px;
  opacity: 1;
  width: 10px
}

.cmp-members__detail-banner .swiper .swiper-pagination-bullet-active {
  background-color: #ffd200
}

.cmp-members__detail-content {
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  margin: 40px auto;
  max-width: 846px;
  padding-top: 8px;
  position: relative;
  width: auto
}

@media only screen and (max-width: 1024px) {
  .cmp-members__detail-content {
      border:none;
      margin: 0;
      padding: 24px 90px 0
  }
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-content {
      border:none;
      margin: 0;
      padding: 24px 24px 0
  }
}

.cmp-members__detail-content .gray {
  color: #999;
  display: block;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin: 8px 0 24px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-content .gray {
      margin:24px 0
  }
}

.cmp-cag .cmp-members__detail-content .text-disabled .h4,.cmp-members__detail-content .text-disabled .cmp-cag .h4,.cmp-members__detail-content .text-disabled h4 {
  color: #999
}

.cmp-members__detail-content .pre-container {
  padding: 0 40px 24px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-content .pre-container {
      padding:0 0 24px
  }
}

.cmp-members__detail-content>div {
  border-bottom: 1px solid #e5e5e5;
  padding: 24px 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-members__detail-content>div {
      padding:24px 0
  }

  .cmp-members__detail-content>div:first-child {
      padding-top: 0
  }
}

.cmp-members__detail-content>div:last-child {
  border: 0
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-content>div:last-child {
      border-bottom:1px solid #e5e5e5;
      padding-bottom: 24px
  }
}

.cmp-members__detail-content>div>div {
  margin-bottom: 1pc
}

.cmp-members__detail-content>div>div:last-child {
  margin-bottom: 0
}

.cmp-cag .cmp-members__detail-content>div .h1,.cmp-members__detail-content>div .cmp-cag .h1,.cmp-members__detail-content>div h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin: 8px 0 0
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-members__detail-content>div .h1,.cmp-members__detail-content>div .cmp-cag .h1,.cmp-members__detail-content>div h1 {
      font-size:24px
  }
}

.cmp-cag .cmp-members__detail-content>div .h3,.cmp-members__detail-content>div .cmp-cag .h3,.cmp-members__detail-content>div h3 {
  margin: 0
}

.cmp-members__detail-content>div a {
  font-weight: 700;
  text-decoration: none;
  text-transform: capitalize
}

.cmp-members__detail-content>div button {
  background: none;
  border: 0;
  padding: 0
}

.cmp-members__detail-content>div button span {
  background: #222;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc
}

.cmp-members__detail-content>div button span:hover {
  background: #454545
}

.cmp-members__detail-description {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-description {
      font-size:1pc
  }
}

.cmp-members__detail-date {
  color: #999;
  margin-top: 1pc
}

.cmp-members__detail-tag {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8
}

.cmp-members__detail-tag span {
  background-color: #e5e5e5;
  border-radius: 4px;
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 4px 15px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-tag span {
      font-size:14px
  }
}

.cmp-members__detail-tag .points {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  margin: 0 8px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-tag .points {
      font-size:1pc
  }
}

.cmp-members__detail-tag .points:before {
  background-image: url(clientlib-site/resources/images/butterfly-purple.svg);
  background-repeat: no-repeat;
  content: " ";
  display: block;
  height: 24px;
  left: 0;
  margin-right: 8px;
  position: relative;
  top: 0;
  width: 24px
}

.cmp-members__detail-redeem {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9pt;
  font-weight: 400;
  gap: 24px;
  line-height: 150%;
  margin-bottom: 0!important
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-redeem {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 0
  }
}

.cmp-members__detail-redeem div:first-child div:last-child {
  margin-top: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-redeem div:first-child div:last-child {
      margin:0
  }
}

.cmp-members__detail-redeem>div {
  width: 50%
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-redeem>div {
      width:100%
  }

  .cmp-members__detail-redeem>div.qty-count {
      padding-top: 24px
  }
}

.cmp-members__detail-redeem--btn {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

.cmp-members__detail-redeem--btn .button--postlogin {
  padding-top: 24px
}

.cmp-members__detail-redeem--btn .disabled {
  pointer-events: none
}

.cmp-members__detail-redeem--btn .disabled span {
  background-color: #e5e5e5;
  color: #ababab
}

.cmp-members__detail-redeem.qty-input {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.cmp-members__detail-redeem.qty-input>div {
  width: auto
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-redeem.qty-input>div {
      -webkit-box-ordinal-group:3;
      -ms-flex-order: 2;
      margin-top: 24px;
      order: 2;
      width: 100%
  }

  .cmp-members__detail-redeem.qty-input>div:first-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 1pc
  }

  .cmp-members__detail-redeem.qty-input>div:last-child {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      display: block;
      margin: 0;
      order: 1
  }

  .cmp-cag .cmp-members__detail-redeem.qty-input>div .h4 span,.cmp-members__detail-redeem.qty-input>div .cmp-cag .h4 span,.cmp-members__detail-redeem.qty-input>div h4 span {
      display: block;
      margin-top: 8px
  }
}

.cmp-members__detail-redeem.qty-input .show-error>span {
  color: #cc1000
}

.cmp-members__detail-redeem.qty-input .show-error input {
  border: 1px solid #cc1000!important
}

.cmp-members__detail-redeem.qty-input .show-error .error {
  display: block;
  margin-top: 4px
}

.cmp-cag .cmp-members__detail-redeem.qty-input .h4,.cmp-members__detail-redeem.qty-input .cmp-cag .h4,.cmp-members__detail-redeem.qty-input h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin-top: 8px;
  text-transform: capitalize
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-members__detail-redeem.qty-input .h4,.cmp-members__detail-redeem.qty-input .cmp-cag .h4,.cmp-members__detail-redeem.qty-input h4 {
      font-size:24px
  }
}

.cmp-cag .cmp-members__detail-redeem .h4,.cmp-members__detail-redeem .cmp-cag .h4,.cmp-members__detail-redeem h4 {
  margin: 8px 0 0
}

.cmp-members__detail-redeem_info {
  margin: 24px auto;
  max-width: 60%
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-redeem_info {
      max-width:100%
  }
}

.cmp-members__detail-redeem_info img {
  display: block;
  height: 200px;
  margin: 0 auto;
  width: 200px
}

.cmp-members__detail-description,.cmp-members__detail-tnc {
  margin: 40px auto 0;
  max-width: 846px;
  padding-bottom: 40px;
  width: auto
}

@media only screen and (max-width: 1024px) {
  .cmp-members__detail-description,.cmp-members__detail-tnc {
      margin:0 90px;
      padding-bottom: 24px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-description,.cmp-members__detail-tnc {
      margin:0 24px;
      padding-bottom: 24px
  }
}

.cmp-members__detail-description p,.cmp-members__detail-tnc p {
  margin-bottom: 0
}

.cmp-cag .cmp-members__detail-description .h3,.cmp-cag .cmp-members__detail-tnc .h3,.cmp-members__detail-description .cmp-cag .h3,.cmp-members__detail-description h3,.cmp-members__detail-tnc .cmp-cag .h3,.cmp-members__detail-tnc h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 1pc
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-members__detail-description .h3,.cmp-cag .cmp-members__detail-tnc .h3,.cmp-members__detail-description .cmp-cag .h3,.cmp-members__detail-description h3,.cmp-members__detail-tnc .cmp-cag .h3,.cmp-members__detail-tnc h3 {
      font-size:20px
  }
}

.cmp-members__detail-tnc {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  margin: 0 auto 60px;
  padding: 24px 0
}

@media only screen and (max-width: 1024px) {
  .cmp-members__detail-tnc {
      margin:0 90px;
      padding-bottom: 24px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-tnc {
      margin:0 24px 24px;
      padding-bottom: 24px
  }
}

.cmp-members__detail-tnc div:first-child {
  cursor: pointer;
  position: relative
}

.cmp-members__detail-tnc div:first-child:after {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: " ";
  display: block;
  height: 9pt;
  position: absolute;
  right: 27px;
  top: 2px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 9pt
}

.cmp-cag .cmp-members__detail-tnc .h3,.cmp-members__detail-tnc .cmp-cag .h3,.cmp-members__detail-tnc h3 {
  margin: 0
}

.cmp-members__detail-tnc .accordion-item {
  display: none;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  margin-top: 1pc;
  padding-left: 8px;
  word-break: break-word
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-tnc .accordion-item {
      font-size:1pc
  }
}

.cmp-members__detail-tnc.show div:first-child:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.cmp-members__detail-tnc.show .accordion-item {
  display: block
}

.cmp-members__detail .cmp-button-primary a {
  background: #222;
  border: none;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc
}

.cmp-members__detail .cmp-button-primary a:hover {
  background: #454545
}

.cmp-members__detail .cmp-button-primary a.disabled {
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #ababab;
  pointer-events: none
}

.cmp-members__detail-promo {
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%
}

.cmp-members__detail-promo>div {
  margin-bottom: 4px
}

.cmp-members__detail-promo--code {
  border: 1px solid #ababab;
  border-radius: 8px;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  min-width: 50%;
  padding: 9pt 20px;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-promo--code {
      -webkit-box-sizing:border-box;
      box-sizing: border-box;
      width: 100%
  }
}

.cmp-members__detail-promo--code span {
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 14px;
  top: 9pt;
  width: 24px
}

.cmp-members__detail-promo--code span:after {
  background-image: url(clientlib-site/resources/images/copytext.svg);
  background-repeat: no-repeat;
  content: " ";
  display: block;
  height: 24px;
  left: 0;
  position: relative;
  top: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
  width: 24px
}

.cmp-members__detail-promo--code span.copied:after {
  background-image: url(clientlib-site/resources/images/check_green.svg)
}

.cmp-members__detail .cmp-modal__desc-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  padding-top: 24px;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail .cmp-modal__desc-title {
      font-size:20px
  }
}

.cmp-members__detail .cmp-modal__desc-title.purple {
  color: #7a35b0;
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 0;
  padding-top: 0
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail .cmp-modal__desc-title.purple {
      font-size:18px
  }
}

.cmp-members__detail .cmp-modal__container {
  max-height: 90vh;
  overflow-y: auto;
  padding: 24px 24px 0
}

.cmp-members__detail .cmp-modal__container.confirm-modal,.cmp-members__detail .cmp-modal__container.loader {
  max-width: 628px
}

.cmp-members__detail .cmp-modal__container.confirm-modal .cmp-modal__desc-title {
  line-height: 21.6px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail .cmp-modal__container.confirm-modal .cmp-modal__desc-title {
      line-height:26px
  }
}

.cmp-members__detail .cmp-modal__container::-webkit-scrollbar {
  width: 4px
}

.cmp-members__detail .cmp-modal__container::-webkit-scrollbar-track {
  background: #ccc
}

.cmp-members__detail .cmp-modal__container::-webkit-scrollbar-thumb {
  background: #454545;
  border-radius: 4px
}

.cmp-members__detail .cmp-modal__container::-webkit-scrollbar-thumb:hover {
  background: #454545
}

.cmp-members__detail .cmp-modal__container.show-rewards__card {
  max-width: 458px
}

.cmp-members__detail .cmp-modal__container.iu-input {
  max-width: 628px
}

.cmp-members__detail .cmp-modal__container.iu-input .cmp-members__detail-redeem_info {
  max-width: 100%;
  text-align: center
}

.cmp-members__detail .cmp-modal__container.error-container,.cmp-members__detail .cmp-modal__container.success-container {
  max-width: 628px
}

.cmp-members__detail .cmp-modal__container .cmp-members__noresults {
  min-height: 284px;
  padding: 0 24px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail .cmp-modal__container .cmp-members__detail-tnc {
      margin:0 0 24px
  }
}

.cmp-members__detail .cmp-modal__wrapper {
  padding: 0
}

.cmp-members__detail .cmp-modal__wrapper .text-center {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail .cmp-modal__wrapper .text-center {
      font-size:1pc
  }
}

.cmp-members__detail .cmp-modal__wrapper.success-message {
  padding-bottom: 24px
}

.cmp-members__detail .cmp-modal__wrapper .qty-selector {
  text-align: center
}

.cmp-members__detail .cmp-modal__wrapper .qty-selector>span {
  display: block;
  margin-bottom: 1pc
}

.cmp-members__detail .cmp-modal__wrapper .qty-selector .cmp-members__detail-qty {
  margin: 0 auto;
  max-width: 300px
}

.cmp-members__detail .cmp-modal__wrapper .qty-selector .cmp-members__detail-qty input {
  width: 100%
}

.cmp-members__detail .cmp-modal__wrapper .success {
  display: block;
  height: 40px;
  margin: 0 auto 8px;
  width: 40px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail .cmp-modal__wrapper .success {
      margin-bottom:1pc
  }
}

.cmp-members__detail .cmp-modal__wrapper .success:after {
  background-image: url(clientlib-site/resources/images/success-purple.svg);
  background-repeat: no-repeat;
  content: " ";
  display: block;
  height: 40px;
  left: 0;
  position: relative;
  top: 0;
  width: 40px
}

.cmp-members__detail .cmp-modal__wrapper .success.redeemed:after {
  background-image: url(clientlib-site/resources/images/circle_check_purple.svg)
}

.cmp-members__detail .cmp-modal__wrapper.qr-code {
  padding: 0 0 24px
}

.cmp-members__detail .cmp-modal__wrapper.qr-code .cmp-modal__desc-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  line-height: 21.6px;
  margin-bottom: 24px;
  padding-top: 40px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail .cmp-modal__wrapper.qr-code .cmp-modal__desc-title {
      font-size:20px;
      padding-top: 24px
  }
}

.cmp-cag .cmp-members__detail .cmp-modal__wrapper.qr-code .cmp-profile__info .h4,.cmp-members__detail .cmp-modal__wrapper.qr-code .cmp-profile__info .cmp-cag .h4,.cmp-members__detail .cmp-modal__wrapper.qr-code .cmp-profile__info h4 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 21px
}

.cmp-members__detail .cmp-modal__wrapper.parking .success:after {
  background-image: url(clientlib-site/resources/images/parking-update.svg)
}

.cmp-members__detail .cmp-modal__wrapper.parking p {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail .cmp-modal__wrapper.parking p {
      font-size:1pc
  }
}

.cmp-members__detail .cmp-modal__wrapper.parking .cmp-members__detail-redeem_info {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-align: left
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail .cmp-modal__wrapper.parking .cmp-members__detail-redeem_info {
      font-size:1pc
  }
}

.cmp-members__detail .cmp-modal__wrapper.parking .cmp-members__detail-redeem_info div {
  position: relative
}

.cmp-members__detail .cmp-modal__wrapper.parking .cmp-members__detail-redeem_info div span {
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 14px;
  top: 9pt;
  width: 24px
}

.cmp-members__detail .cmp-modal__wrapper.parking .cmp-members__detail-redeem_info div span:before {
  background-image: url(clientlib-site/resources/images/reset-parking-input.svg);
  background-repeat: no-repeat;
  content: " ";
  display: block;
  height: 24px;
  left: 0;
  position: relative;
  top: 0;
  width: 24px
}

.cmp-members__detail .cmp-modal__wrapper.parking input {
  -moz-appearance: textfield;
  border: 1px solid #ababab;
  border-radius: 8px;
  font-size: 1pc;
  height: 3pc;
  outline: none!important;
  padding: 9pt 14px 9pt 20px;
  text-align: left;
  width: 100%
}

.cmp-members__detail .cmp-modal__wrapper.parking input:focus {
  border: 1px solid #7a35b0;
  outline: none!important
}

.cmp-members__detail .cmp-modal__wrapper.parking input.red-border {
  border-color: #cc1000
}

.cmp-members__detail .cmp-modal__wrapper.parking .parking-error {
  color: #cc1000
}

.cmp-members__detail-parking>span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9pt;
  font-weight: 400;
  gap: 8px;
  line-height: 150%
}

.cmp-members__detail-parking .update-number {
  cursor: pointer;
  height: 24px;
  position: relative;
  width: 24px
}

.cmp-members__detail-parking .update-number:before {
  background-image: url(clientlib-site/resources/images/update-icon.svg);
  background-repeat: no-repeat;
  content: " ";
  display: block;
  height: 24px;
  left: 0;
  position: relative;
  top: 0;
  width: 24px
}

.cmp-cag .cmp-members__detail-parking .h4,.cmp-members__detail-parking .cmp-cag .h4,.cmp-members__detail-parking h4 {
  margin: 8px 0 0
}

.cmp-members__detail-parking .iu-empty {
  color: #999;
  font-size: 14px;
  margin-top: 8px
}

.cmp-members__detail-swipebutton {
  max-width: 279px;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-swipebutton {
      max-width:100%
  }
}

.cmp-members__detail-swipebutton input[type=range] {
  -webkit-appearance: none;
  background: #222;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  outline: none;
  padding: 4px;
  position: relative;
  width: 100%
}

.cmp-members__detail-swipebutton input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: url(clientlib-site/resources/images/swipebutton.svg) 50% no-repeat #fff;
  border-radius: 50%;
  cursor: pointer;
  height: 37px;
  padding: 5px;
  position: relative;
  width: 37px;
  z-index: 1
}

.cmp-members__detail-swipebutton input[type=range]:before {
  color: #fff;
  content: attr(text);
  font-size: 14px;
  left: 40%;
  position: absolute;
  top: 30%
}

.cmp-members__detail-swipebutton.disabled input {
  background: #e5e5e5;
  pointer-events: none
}

.cmp-members__detail-swipebutton.disabled input:before {
  color: #ababab
}

.cmp-members__detail-image {
  height: auto;
  max-width: 300px;
  min-height: 300px;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-image {
      border-radius:8px 8px 0 0;
      max-width: 100%;
      overflow: hidden
  }
}

.cmp-members__detail-image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 300px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-image img {
      min-height:300px;
      width: 100%
  }
}

.cmp-members__detail-image.kf-image img {
  -o-object-fit: contain;
  object-fit: contain
}

.cmp-members__detail-row {
  border: 1px solid #ccc;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-row {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      border: 0;
      border-radius: 0;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.cmp-members__detail-location {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-location {
      font-size:1pc
  }
}

.cmp-members__detail-location .cmp-search-selectTerminal {
  margin: 0 auto;
  max-width: 300px;
  z-index: 10
}

.cmp-members__detail-location .cmp-search-selectTerminal span+div {
  padding: 9pt 40px 9pt 20px!important;
  text-align: left
}

.cmp-members__detail-location .cmp-search-dropdown,.cmp-members__detail-location .cmp-search-dropdown__menu {
  text-align: left
}

.cmp-members__detail-container>div {
  margin-bottom: 24px
}

.cmp-members__detail-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  justify-content: center;
  line-height: 150%;
  padding: 40px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-info {
      font-size:1pc;
      padding: 24px 0 0
  }
}

.cmp-members__detail-info>div {
  margin-bottom: 8px
}

.cmp-members__detail-info>div:last-child {
  margin-bottom: 0
}

.cmp-cag .cmp-members__detail-info .h5,.cmp-members__detail-info .cmp-cag .h5,.cmp-members__detail-info h5 {
  margin-bottom: 1pc
}

.cmp-members__detail-action {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1pc;
  justify-content: center;
  padding-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-action {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }

  .cmp-members__detail-action .button,.cmp-members__detail-action a,.cmp-members__detail-action input {
      width: 100%
  }
}

.cmp-members__detail-action.error-modal {
  margin-top: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-action.default-flex {
      -webkit-box-orient:horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row
  }
}

.cmp-members__detail-qty {
  margin-top: 4px;
  position: relative
}

.cmp-members__detail-qty input::-webkit-inner-spin-button,.cmp-members__detail-qty input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.cmp-members__detail-qty input {
  -moz-appearance: textfield;
  border: 1px solid #222;
  border-radius: 8px;
  font-size: 1pc;
  font-weight: 400;
  height: 3pc;
  line-height: 150%;
  min-width: 260px;
  outline: none!important;
  padding: 9pt 14px 9pt 20px;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-qty input {
      font-size:1pc
  }
}

.cmp-members__detail-qty input.disabled {
  color: #ababab
}

.cmp-members__detail-qty input.border-disabled {
  border-color: #ababab
}

.cmp-members__detail-qty input:focus {
  border: 1px solid #7a35b0;
  outline: none!important
}

@media only screen and (max-width: 768px) {
  .cmp-members__detail-qty input {
      width:100%
  }
}

.cmp-members__detail-qty .minus,.cmp-members__detail-qty .plus {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  height: 24px;
  justify-content: center;
  position: absolute;
  text-align: center;
  top: 10px;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 24px
}

.cmp-members__detail-qty .minus:before,.cmp-members__detail-qty .plus:before {
  background-repeat: no-repeat;
  content: " ";
  display: block;
  height: 24px;
  left: 0;
  position: relative;
  top: 0;
  width: 24px
}

.cmp-members__detail-qty .minus.disabled,.cmp-members__detail-qty .plus.disabled {
  color: #ababab;
  pointer-events: none
}

.cmp-members__detail-qty .minus {
  left: 20px;
  top: 9pt
}

.cmp-members__detail-qty .minus:before {
  background-image: url(clientlib-site/resources/images/qty-minus.svg)
}

.cmp-members__detail-qty .minus.disabled:before {
  background-image: url(clientlib-site/resources/images/qty-minus_disabled.svg)
}

.cmp-members__detail-qty .plus {
  right: 20px;
  top: 9pt
}

.cmp-members__detail-qty .plus:before {
  background-image: url(clientlib-site/resources/images/qty-plus.svg)
}

.cmp-members__detail-qty .plus.disabled:before {
  background-image: url(clientlib-site/resources/images/qty-plus_disabled.svg)
}

.cmp-cag .cmp-members__detail .h3,.cmp-cag .cmp-members__detail .h4,.cmp-cag .cmp-members__detail .h5,.cmp-members__detail .cmp-cag .h3,.cmp-members__detail .cmp-cag .h4,.cmp-members__detail .cmp-cag .h5,.cmp-members__detail h3,.cmp-members__detail h4,.cmp-members__detail h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-members__detail .h3,.cmp-cag .cmp-members__detail .h4,.cmp-cag .cmp-members__detail .h5,.cmp-members__detail .cmp-cag .h3,.cmp-members__detail .cmp-cag .h4,.cmp-members__detail .cmp-cag .h5,.cmp-members__detail h3,.cmp-members__detail h4,.cmp-members__detail h5 {
      font-size:20px
  }
}

.cmp-cag .cmp-members__detail .cmp-members__detail-location .h5,.cmp-members__detail .cmp-members__detail-location .cmp-cag .h5,.cmp-members__detail .cmp-members__detail-location h5 {
  font-size: 1pc;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-members__detail .cmp-members__detail-location .h5,.cmp-members__detail .cmp-members__detail-location .cmp-cag .h5,.cmp-members__detail .cmp-members__detail-location h5 {
      font-size:1pc
  }
}

.cmp-cag .cmp-members__detail .cmp-members__detail-parking .h4,.cmp-members__detail .cmp-members__detail-parking .cmp-cag .h4,.cmp-members__detail .cmp-members__detail-parking h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-members__detail .cmp-members__detail-parking .h4,.cmp-members__detail .cmp-members__detail-parking .cmp-cag .h4,.cmp-members__detail .cmp-members__detail-parking h4 {
      font-size:24px
  }

  .cmp-members__detail.availablereward .cmp-members__detail-content>div:last-child,.cmp-members__detail.complimentary .cmp-members__detail-content>div:last-child {
      border-bottom: none;
      padding-bottom: 40px
  }
}

.cmp-members__detail.complimentary .cmp-members__detail-redeem--btn {
  padding-top: 24px
}

.cmp-members__detail.parking .cmp-members__detail-content>div {
  border: 0
}

.cmp-members__detail.parking .cmp-members__detail-content>div:last-child {
  padding-top: 0
}

.cmp-members__noresults {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  max-width: 50pc;
  min-height: 25pc
}

@media only screen and (max-width: 768px) {
  .cmp-members__noresults {
      margin:0 24px
  }
}

.cmp-members__noresults__icon {
  display: block;
  height: 40px;
  position: relative;
  width: 40px
}

.cmp-members__noresults__icon:after {
  background-image: url(clientlib-site/resources/images/circle_error.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: " ";
  height: 40px;
  left: 0;
  position: absolute;
  width: 40px;
  z-index: 30
}

.cmp-members__noresults__icon.modal-mode:after {
  background-image: url(clientlib-site/resources/images/error_modal.svg)
}

.cmp-cag .cmp-members__noresults .h1,.cmp-members__noresults .cmp-cag .h1,.cmp-members__noresults h1 {
  text-align: center
}

.memberspecialdetail .cmp-members__detail .button--prelogin {
  margin-top: 24px
}

.cmp-search a {
  text-decoration: none
}

.cmp-search-banner {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ccc;
  padding: 60px 5vw
}

@media only screen and (max-width: 576px) {
  .cmp-search-banner {
      padding:24px
  }
}

.cmp-cag .cmp-search-banner .h4,.cmp-search-banner .cmp-cag .h4,.cmp-search-banner h4 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-search-banner .h4,.cmp-search-banner .cmp-cag .h4,.cmp-search-banner h4 {
      font-size:18px;
      letter-spacing: .18pc
  }
}

.cmp-search-banner div {
  max-width: 50%;
  position: relative
}

@media only screen and (max-width: 576px) {
  .cmp-search-banner div {
      max-width:100%
  }
}

.cmp-search-banner__close,.cmp-search-banner__search {
  bottom: 14px;
  height: 24px;
  position: absolute;
  right: 1pc;
  width: 24px
}

.cmp-search-banner__close:after,.cmp-search-banner__search:after {
  background-image: url(clientlib-site/resources/images/search_black.svg);
  content: " ";
  height: 24px;
  position: absolute;
  right: 0;
  top: 2px;
  width: 24px;
  z-index: 30
}

.cmp-search-banner__close {
  cursor: pointer
}

.cmp-search-banner__close:after {
  background-image: url(clientlib-site/resources/images/close.svg)
}

.cmp-search-banner input {
  border: 1px solid #222;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  margin-top: 20px;
  padding: 9pt 1pc;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .cmp-search-banner input {
      font-size:1pc
  }
}

.cmp-search-banner input::-webkit-search-cancel-button,.cmp-search-banner input::-webkit-search-decoration,.cmp-search-banner input::-webkit-search-results-button,.cmp-search-banner input::-webkit-search-results-decoration {
  -webkit-appearance: none
}

.cmp-search-banner input:focus {
  border: 1px solid #7a35b0;
  outline: none!important
}

.cmp-search-direction {
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1pc;
  padding: 40px 5vw 24px
}

.cmp-search-direction div {
  border-radius: 75pt;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 150%;
  padding: 4px 1pc;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-search-direction div {
      font-size:14px
  }
}

.cmp-search-direction div.active {
  background: #222;
  color: #fff
}

.cmp-search-flight__container {
  border-collapse: collapse;
  display: table;
  width: 100%
}

.cmp-search-flight__item {
  border-bottom: 1px solid #ccc;
  display: table-row;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none!important
}

@media only screen and (max-width: 768px) {
  .cmp-search-flight__item {
      font-size:14px
  }
}

.cmp-search-flight__item .flight-icon {
  height: 1pc;
  margin-bottom: 8px;
  position: relative;
  width: 1pc
}

.cmp-search-flight__item .flight-icon:after {
  background: url(clientlib-site/resources/images/serp-icons_arr.svg) no-repeat 50%;
  content: " ";
  height: 1pc;
  left: 0;
  position: absolute;
  top: 0;
  width: 1pc;
  z-index: 30
}

.cmp-search-flight__item .flight-icon.dep:after {
  background: url(clientlib-site/resources/images/serp-icons_dep.svg) no-repeat 50%;
  content: " "
}

.cmp-search-flight__item .previous-time {
  color: #999;
  text-decoration: line-through
}

@media only screen and (max-width: 1024px) {
  .cmp-search-flight__item.th-item {
      border-bottom:none
  }
}

.cmp-search-flight__item.th-item>div {
  color: #999;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  line-height: 150%
}

@media only screen and (max-width: 1024px) {
  .cmp-search-flight__item.th-item>div:last-child,.cmp-search-flight__item.th-item>div:nth-child(4) {
      min-width:5pc;
      white-space: nowrap
  }
}

@media only screen and (max-width: 768px) {
  .cmp-search-flight__item.th-item>div {
      display:none
  }
}

.cmp-search-flight__item>div {
  display: table-cell;
  height: 134px;
  padding: 24px 8px 24px 0;
  vertical-align: middle
}

.cmp-search-flight__item>div:last-child {
  padding-right: 0
}

.cmp-search-flight__item>div:nth-child(3) {
  min-width: 85px
}

@media only screen and (max-width: 1024px) {
  .cmp-search-flight__item>div:last-child,.cmp-search-flight__item>div:nth-child(4) {
      min-width:5pc;
      white-space: nowrap
  }
}

@media only screen and (max-width: 768px) {
  .cmp-search-flight__item>div {
      height:auto;
      padding-right: 20px;
      vertical-align: top
  }

  .cmp-search-flight__item>div:last-child,.cmp-search-flight__item>div:nth-child(4) {
      display: none
  }

  .cmp-search-flight__item>div:nth-child(3) {
      min-width: auto;
      padding-right: 0
  }

  .cmp-search-flight__item>div:nth-child(2) {
      word-break: break-word
  }
}

.cmp-search-flight__item>div .status-color {
  background-color: #e5e5e5;
  border-radius: 60px;
  color: #222;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 150%;
  padding: 4px 1pc;
  text-indent: 2px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-search-flight__item>div .status-color {
      font-size:10px
  }
}

@media only screen and (max-width: 576px) {
  .cmp-search-flight__item>div .status-color {
      margin-top:10px
  }
}

.cmp-search-flight__item>div .status-color.green {
  background-color: #e2efda;
  color: #008545
}

.cmp-search-flight__item>div .status-color.black,.cmp-search-flight__item>div .status-color.grey {
  background-color: #e5e5e5;
  color: #222
}

.cmp-search-flight__item>div .status-color.red {
  background-color: #ffe3e0;
  color: #cc1000
}

.cmp-search-disclaimer {
  color: #999
}

@media only screen and (max-width: 576px) {
  .cmp-search-disclaimer {
      padding-top:24px
  }
}

.cmp-search-tabs {
  border-bottom: 1px solid #ccc;
  margin-top: 40px;
  padding: 0 5vw
}

@media only screen and (max-width: 576px) {
  .cmp-search-tabs {
      margin-top:24px;
      padding: 0 24px
  }
}

.cmp-search-tabs .swiper-button-next,.cmp-search-tabs .swiper-button-prev {
  background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),to(#fff));
  background: linear-gradient(90deg,hsla(0,0%,100%,0),#fff);
  height: 100%;
  left: auto;
  right: 0;
  top: 28%;
  width: 24px
}

.cmp-search-tabs .swiper-button-next:after,.cmp-search-tabs .swiper-button-prev:after {
  color: #222;
  font-size: 20px;
  font-weight: bolder
}

.cmp-search-tabs .swiper-button-prev {
  background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));
  background: linear-gradient(180deg,hsla(0,0%,100%,0),#fff);
  left: 0;
  right: auto
}

.cmp-search-tabs .swiper-button-disabled {
  display: none
}

.cmp-search-tabs__container {
  background-color: #f7f7f7
}

.cmp-search-tabs__menu {
  margin: 0 auto;
  max-width: 847px;
  padding-top: 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-search-tabs__menu {
      padding:24px 24px 0
  }
}

.cmp-search-tabs__item {
  border-bottom: 3px solid transparent;
  color: #ababab;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  padding-bottom: 1pc;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-search-tabs__item {
      font-size:18px;
      letter-spacing: .18pc
  }
}

.cmp-search-tabs__item.active {
  border-color: #7a35b0;
  color: #222
}

.cmp-search-tabs .swiper-slide {
  width: auto
}

.cmp-search-panel {
  padding: 40px 5vw 60px
}

@media only screen and (max-width: 576px) {
  .cmp-search-panel {
      padding:24px 24px 40px
  }
}

.cmp-cag .cmp-search-panel__item:first-child .cmp-search-title .h4,.cmp-search-panel__item:first-child .cmp-search-title .cmp-cag .h4,.cmp-search-panel__item:first-child .cmp-search-title h4 {
  padding-top: 0
}

.cmp-search-panel__flight .cmp-search-direction,.cmp-search-panel__flight .cmp-search-selector {
  padding: 24px 0
}

.cmp-search-panel .react-datepicker {
  border: 0;
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  padding: 0 20px;
  text-indent: 2.4px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-search-panel .react-datepicker {
      font-size:9pt
  }
}

.cmp-search-panel .react-datepicker__triangle {
  display: none
}

.cmp-search-panel .react-datepicker__header {
  background-color: #fff;
  border: 0
}

.cmp-search-panel .react-datepicker__current-month {
  border-bottom: 1px solid #e5e5e5;
  color: #7a35b0;
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  padding: 9pt 0;
  text-indent: 2.4px
}

@media only screen and (max-width: 768px) {
  .cmp-search-panel .react-datepicker__current-month {
      font-size:9pt
  }
}

.cmp-search-panel .react-datepicker__navigation {
  top: 9pt
}

.cmp-search-panel .react-datepicker__navigation-icon:before {
  border-color: #7a35b0!important;
  border-width: 2px 2px 0 0
}

.cmp-search-panel .react-datepicker__navigation--next--disabled .react-datepicker__navigation-icon:before,.cmp-search-panel .react-datepicker__navigation--previous--disabled .react-datepicker__navigation-icon:before {
  border-color: #ababab!important
}

.cmp-search-panel .react-datepicker__navigation--previous {
  left: 20px
}

.cmp-search-panel .react-datepicker__navigation--next {
  right: 20px
}

.cmp-search-panel .react-datepicker__day-names {
  margin-top: 6px
}

.cmp-search-panel .react-datepicker__day-names div {
  color: #ababab;
  letter-spacing: 0;
  margin: .166rem .4rem;
  width: auto
}

.cmp-search-panel .react-datepicker__day {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  letter-spacing: normal;
  width: 30px
}

.cmp-search-panel .react-datepicker__day:hover {
  background-color: #f9efff;
  border-radius: 30px
}

.cmp-search-panel .react-datepicker__day--disabled:hover,.cmp-search-panel .react-datepicker__day--keyboard-selected {
  background-color: transparent
}

.cmp-search-panel .react-datepicker__day--selected {
  background: #fff;
  border: 1px solid #7a35b0;
  border-radius: 30px;
  color: #222
}

.cmp-search-title {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

@media only screen and (max-width: 576px) {
  .cmp-search-title {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start;
      -ms-flex-direction: column;
      flex-direction: column;
      justify-content: start
  }
}

.cmp-search-title.clear-all {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  align-items: start;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: start
}

@media only screen and (max-width: 576px) {
  .cmp-search-title.clear-all {
      -webkit-box-pack:justify;
      -ms-flex-pack: justify;
      justify-content: space-between
  }
}

.cmp-search-title.clear-all span {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  line-height: normal;
  margin-left: 1pc;
  margin-top: 0;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  text-transform: capitalize
}

.cmp-cag .cmp-search-title .h4,.cmp-search-title .cmp-cag .h4,.cmp-search-title h4 {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  padding: 40px 0 24px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-search-title .h4,.cmp-search-title .cmp-cag .h4,.cmp-search-title h4 {
      font-size:18px;
      letter-spacing: .18pc
  }
}

@media only screen and (max-width: 576px) {
  .cmp-cag .cmp-search-title .h4,.cmp-search-title .cmp-cag .h4,.cmp-search-title h4 {
      margin-bottom:0;
      padding-top: 24px
  }

  .cmp-cag .cmp-search-title.p-custom .h4,.cmp-search-title.p-custom .cmp-cag .h4,.cmp-search-title.p-custom h4 {
      padding-bottom: 1pc
  }
}

.cmp-search-title__button {
  border: 2px solid #222;
  border-radius: 30px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc
}

.cmp-search-info__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cmp-search-info__logo {
  border-radius: 4px;
  height: 50px;
  overflow: hidden;
  width: 50px
}

@media only screen and (max-width: 576px) {
  .cmp-search-info__logo {
      height:40px;
      width: 40px
  }
}

.cmp-search-info__name {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  padding-left: 1pc
}

@media only screen and (max-width: 768px) {
  .cmp-search-info__name {
      font-size:14px
  }
}

.cmp-search-info__name div {
  font-weight: 700
}

.cmp-search-info__name span:first-child {
  padding-right: 9px;
  position: relative
}

.cmp-search-info__name span:first-child:after {
  color: #222;
  content: "•";
  font-size: 7px;
  line-height: 21px;
  position: absolute;
  right: 1.5px
}

.cmp-search-info__name span.bullet-removed:after {
  display: none
}

.cmp-search-info__via {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  font-weight: 400!important;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-search-info__via {
      font-size:14px
  }
}

.cmp-search-info__codeshare {
  word-wrap: break-word;
  color: #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 10px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 1pc;
  max-width: 30vw
}

@media only screen and (max-width: 768px) {
  .cmp-search-info__codeshare {
      font-size:9pt
  }
}

.cmp-search-info__codeshare span {
  color: #222;
  display: inline-block;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin-right: 4px
}

@media only screen and (max-width: 768px) {
  .cmp-search-info__codeshare span {
      font-size:14px
  }
}

.cmp-search-info__codeshare.link-disabled span {
  text-decoration: none
}

.cmp-search-info__codeshare div {
  margin-right: 8px
}

@media only screen and (max-width: 576px) {
  .cmp-search-info__codeshare div {
      display:block
  }

  .cmp-search-info__codeshare {
      display: block;
      margin: 10px 0;
      max-width: 60vw
  }
}

.cmp-search-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1pc;
  padding: 0 0 40px
}

.cmp-search-selector>div {
  position: relative;
  width: 25%
}

@media only screen and (max-width: 1024px) {
  .cmp-search-selector>div {
      -webkit-box-flex:1;
      -ms-flex: 1;
      flex: 1;
      width: 33%
  }

  .cmp-search-selector>div.advance {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 5pc
  }

  .cmp-search-selector.flight>div {
      width: 33%
  }
}

@media only screen and (max-width: 576px) {
  .cmp-search-selector {
      padding:24px 0
  }

  .cmp-search-selector>div {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      width: 40%
  }

  .cmp-search-selector>div.advance {
      -webkit-box-flex: 0;
      -ms-flex: none;
      flex: none;
      width: 50px
  }

  .cmp-search-selector.flight>div {
      width: 50%
  }
}

.cmp-search-selector .react-datepicker-wrapper {
  width: 100%
}

.cmp-search-selector .react-datepicker__week {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

.cmp-search-selector.en-locale .react-datepicker__month {
  margin: .4rem 0
}

.cmp-search-selector label {
  display: block;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 4px
}

.cmp-search-selector input:focus,.cmp-search-selector input:hover {
  border: 1px solid #7a35b0;
  outline: none!important
}

.cmp-search .react-datepicker__input-container {
  cursor: pointer;
  position: relative;
  z-index: 40
}

.cmp-search .react-datepicker__calendar-icon {
  padding: 1rem;
  right: 6px;
  top: 6px
}

.cmp-search-datepicker {
  background-color: #fff!important;
  border: 1px solid #222;
  border-radius: 8px;
  color: #222!important;
  padding: 9pt 14px 9pt 20px!important;
  position: relative;
  text-align: left;
  width: 100%
}

@media only screen and (max-width: 576px) {
  .cmp-search-datepicker {
      overflow:hidden;
      padding-right: 40px!important;
      text-overflow: ellipsis;
      white-space: nowrap
  }
}

.cmp-search-datepicker__input-wrap {
  cursor: pointer;
  position: relative
}

.cmp-search-datepicker__input-wrap:after {
  background-image: url(clientlib-site/resources/images/calendar_black.svg);
  content: " ";
  height: 24px;
  position: absolute;
  right: 9pt;
  top: 9pt;
  width: 24px
}

.cmp-search__checkbox {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cmp-search__checkbox label {
  border: 1px solid #222;
  border-radius: 4px;
  display: inline-block;
  height: 20px;
  margin-right: 8px;
  overflow: hidden;
  position: relative;
  width: 20px
}

.cmp-search__checkbox label input[type=checkbox] {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0
}

.cmp-search__checkbox label input[type=checkbox]:checked~.checkmark {
  background-color: #7a35b0;
  display: block
}

.cmp-search__checkbox label .checkmark {
  background-color: #eee;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  position: relative;
  top: 0;
  width: 100%
}

.cmp-search__checkbox label .checkmark:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  bottom: 0;
  content: " ";
  height: 10px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px
}

.cmp-search-selectTerminal span+div {
  border: 1px solid #222;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  padding: 9pt 40px 9pt 20px;
  position: relative
}

.cmp-search-selectTerminal span+div div {
  display: inline-grid;
  margin: 0;
  padding: 0;
  text-transform: capitalize
}

.cmp-search-selectTerminal span+div:after {
  background-image: url(clientlib-site/resources/images/search_filter-select.svg);
  content: " ";
  height: 24px;
  position: absolute;
  right: 9pt;
  top: 9pt;
  width: 24px
}

.cmp-search-selectTerminal span+div:hover {
  border: 1px solid #7a35b0
}

.cmp-search-selectTerminal .css-t3ipsp-control {
  border: 1px solid #222;
  border-radius: 8px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.cmp-search-selectTerminal .css-qbdosj-Input {
  margin: 0;
  padding: 0
}

.cmp-search-dropdown__menu-list {
  padding: 0!important
}

.cmp-search-dropdown__option--is-focused {
  background: #f7f7f7!important;
  color: #222!important
}

.cmp-search-dropdown__option--is-selected {
  background-color: #f7f7f7!important;
  color: #222!important
}

.cmp-search-dropdown__control input {
  border: 0!important
}

.cmp-search-dropdown__control--menu-is-open {
  border-color: #7a35b0!important
}

.cmp-search-dropdown__value-container {
  display: block!important
}

.cmp-search-dropdown__value-container span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%
}

.cmp-search-dropdown__value-container input {
  display: block;
  height: 0
}

@media only screen and (max-width: 576px) {
  .cmp-search-location {
      margin-top:0
  }
}

.cmp-search-noresults {
  padding: 60px 0;
  text-align: center
}

.cmp-search-noresults__icon {
  display: inline-block;
  height: 40px;
  position: relative;
  width: 40px
}

.cmp-search-noresults__icon:after {
  background-image: url(clientlib-site/resources/images/search-unable.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: " ";
  height: 40px;
  left: 0;
  position: absolute;
  width: 40px
}

.cmp-cag .cmp-search-noresults .h2,.cmp-search-noresults .cmp-cag .h2,.cmp-search-noresults h2 {
  font-weight: 700
}

.cmp-search-noresults__button {
  background-color: #222;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  display: table;
  margin: 24px auto 0;
  padding: 9pt 2pc
}

.cmp-search-location {
  grid-gap: 24px;
  display: grid;
  grid-template-columns: repeat(3,1fr)
}

@media only screen and (max-width: 1024px) {
  .cmp-search-location {
      grid-template-columns:repeat(2,1fr)
  }
}

@media only screen and (max-width: 768px) {
  .cmp-search-location {
      display:block;
      padding: 0
  }
}

.cmp-search-location__item {
  border: 1px solid #ccc;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  padding: 1pc 1pc 1pc 50px;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-search-location__item {
      font-size:1pc
  }
}

.cmp-search-location__item:after {
  background-image: url(clientlib-site/resources/images/plane_purple.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  content: " ";
  height: 24px;
  left: 1pc;
  position: absolute;
  top: 28%;
  width: 24px;
  z-index: 30
}

@media only screen and (max-width: 768px) {
  .cmp-search-location__item {
      margin-bottom:1pc
  }

  .cmp-search-location__item:last-child {
      margin-bottom: 0
  }
}

.cmp-search-content__item {
  padding-bottom: 40px
}

@media only screen and (max-width: 768px) {
  .cmp-search-content__item:first-child {
      padding-top:1pc
  }
}

.cmp-search-content__item em {
  background: #ccc;
  font-style: normal
}

.cmp-cag .cmp-search-content__title .h4,.cmp-search-content__title .cmp-cag .h4,.cmp-search-content__title h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-search-content__title .h4,.cmp-search-content__title .cmp-cag .h4,.cmp-search-content__title h4 {
      font-size:20px
  }
}

.cmp-search-content__desc {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-search-content__desc {
      font-size:1pc
  }
}

.cmp-search-modal {
  background: rgba(0,0,0,.7);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  visibility: hidden;
  z-index: 100
}

.cmp-search-modal__wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-name: animateShow;
  animation-name: animateShow;
  background: #fff;
  border-radius: 8px;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 80vh;
  left: 50%;
  max-width: 846px;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: calc(100% - 3pc);
  z-index: 120
}

@-webkit-keyframes animateShow {
  0% {
      opacity: 0;
      top: -80vh
  }

  to {
      opacity: 1;
      top: 50%
  }
}

@keyframes animateShow {
  0% {
      opacity: 0;
      top: -80vh
  }

  to {
      opacity: 1;
      top: 50%
  }
}

@media only screen and (max-width: 768px) {
  .cmp-search-modal__wrapper {
      height:100%;
      width: 100%
  }
}

.cmp-search-modal__wrapper::-webkit-scrollbar {
  width: 4px
}

.cmp-search-modal__wrapper::-webkit-scrollbar-track {
  background: #ccc
}

.cmp-search-modal__wrapper::-webkit-scrollbar-thumb,.cmp-search-modal__wrapper::-webkit-scrollbar-thumb:hover {
  background: #454545
}

.cmp-search-modal.show {
  opacity: 1;
  visibility: visible;
  z-index: 500
}

.cmp-search-modal.show .cmp-search-modal__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cmp-search-modal.hide .cmp-search-modal__wrapper {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  -webkit-animation-name: animateHide;
  animation-name: animateHide;
  top: -80vh
}

@-webkit-keyframes animateHide {
  0% {
      opacity: 1;
      top: 50%
  }

  to {
      opacity: 0;
      top: -80vh
  }
}

@keyframes animateHide {
  0% {
      opacity: 1;
      top: 50%
  }

  to {
      opacity: 0;
      top: -80vh
  }
}

.cmp-search-modal__header {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3.6px;
  line-height: 150%;
  padding: 40px 5% 24px;
  position: relative;
  text-transform: uppercase
}

.cmp-search-modal__close {
  cursor: pointer;
  display: inline-block;
  height: 24px;
  position: sticky;
  right: 24px;
  top: 24px;
  width: 100%;
  z-index: 30
}

.cmp-search-modal__close:after {
  background-image: url(clientlib-site/resources/images/close.svg);
  content: " ";
  height: 24px;
  position: absolute;
  right: 24px;
  top: 0;
  width: 24px;
  z-index: 30
}

.cmp-search-modal__title {
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: 700;
  padding: 1pc 5%;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-search-modal__content .cmp-search-modal__selection {
      display:none;
      margin-bottom: 0
  }

  .cmp-search-modal__content .cmp-search-modal__title:after {
      border: solid #222;
      border-width: 0 2px 2px 0;
      content: "";
      display: inline-block;
      padding: 3px;
      position: absolute;
      right: 24px;
      top: 45%;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg)
  }

  .cmp-search-modal__content.open .cmp-search-modal__selection {
      display: block
  }

  .cmp-search-modal__content.open .cmp-search-modal__title:after {
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg)
  }
}

.cmp-search-modal__selection {
  padding: 24px 5%!important
}

@media only screen and (max-width: 768px) {
  .cmp-search-modal__selection {
      -webkit-column-count:1;
      -moz-column-count: 1;
      column-count: 1
  }
}

.cmp-search-modal__selection li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 1pc;
  padding-right: 24px;
  width: 50%
}

@media only screen and (max-width: 768px) {
  .cmp-search-modal__selection li {
      padding-right:0;
      width: 100%
  }

  .cmp-search-modal__selection li:last-child {
      margin-bottom: 0
  }
}

.cmp-search-modal__selection input[type=checkbox] {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0
}

.cmp-search-modal__selection input[type=checkbox]:checked~.checkmark {
  background-color: #7a35b0;
  display: block
}

.cmp-search-modal__selection .checkmark {
  background-color: #eee;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  position: relative;
  top: 0;
  width: 100%
}

.cmp-search-modal__selection .checkmark:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  bottom: 0;
  content: " ";
  height: 10px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 3px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px
}

.cmp-search-modal__selection label {
  border: 1px solid #999;
  border-radius: 4px;
  height: 20px;
  margin-right: 1pc;
  width: 20px
}

.cmp-search-modal__button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: #222;
  bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  justify-content: center;
  margin-top: auto;
  padding: 24px 5%;
  position: sticky;
  width: 100%
}

.cmp-search-modal__btn.clear {
  border: 2px solid #fff;
  border-radius: 30px;
  color: #fff;
  cursor: pointer;
  padding: 9pt 2pc
}

.cmp-search-modal__btn.clear.disabled {
  border: 2px solid #e5e5e5;
  color: #e5e5e5;
  pointer-events: none
}

.cmp-search-modal__btn.primary {
  background-color: #fff;
  border: 2px solid #fff;
  border-radius: 30px;
  color: #222;
  cursor: pointer;
  font-weight: 700;
  padding: 9pt 2pc
}

.cmp-search-modal__btn.primary.disabled {
  background: #e5e5e5;
  border: 2px solid #e5e5e5;
  color: #ababab;
  pointer-events: none
}

.cmp-search .indicator {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #7a35b0;
  border-radius: 50%;
  bottom: 35px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9pt;
  font-style: normal;
  font-weight: 500;
  height: 22px;
  justify-content: center;
  left: 30px;
  position: absolute;
  text-align: center;
  width: 22px
}

.cmp-search-directory {
  grid-gap: 24px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  padding-top: 1pc
}

@media only screen and (max-width: 1024px) {
  .cmp-search-directory {
      grid-template-columns:repeat(2,1fr)
  }
}

@media only screen and (max-width: 576px) {
  .cmp-search-directory {
      grid-template-columns:repeat(1,1fr)
  }
}

.cmp-search-directory__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1pc
}

.cmp-search-directory__image {
  border-radius: 4px;
  height: 110px;
  min-width: 110px;
  overflow: hidden;
  width: 110px
}

.cmp-search-directory__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.cmp-search-directory__advance {
  background: url(clientlib-site/resources/images/filter.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  border: 1px solid #222;
  border-radius: 50%;
  bottom: 0;
  cursor: pointer;
  display: block;
  height: 3pc;
  padding: 20px;
  position: absolute;
  width: 3pc
}

.cmp-search-directory__content {
  padding-left: 1pc
}

.cmp-search-directory__title {
  font-size: 1pc;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-search-directory__title {
      font-size:1pc
  }
}

.cmp-search-directory__description {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-search-directory__description {
      font-size:14px
  }
}

.cmp-search-directory__description span {
  margin-right: 9px;
  position: relative;
  text-transform: capitalize
}

.cmp-search-directory__description span:after {
  color: #222;
  content: "•";
  font-size: 7px;
  line-height: 21px;
  position: absolute;
  right: -6.5px
}

.cmp-search-directory__description span:last-child {
  margin-right: 0
}

.cmp-search-directory__description span:last-child:after {
  display: none
}

.cmp-search-directory__description span.operating-status {
  color: #999;
  text-transform: none
}

.cmp-search.search-modal {
  background: #fff;
  color: #222;
  height: 0;
  left: 0;
  overflow-y: auto;
  position: absolute;
  -webkit-transition: .5s;
  transition: .5s;
  width: 100%;
  z-index: 250
}

.cmp-search.search-modal .cmp-search-banner {
  position: relative
}

.cmp-search.search-modal .cmp-search-banner__typed {
  bottom: 9pt;
  color: #999;
  left: 1pc;
  position: absolute
}

.cmp-search.search-modal .cmp-search-banner input {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  overflow: hidden;
  padding-right: 40px;
  text-overflow: ellipsis;
  white-space: nowrap
}

@media only screen and (max-width: 768px) {
  .cmp-search.search-modal .cmp-search-banner input {
      font-size:1pc
  }
}

.cmp-search.search-modal .cmp-search-banner input::-webkit-search-cancel-button,.cmp-search.search-modal .cmp-search-banner input::-webkit-search-decoration,.cmp-search.search-modal .cmp-search-banner input::-webkit-search-results-button,.cmp-search.search-modal .cmp-search-banner input::-webkit-search-results-decoration {
  -webkit-appearance: none
}

.cmp-search.search-modal .cmp-search-banner .close {
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 24px
}

.cmp-search.search-modal .cmp-search-banner .close:after {
  background-image: url(clientlib-site/resources/images/close.svg);
  content: " ";
  height: 24px;
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  z-index: 30
}

.cmp-search-keyword {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 20px
}

.cmp-search-keyword__item {
  border: 2px solid #222;
  border-radius: 30px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 9pt 2pc
}

.cmp-search-keyword__item.recent {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}

.cmp-search-keyword__item.recent .add-recent {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
  position: relative;
  width: 24px
}

.cmp-search-keyword__item.recent .add-recent:after {
  background-image: url(clientlib-site/resources/images/history.svg);
  content: " ";
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px
}

.cmp-search-keyword__item.recent .remove-recent {
  display: inline-block;
  height: 24px;
  margin-left: 8px;
  position: relative;
  width: 24px
}

.cmp-search-keyword__item.recent .remove-recent:after {
  background-image: url(clientlib-site/resources/images/close-gray.svg);
  content: " ";
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px
}

.cmp-search-carousel {
  width: 100%
}

.cmp-search-carousel__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  background-position: 50%;
  background-size: cover;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 15pc;
  justify-content: end;
  padding: 24px 2pc;
  position: relative
}

.cmp-search-carousel__item:before {
  background: -webkit-gradient(linear,left top,left bottom,from(rgba(34,34,34,0)),color-stop(35.42%,rgba(34,34,34,.5)),to(#222));
  background: linear-gradient(180deg,rgba(34,34,34,0),rgba(34,34,34,.5) 35.42%,#222);
  bottom: 0;
  content: "";
  left: 0;
  opacity: .7;
  position: absolute;
  right: 0;
  top: 0
}

.cmp-search-carousel__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-search-carousel__title {
      font-size:20px
  }
}

.cmp-search-carousel__link {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  position: relative
}

.cmp-search-carousel__link a {
  border: 2px solid;
  border-radius: 30px;
  display: inline-block;
  margin-top: 1pc;
  padding: 9pt 2pc
}

.cmp-cag .cmp-search-carousel__container .cmp-search-title .h4,.cmp-search-carousel__container .cmp-search-title .cmp-cag .h4,.cmp-search-carousel__container .cmp-search-title h4 {
  padding: 40px 5vw 24px
}

.cmp-search-carousel__container .swiper-pagination {
  --swiper-pagination-bottom: 24px;
  --swiper-pagination-color: #ffd200;
  --swiper-pagination-bullet-inactive-color: #e5e5e5;
  left: auto!important;
  right: 24px;
  width: auto!important
}

.selectric-wrapper {
  cursor: pointer;
  height: 100%;
  position: relative;
  width: 100%
}

.selectric-responsive {
  width: 100%
}

.selectric {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 9pt 14px 9pt 20px;
  position: relative
}

.selectric .label {
  color: #444;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin: 0 30px 0 0;
  min-height: 18px;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap
}

.selectric .button {
  background: url(clientlib-site/resources/images/icon-down.svg) no-repeat 50%;
  display: block;
  font: 0/0 a;
  height: 24px;
  right: 0;
  top: 0;
  width: 30px
}

@media \0 screen\, screen\9 {
  .selectric .button {
      color: #ddd;
      font: 20px/30px Lucida Sans Unicode,Arial Unicode MS,Arial;
      text-align: center
  }
}

.selectric-focus .selectric {
  border-color: #aaa
}

.selectric-hover .selectric {
  border-color: #ccc
}

.selectric-hover .selectric .button {
  color: #888
}

.selectric-hover .selectric .button:after {
  border-top-color: #888
}

.selectric-open {
  z-index: 90
}

.selectric-open .selectric-items {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: .3s cubic-bezier(.175,.885,.32,1.275);
  transition: .3s cubic-bezier(.175,.885,.32,1.275);
  visibility: visible
}

.selectric-disabled {
  cursor: default;
  filter: alpha(opacity=50);
  opacity: .5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.selectric-hide-select {
  height: 0;
  overflow: hidden;
  position: relative;
  width: 0
}

.selectric-hide-select select {
  left: -100%;
  position: absolute
}

.selectric-hide-select.selectric-is-native {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 10
}

.selectric-hide-select.selectric-is-native select {
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1
}

.selectric-input {
  clip: rect(0,0,0,0)!important;
  background: none!important;
  border: none!important;
  *font: 0/0 a!important;
  height: 1px!important;
  left: 0!important;
  margin: 0!important;
  outline: none!important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  top: 0!important;
  width: 1px!important
}

.selectric-temp-show {
  display: block!important;
  position: absolute!important;
  visibility: hidden!important
}

.selectric-items {
  background: #fefefe;
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  -webkit-box-shadow: 0 0 10px -6px,inset 0 0 0 1px #fff;
  box-shadow: 0 0 10px -6px,inset 0 0 0 1px #fff;
  left: 0;
  margin: 8px 0;
  opacity: 0;
  padding: 10px 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  visibility: hidden;
  z-index: -1
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto
}

.selectric-items:after,.selectric-items:before {
  border-bottom: 6px solid #bbb;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  height: 0;
  left: 9pt;
  margin-top: 3px;
  position: absolute;
  top: -9px;
  width: 0
}

.selectric-items:after {
  border-bottom-color: #fff;
  margin-top: 4px
}

.selectric-above .selectric-items:after,.selectric-above .selectric-items:before {
  border-bottom-width: 0;
  border-top: 6px solid #bbb;
  margin-top: 0;
  top: 100%
}

.selectric-above .selectric-items:after {
  border-top-color: #fff;
  margin-top: -1px
}

.selectric-above .selectric-items {
  bottom: 100%;
  top: auto
}

.selectric-items li,.selectric-items ul {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  list-style: none;
  margin: 0;
  min-height: 20px;
  padding: 0
}

.selectric-items li {
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  overflow: hidden;
  padding: 8px 20px;
  position: relative
}

.selectric-items li.selected {
  background: #e0e0e0;
  color: #444
}

.selectric-items li.highlighted {
  background: #f7f7f7;
  color: #000
}

.selectric-items li:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIgMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEwIj48cGF0aCBkPSJNMCA1YzAtLjIyNC4wNzItLjQxNS4yMTctLjU3MmwxLjA1My0xLjE0NWMuMTQ0LS4xNTcuMzItLjIzNi41MjYtLjIzNi4yMDYgMCAuMzgyLjA3OS41MjYuMjM2bDIuMjc2IDIuNDgzIDUuMDc5LTUuNTNjLjE0NS0uMTU3LjMyLS4yMzYuNTI2LS4yMzYuMjA2IDAgLjM4Mi4wNzkuNTI2LjIzNmwxLjA1MyAxLjE0NWMuMTQ0LjE1Ny4yMTcuMzQ4LjIxNy41NzIgMCAuMjI0LS4wNzIuNDE1LS4yMTcuNTcybC02LjY1OCA3LjIzOWMtLjE0NC4xNTctLjMyLjIzNi0uNTI2LjIzNi0uMjA2IDAtLjM4Mi0uMDc5LS41MjYtLjIzNmwtMy44NTYtNC4xOTJjLS4xNDUtLjE1Ny0uMjE3LS4zNDgtLjIxNy0uNTcyeiIgZmlsbD0iI2JiYiIvPjwvc3ZnPgo=) no-repeat 50% 50%;
  content: "";
  height: 100%;
  opacity: 0;
  position: absolute;
  right: -10px;
  top: 0;
  -webkit-transition: .2s;
  transition: .2s;
  width: 30px;
  z-index: 3
}

.selectric-items li.selected:after {
  opacity: 1;
  right: 0
}

.selectric-items li:hover {
  background: #f7f7f7;
  color: #000
}

.selectric-items .disabled {
  background: none!important;
  color: #666!important;
  cursor: default!important;
  filter: alpha(opacity=50);
  opacity: .5
}

.selectric-items .disabled,.selectric-items .selectric-group .selectric-group-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
  background: none;
  color: #444;
  cursor: default;
  font-weight: 700;
  padding-left: 10px
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1
}

.selectric-items .selectric-group li {
  padding-left: 25px
}

.cmp-slider {
  padding: 60px 5pc
}

@media only screen and (max-width: 1024px) {
  .cmp-slider {
      padding:40px 24px
  }
}

.cmp-slider_title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-slider_title {
      font-size:24px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-slider_title {
      margin-bottom:24px
  }
}

.cmp-slider_short-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin: 40px 0 20px
}

@media only screen and (max-width: 768px) {
  .cmp-slider_short-title {
      font-size:24px
  }
}

.cmp-slider_description {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  margin: 0 auto;
  max-width: 695px
}

@media only screen and (max-width: 768px) {
  .cmp-slider_description {
      font-size:1pc
  }
}

.cmp-slider_description p {
  margin: 0
}

.cmp-slider_image>img {
  aspect-ratio: 8/5;
  border-radius: 8px;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  text-align: center;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .cmp-slider_image>img {
      aspect-ratio:1
  }
}

.cmp-slider__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  max-width: 850px;
  position: relative;
  width: 100%
}

.cmp-slider__prev {
  background-position: 50%;
  border-radius: 8px;
  cursor: pointer;
  margin-left: auto;
  margin-right: 1pc;
  width: 20px
}

@media only screen and (max-width: 1024px) {
  .cmp-slider__prev {
      display:none
  }
}

.cmp-slider__next {
  background-position: 50%;
  border-radius: 8px;
  cursor: pointer;
  margin-left: 1pc;
  width: 20px
}

@media only screen and (max-width: 1024px) {
  .cmp-slider__next {
      display:none
  }
}

.cmp-slider_content {
  display: none
}

@media only screen and (max-width: 1024px) {
  .cmp-slider_content {
      display:block;
      padding-top: 50px
  }
}

.cmp-slider_content-desktop,.cmp-slider_content-desktop .cmp-slider_content {
  display: block
}

@media only screen and (max-width: 1024px) {
  .cmp-slider_content-desktop {
      display:none
  }
}

.cmp-slider .swiper {
  border-radius: 8px;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .cmp-slider .swiper {
      border-radius:none
  }
}

.cmp-slider .swiper-button-prev {
  left: -90pt
}

.cmp-slider .swiper-button-prev:after {
  background-image: url(clientlib-site/resources/images/Arrow_desktop_left.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 40px;
  width: 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-slider .swiper-button-prev:after {
      height:44px;
      width: 44px
  }
}

@media only screen and (max-width: 1290px) {
  .cmp-slider .swiper-button-prev {
      left:-60px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-slider .swiper-button-prev {
      left:50%;
      -webkit-transform: translateX(-120%);
      transform: translateX(-120%)
  }
}

.cmp-slider .swiper-button-next {
  right: -90pt
}

.cmp-slider .swiper-button-next:after {
  background-image: url(clientlib-site/resources/images/Arrow_desktop_right.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 40px;
  width: 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-slider .swiper-button-next:after {
      height:44px;
      width: 44px
  }
}

@media only screen and (max-width: 1290px) {
  .cmp-slider .swiper-button-next {
      right:-60px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-slider .swiper-button-next {
      right:50%;
      -webkit-transform: translateX(120%);
      transform: translateX(120%)
  }
}

.cmp-slider .swiper-button-next,.cmp-slider .swiper-button-prev {
  top: 50%;
  width: 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-slider .swiper-button-next,.cmp-slider .swiper-button-prev {
      top:88vw
  }
}

@media only screen and (max-width: 924px) {
  .cmp-slider .swiper-button-next,.cmp-slider .swiper-button-prev {
      top:100vw;
      width: 44px
  }
}

.cmp-slider .swiper .swiper-slide {
  background-position: 50%;
  background-size: cover;
  height: auto;
  width: 100%!important
}

.cmp-cag .cmp-slider_btn {
  background: none;
  border: 0;
  margin-top: 24px
}

.cmp-cag .cmp-slider_btn a {
  border-radius: 30px;
  padding: 1pc 2pc;
  text-decoration: none;
  text-transform: capitalize
}

.cmp-cardlisting--slider {
  padding: 40px 5vw 60px
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--slider {
      padding:0 24px 40px
  }
}

.cmp-cardlisting--slider .cmp-slider__wrapper {
  margin: 0 auto;
  max-width: 845px
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--slider .cmp-slider__wrapper {
      display:block;
      max-width: 1061px
  }
}

.cmp-cardlisting--slider .cmp-slider__wrapper .cmp-slider__next-container,.cmp-cardlisting--slider .cmp-slider__wrapper .cmp-slider__prev-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: absolute;
  width: 72px
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--slider .cmp-slider__wrapper .cmp-slider__next-container,.cmp-cardlisting--slider .cmp-slider__wrapper .cmp-slider__prev-container {
      display:none
  }
}

.cmp-cardlisting--slider .cmp-slider__wrapper .cmp-slider__prev-container {
  left: -70px
}

.cmp-cardlisting--slider .cmp-slider__wrapper .cmp-slider__next-container {
  right: -70px
}

.cmp-cardlisting--slider .cmp-slider__wrapper .swiper {
  padding-bottom: 0;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--slider .cmp-slider__wrapper .swiper {
      -webkit-box-pack:center;
      -ms-flex-pack: center;
      -webkit-column-gap: 9pt;
      -moz-column-gap: 9pt;
      column-gap: 9pt;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      justify-content: center;
      row-gap: 24px
  }
}

.cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-next,.cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-prev {
  cursor: pointer;
  height: 40px;
  margin-top: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-next,.cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-prev {
      height:44px;
      position: relative;
      top: 0;
      -webkit-transform: none;
      transform: none;
      width: 44px
  }
}

.cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-next:after,.cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-prev:after {
  background-image: url(clientlib-site/resources/images/Arrow_desktop_left.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 40px;
  width: 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-next:after,.cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-prev:after {
      height:44px;
      width: 44px
  }

  .cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-next,.cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-prev {
      display: none
  }
}

.cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-prev {
  left: -8pc;
  margin-right: 44px
}

.cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-prev:after {
  background-image: url(clientlib-site/resources/images/Arrow_desktop_left.svg)
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-prev {
      -webkit-box-ordinal-group:3;
      -ms-flex-order: 2;
      left: auto;
      margin-right: 0;
      order: 2
  }
}

.cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-next {
  margin-left: 44px;
  right: -8pc
}

.cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-next:after {
  background-image: url(clientlib-site/resources/images/Arrow_desktop_right.svg)
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--slider .cmp-slider__wrapper .swiper-button-next {
      -webkit-box-ordinal-group:4;
      -ms-flex-order: 3;
      margin-left: 0;
      order: 3;
      right: auto
  }
}

.cmp-cardlisting--slider .cmp-slider__wrapper .swiper .swiper-button-next,.cmp-cardlisting--slider .cmp-slider__wrapper .swiper .swiper-button-prev {
  display: none
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--slider .cmp-slider__wrapper .swiper .swiper-button-next,.cmp-cardlisting--slider .cmp-slider__wrapper .swiper .swiper-button-next:after,.cmp-cardlisting--slider .cmp-slider__wrapper .swiper .swiper-button-prev,.cmp-cardlisting--slider .cmp-slider__wrapper .swiper .swiper-button-prev:after {
      display:block
  }
}

.cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__card {
  border: 0;
  border-radius: 0
}

.cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__card>:first-child {
  border-radius: 8px;
  overflow: hidden
}

.cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__card .cmp-teaser__image .cmp-image__image {
  aspect-ratio: 3/2;
  -o-object-fit: cover;
  object-fit: cover
}

.cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__card .cmp-teaser__image .cmp-image__title {
  display: none
}

.cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__content {
  display: none;
  padding: 0;
  text-align: center
}

.cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__title .cmp-title__text {
  color: #222;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin-top: 0
}

@media only screen and (max-width: 768px) {
  .cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__title .cmp-title__text {
      font-size:24px
  }
}

.cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__video {
  display: block;
  position: relative
}

.cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__video .play-button {
  cursor: pointer;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__video .play-button img {
  height: 88px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 88px
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__video .play-button img {
      height:3pc;
      width: 3pc
  }
}

.cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__description {
  color: #222;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  margin-top: 20px
}

@media only screen and (max-width: 768px) {
  .cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__description {
      font-size:1pc
  }
}

.cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__action-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 24px
}

.cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__action-container a {
  display: inline-block
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--slider .cmp-teaser.cmp-card--default .cmp-teaser__action-container {
      margin-top:30px
  }
}

.cmp-cardlisting--slider .cmp-slider__content {
  margin: 40px auto 0;
  max-width: 695px
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--slider .cmp-slider__content {
      margin-top:24px
  }
}

.cmp-cardlisting--slider .cmp-slider__content.cmp-teaser .cmp-teaser__content:first-child {
  display: block
}

.cmp-teaser.cmp-card--default .cmp-swiper--carousel .swiper-wrapper .cmp-teaser__title .cmp-title__text {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden
}

body {
  overflow-x: hidden
}

.block {
  left: 0;
  position: absolute
}

.card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0
}

.card-header {
  background-color: rgba(0,0,0,.03);
  border-bottom: 1px solid rgba(0,0,0,.125);
  margin-bottom: 0;
  padding: .75rem 1.25rem
}

.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem
}

.sliderContainer {
  background: #f7f9fa;
  border-radius: 2px;
  color: #45494c;
  line-height: 40px;
  position: relative;
  text-align: center
}

.sliderbg {
  background-color: #f7f9fa;
  border: 1px solid #e6e8eb;
  border-radius: 2px;
  height: 40px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.sliderContainer_active .slider {
  border: 1px solid #1991fa;
  top: -1px
}

.sliderContainer_active .sliderMask {
  border-width: 1px 0 1px 1px
}

.sliderContainer_success {
  pointer-events: none
}

.sliderContainer_success .slider {
  border: 1px solid #52ccba;
  top: -1px
}

.sliderContainer_success .sliderMask {
  background-color: #d2f4ef;
  border: 1px solid #52ccba;
  border-right-width: 0
}

.sliderContainer_success .sliderIcon:before {
  background: url(clientlib-site/resources/images/small-check.png) no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px
}

.sliderContainer_fail .slider {
  background-color: #f57a7a!important;
  border: 1px solid #f57a7a;
  top: -1px
}

.sliderContainer_fail .sliderMask {
  background-color: #fce1e1;
  border: 1px solid #f57a7a;
  border-right-width: 0
}

.sliderContainer_fail .sliderIcon:before {
  content: ""
}

.sliderContainer_active .sliderText,.sliderContainer_fail .sliderText,.sliderContainer_success .sliderText {
  display: none
}

.sliderMask {
  background: #d1e9fe;
  border: 0 solid #1991fa
}

.slider,.sliderMask {
  border-radius: 2px;
  height: 40px;
  left: 0;
  position: absolute;
  top: 0
}

.slider {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
  box-shadow: 0 0 3px rgba(0,0,0,.3);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-transition: background .2s linear;
  transition: background .2s linear;
  width: 40px
}

.slider:hover {
  background: none
}

.sliderText {
  position: relative
}

.sliderIcon:before {
  background: url(clientlib-site/resources/images/arrow-icon.svg);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  vertical-align: sub;
  width: 20px
}

.refreshIcon {
  color: rgba(0,0,0,.25);
  cursor: pointer;
  font-size: 1rem;
  margin: 6px;
  position: absolute;
  right: -8px;
  top: -40px;
  -webkit-transition: color .3s linear;
  transition: color .3s linear;
  z-index: 5
}

.refreshIcon:before {
  background: url(clientlib-site/resources/images/refresh.svg);
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px
}

.refreshIcon:hover {
  color: #6c757d
}

.card-body {
  border: 1px solid #000;
  border-radius: 8px;
  display: inline-block;
  margin-top: 24px;
  padding: 20px;
  width: auto
}

.card-body>p {
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 0;
  text-align: center
}

.sliderContainer.sliderContainer_active,.sliderContainer.sliderContainer_fail,.sliderContainer.sliderContainer_success {
  margin-bottom: 40px
}

#captcha.disabled:after {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(0,0,0,.5);
  color: #fff;
  content: "Too many CAPTCHA attempts. Please try again later.";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  top: 0;
  width: calc(100% - 20px)
}

#captcha.disabled .refreshIcon {
  display: none
}

.share .cmp-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1pc;
  margin: 0;
  padding: 1pc 0
}

.share .cmp-list .cmp-list__item {
  height: 24px;
  list-style-type: none;
  width: 24px
}

.share .cmp-list .cmp-list__item img {
  height: 100%;
  width: 100%
}

@media screen and (min-width: 992px) {
  .share {
      float:none!important;
      max-width: 843px
  }

  .share .cmp-list {
      max-width: 410px;
      padding: 1pc 0
  }
}

.iconLinks {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px
}

.iconLinks,.iconLinks .cmp-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.iconLinks .cmp-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0
}

.iconLinks .cmp-list__item {
  list-style: none
}

.iconLinks .cmp-list__item.download-disabled {
  cursor: not-allowed;
  opacity: .3;
  pointer-events: none
}

.iconLinks .cmp-list__item a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #222;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  gap: 8px;
  line-height: 120%;
  line-height: 150%;
  margin: 0 9pt;
  text-decoration: none
}

@media only screen and (max-width: 768px) {
  .iconLinks .cmp-list__item a {
      font-size:1pc
  }

  .iconLinks .cmp-list__item a span {
      display: none
  }
}

.iconLinks .cmp-list .cmp-copy-url-icon {
  content: url(clientlib-site/resources/images/au_share.svg);
  height: 24px;
  width: 24px
}

.iconLinks .cmp-list .cmp-copy-url-copied-icon {
  content: url(clientlib-site/resources/images/tick.svg);
  height: 24px;
  width: 24px
}

.iconLinks .cmp-list .cmp-download-pdf-result-icon {
  content: url(clientlib-site/resources/images/au_download.svg);
  height: 24px;
  width: 24px
}

.iconLinks .cmp-list .hide-icon:before {
  content: none
}

.cmp-cardlisting—car--padding {
  padding: 60px 0
}

@media only screen and (max-width: 768px) {
  .cmp-cardlisting—car--padding {
      padding:40px 0
  }
}

.cmp-subsection--default .cmp-banner__title .cmp-title__text,.cmp-subsection--primary .cmp-banner__title .cmp-title__text {
  color: #121212;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-subsection--default .cmp-banner__title .cmp-title__text,.cmp-subsection--primary .cmp-banner__title .cmp-title__text {
      font-size:24px
  }
}

.cmp-subsection--default .cmp-banner__description .cmp-text p,.cmp-subsection--primary .cmp-banner__description .cmp-text p {
  color: #121212;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  margin: 1pc 0 24px
}

@media only screen and (max-width: 768px) {
  .cmp-subsection--default .cmp-banner__description .cmp-text p,.cmp-subsection--primary .cmp-banner__description .cmp-text p {
      font-size:1pc
  }
}

@media screen and (min-width: 992px) {
  .cmp-subsection--default,.cmp-subsection--primary {
      -webkit-box-align:center;
      -ms-flex-align: center;
      align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
  }

  .cmp-subsection--default .cmp-banner__description .cmp-text p,.cmp-subsection--primary .cmp-banner__description .cmp-text p {
      margin: 24px 0
  }
}

.cmp-subsection--primary {
  height: 100%;
  width: 100%
}

@media only screen and (max-width: 576px) {
  .cmp-subsection--primary {
      padding-bottom:24px
  }
}

.cmp-col--statistics.cmp-custom-container {
  padding-bottom: 40px;
  padding-top: 40px
}

@media only screen and (max-width: 767px) {
  .cmp-col--statistics .row {
      margin-left:0;
      margin-right: 0
  }

  .cmp-col--statistics .row>[class^=col] {
      padding: 0 0 24px
  }

  .cmp-col--statistics .row>[class^=col]+[class^=col] {
      border-top: thin solid #ccc;
      padding-top: 24px
  }

  .cmp-col--statistics .row>[class^=col]:last-child {
      padding-bottom: 0
  }
}

.cmp-subsection--statistics .cmp-text__content {
  text-align: center
}

.cmp-subsection--statistics .cmp-text__content .cmp-banner__pre-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  margin: auto auto 8px;
  max-width: 23pc
}

@media only screen and (max-width: 768px) {
  .cmp-subsection--statistics .cmp-text__content .cmp-banner__pre-title {
      font-size:18px
  }
}

@media only screen and (max-width: 767px) {
  .cmp-subsection--statistics .cmp-text__content .cmp-banner__pre-title {
      max-width:327px
  }
}

.cmp-subsection--statistics .cmp-text__content .cmp-banner__title {
  color: #7a35b0;
  font-size: 72px;
  font-weight: 400;
  line-height: 120%;
  margin: auto;
  max-width: 410px
}

@media only screen and (max-width: 768px) {
  .cmp-subsection--statistics .cmp-text__content .cmp-banner__title {
      font-size:56px
  }
}

@media only screen and (max-width: 767px) {
  .cmp-subsection--statistics .cmp-text__content .cmp-banner__title {
      max-width:327px
  }
}

.cmp-subsection--statistics .cmp-text__content .cmp-banner__title>div {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center
}

.cmp-subsection--statistics .cmp-text__content .cmp-banner__title span {
  color: #7a35b0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-subsection--statistics .cmp-text__content .cmp-banner__title span {
      font-size:18px
  }
}

.cmp-subsection--statistics .cmp-text__content .cmp-banner__description {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin: auto;
  max-width: 410px
}

@media only screen and (max-width: 767px) {
  .cmp-subsection--statistics .cmp-text__content .cmp-banner__description {
      max-width:327px
  }
}

.cmp-subsection--statistics .cmp-text__content .cmp-banner__description .cmp-text>:first-child {
  margin-top: 8px
}

.cmp-subsection--statistics .cmp-text__content .cmp-banner__description .cmp-text p {
  margin: 0
}

.cmp-swiper-results .subsectiontext {
  margin: auto;
  max-width: 879px;
  text-align: center
}

.cmp-swiper-results .subsectiontext .cmp-title__text {
  color: #222
}

.cmp-tabs--default .cmp-tabs__tab {
  color: #ababab
}

.cmp-tabs--default .cmp-tabs__title {
  margin: 0 auto;
  padding: 0 0 1pc 24px
}

.cmp-tabs--default .cmp-tabs__text {
  color: #000;
  font-size: var(--fontSizeMedium,18px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%
}

.cmp-tabs--default ol.cmp-tabs__tablist {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  justify-content: space-between
}

.cmp-tabs--default[class*=cmp-tabs-secondary] .cmp-tabs__tab {
  border: none;
  color: #454545;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 150%;
  margin-right: 0;
  padding: 9pt 24px
}

@media only screen and (max-width: 768px) {
  .cmp-tabs--default[class*=cmp-tabs-secondary] .cmp-tabs__tab {
      font-size:14px
  }
}

.cmp-tabs--default[class*=cmp-tabs-secondary] .cmp-tabs__tab--active {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #222;
  border: none;
  border-radius: 75pt;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}

.cmp-tabs--default.cmp-tabs-secondary-small .cmp-tabs__tab {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 150%;
  margin-right: 0;
  padding: 4px 1pc
}

@media only screen and (max-width: 768px) {
  .cmp-tabs--default.cmp-tabs-secondary-small .cmp-tabs__tab {
      font-size:14px
  }
}

.cmp-tabs--default .cmp-tabs__tab--active {
  color: #222
}

.cmp-tabs--default .cmp-container {
  background: none
}

.cmp-tabs--default li.cmp-tabs__tab.cmp-tabs__tab--active .tab-active-icon {
  display: block
}

.cmp-tabs--default img.tab-active-icon,.cmp-tabs--default li.cmp-tabs__tab.cmp-tabs__tab--active .tab-inactive-icon {
  display: none
}

.cmp-tabs--default .tab-inactive-icon {
  display: block
}

.cmp-tabs--default.cmp-tabs--sticky,.cmp-tabs--default.sticky-tabs {
  background: none;
  position: relative;
  top: auto
}

.cmp-tabs--default.cmp-tabs--sticky .cmp-list-items,.cmp-tabs--default.sticky-tabs .cmp-list-items {
  position: sticky;
  top: 0;
  width: auto;
  z-index: 11
}

.cmp-tabs--default.cmp-tabs-primary>.cmp-tabs>.cmp-tabs__tablist>.cmp-tabs__tab,.cmp-tabs--default.cmp-tabs-primary>.cmp-tabs>.sticky-wrapper>.cmp-tabs__tablist>.cmp-tabs__tab {
  padding-bottom: 1pc
}

.cmp-tabs--default.cmp-tabs-secondary-small>.cmp-tabs>.cmp-tabs__tablist>.cmp-tabs__tab,.cmp-tabs--default.cmp-tabs-secondary-small>.cmp-tabs>.sticky-wrapper>.cmp-tabs__tablist>.cmp-tabs__tab {
  margin-bottom: 24px
}

.cmp-tabs--default.cmp-tabs-jc--sa>.cmp-tabs>.cmp-tabs__tablist {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.cmp-tabs--default.cmp-tabs-jc--se>.cmp-tabs>.cmp-tabs__tablist {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

.cmp-tabs--default.cmp-tabs-jc--sb>.cmp-tabs>.cmp-tabs__tablist {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.cmp-tabs--default.cmp-tabs-jc--start>.cmp-tabs>.cmp-tabs__tablist {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.cmp-tabs--default.cmp-tabs-jc--center>.cmp-tabs>.cmp-tabs__tablist {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.cmp-tabs--default.cmp-tabs-jc--sa>.cmp-tabs>.sticky-wrapper>.cmp-tabs__tablist {
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.cmp-tabs--default.cmp-tabs-jc--se>.cmp-tabs>.sticky-wrapper>.cmp-tabs__tablist {
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly
}

.cmp-tabs--default.cmp-tabs-jc--sb>.cmp-tabs>.sticky-wrapper>.cmp-tabs__tablist {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.cmp-tabs--default.cmp-tabs-jc--start>.cmp-tabs>.sticky-wrapper>.cmp-tabs__tablist {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.cmp-tabs--default.cmp-tabs-jc--center>.cmp-tabs>.sticky-wrapper>.cmp-tabs__tablist {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.cmp-text--table a {
  color: #7a35b0;
  text-decoration: none
}

.cmp-text--table a:hover {
  text-decoration: underline
}

.cmp-text--table .cmp-text {
  max-height: 632px;
  overflow: auto;
  width: 100%
}

.cmp-text--table .cmp-text::-webkit-scrollbar {
  height: 3px;
  width: 3px
}

.cmp-text--table .cmp-text::-webkit-scrollbar-thumb {
  background-color: #222
}

.cmp-text--table .cmp-text::-webkit-scrollbar-track {
  background-color: #ccc
}

.cmp-text--table table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  width: 100%
}

.cmp-text--table table tr:first-child {
  background: #f7f7f7;
  height: 56px
}

.cmp-text--table table tr {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  height: 72px
}

.cmp-text--table table tr td,.cmp-text--table table tr th {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  min-width: 140px;
  padding-left: 24px;
  text-align: left!important;
  white-space: nowrap
}

.cmp-text--table table tr th {
  font-weight: 700
}

.cmp-text--table table tr td {
  color: #222;
  font-weight: 400
}

.cmp-text--table table tr td:nth-child(2),.cmp-text--table table tr th:nth-child(2) {
  min-width: 162px
}

.cmp-text--table table tr td:last-child {
  padding-right: 24px
}

@media screen and (min-width: 992px) {
  .cmp-text--table table tr td,.cmp-text--table table tr th {
      min-width:140px
  }

  .cmp-text--table .cmp-text {
      overflow-x: auto
  }
}

@media screen and (min-width: 1133px)and (min-height:744px) {
  .cmp-text--table .cmp-text {
      max-height:920px
  }
}

@media screen and (min-width: 744px)and (min-height:1133px) {
  .cmp-text--table .cmp-text {
      max-height:520px
  }
}

@media screen and (min-width: 1440px)and (min-height:960px) {
  .cmp-text--table .cmp-text {
      max-height:776px
  }
}

@media only screen and (width: 390px)and (height:844px)and (-webkit-device-pixel-ratio:3) {
  .cmp-text--table .cmp-text::-webkit-scrollbar {
      height:3px;
      width: 3px
  }

  .cmp-text--table .cmp-text::-webkit-scrollbar-thumb {
      background-color: #222
  }

  .cmp-text--table .cmp-text::-webkit-scrollbar-track {
      background-color: #ccc
  }
}

.tabslink {
  border-bottom: 1px solid #ccc;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 40px;
  position: relative
}

.tabslink.cmp-tabs-left-indent {
  width: 100%
}

.tabslink.cmp-tabs-left-align .section-margin {
  margin: 0
}

.tabslink.cmp-tabs-center-align .section-margin {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.tabslink.cmp-tabs-primary .section-margin a:hover {
  border: none;
  color: #454545;
  -webkit-transition: .6s;
  transition: .6s
}

.tabslink.cmp-tabs-primary .section-margin a.activetab {
  border-color: #7a35b0;
  color: #222;
  -webkit-transition: .6s;
  transition: .6s
}

.tabslink.cmp-tabs-primary .section-margin a.activetab:hover {
  border-bottom: 3px solid #7a35b0;
  color: #222;
  -webkit-transition: .6s;
  transition: .6s
}

.tabslink.cmp-tabs-secondary {
  border-bottom: none
}

.tabslink.cmp-tabs-secondary .section-margin a {
  background: transparent;
  color: #454545
}

.tabslink.cmp-tabs-secondary .section-margin a,.tabslink.cmp-tabs-secondary .section-margin a.activetab,.tabslink.cmp-tabs-secondary .section-margin a:hover {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  padding: 9pt 24px
}

.tabslink.cmp-tabs-secondary .section-margin a.activetab,.tabslink.cmp-tabs-secondary .section-margin a:hover {
  background: #222;
  border-radius: 75pt;
  color: #fff
}

.tabslink.cmp-tabs-secondary-small {
  border-bottom: none
}

.tabslink.cmp-tabs-secondary-small .section-margin a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: transparent;
  color: #454545;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  justify-content: center;
  letter-spacing: 2.8px;
  line-height: 150%;
  padding: 4px 1pc;
  white-space: nowrap
}

@media only screen and (max-width: 768px) {
  .tabslink.cmp-tabs-secondary-small .section-margin a {
      font-size:14px
  }
}

.tabslink.cmp-tabs-secondary-small .section-margin a.activetab,.tabslink.cmp-tabs-secondary-small .section-margin a:hover {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #222;
  border-radius: 75pt;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  padding: 4px 1pc
}

@media only screen and (max-width: 1024px) {
  .tabslink {
      padding-left:0;
      padding-right: 0
  }
}

.tabslink .section-margin {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -ms-overflow-style: none;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0 auto;
  overflow-x: scroll;
  scrollbar-width: none;
  width: 100%
}

.tabslink .section-margin ::-webkit-scrollbar {
  display: none
}

.tabslink .section-margin a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-negative: 0;
  align-items: center;
  border-bottom: 3px solid transparent;
  color: #ababab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  letter-spacing: 2.8px;
  line-height: 120%;
  margin-left: 20px;
  padding-bottom: 1pc;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

@media only screen and (max-width: 768px) {
  .tabslink .section-margin a {
      font-size:18px;
      letter-spacing: .18pc
  }
}

.tabslink .section-margin a:first-child {
  margin-left: 0
}

@media only screen and (max-width: 1024px) {
  .tabslink .section-margin a:first-child {
      margin-left:24px
  }

  .tabslink .section-margin a:last-child {
      padding-right: 24px
  }
}

.tabslink .section-margin a img {
  height: 24px;
  max-width: 24px;
  width: 100%
}

.cmp-directorydetail-tabs .cmp-tabs,.cmp-tabs--default .cmp-tabs {
  position: relative
}

.cmp-directorydetail-tabs .cmp-tabs__tablist,.cmp-tabs--default .cmp-tabs__tablist {
  -ms-overflow-style: none;
  border-bottom: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0 auto;
  padding: 0;
  scrollbar-width: none;
  white-space: nowrap;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .cmp-tabs__tablist,.cmp-tabs--default .cmp-tabs__tablist {
      padding:0 24px
  }
}

.cmp-directorydetail-tabs .cmp-tabs__tablist::-webkit-scrollbar,.cmp-tabs--default .cmp-tabs__tablist::-webkit-scrollbar {
  display: none
}

.cmp-directorydetail-tabs .cmp-tabs .sticky-directorydetail-head,.cmp-tabs--default .cmp-tabs .sticky-directorydetail-head {
  background: #f7f7f7;
  border-bottom: 1px solid #ccc;
  padding-top: 40px;
  position: sticky;
  top: 0;
  z-index: 11
}

.cmp-directorydetail-tabs .cmp-tabs .sticky-directorydetail-head .sticky-directorydetail-body,.cmp-tabs--default .cmp-tabs .sticky-directorydetail-head .sticky-directorydetail-body {
  margin: 0 auto;
  max-width: 846px;
  width: auto
}

.cmp-directorydetail-tabs .cmp-tabs .sticky-directorydetail-head .sticky-directorydetail-body .cmp-tabs__tablist,.cmp-tabs--default .cmp-tabs .sticky-directorydetail-head .sticky-directorydetail-body .cmp-tabs__tablist {
  border: 0
}

.cmp-directorydetail-tabs .cmp-tabs .sticky-directorydetail-head .cmp-tabs__control .next,.cmp-tabs--default .cmp-tabs .sticky-directorydetail-head .cmp-tabs__control .next {
  background: -webkit-gradient(linear,right top,left top,color-stop(49.41%,#f7f7f7),to(hsla(0,0%,100%,0)));
  background: linear-gradient(270deg,#f7f7f7 49.41%,hsla(0,0%,100%,0))
}

.cmp-directorydetail-tabs .cmp-tabs .sticky-directorydetail-head .cmp-tabs__control .prev,.cmp-tabs--default .cmp-tabs .sticky-directorydetail-head .cmp-tabs__control .prev {
  background: -webkit-gradient(linear,left top,right top,color-stop(49.41%,#f7f7f7),to(hsla(0,0%,100%,0)));
  background: linear-gradient(90deg,#f7f7f7 49.41%,hsla(0,0%,100%,0))
}

.cmp-directorydetail-tabs .cmp-tabs__control,.cmp-tabs--default .cmp-tabs__control {
  left: 0;
  margin: 0 auto;
  position: relative;
  right: 0;
  top: 0;
  width: 100%
}

.cmp-directorydetail-tabs .cmp-tabs__control+.cmp-tabs__tablist,.cmp-tabs--default .cmp-tabs__control+.cmp-tabs__tablist {
  position: relative;
  z-index: 10
}

.cmp-directorydetail-tabs .cmp-tabs__control .prev,.cmp-tabs--default .cmp-tabs__control .prev {
  background: -webkit-gradient(linear,left top,right top,color-stop(49.41%,#fff),to(hsla(0,0%,100%,0)));
  background: linear-gradient(90deg,#fff 49.41%,hsla(0,0%,100%,0));
  cursor: pointer;
  left: 0;
  position: absolute;
  width: calc(60px + 5vw);
  z-index: 12
}

.cmp-directorydetail-tabs .cmp-tabs__control .prev:after,.cmp-tabs--default .cmp-tabs__control .prev:after {
  bottom: 0;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='m16.328 6.25-5.5 5.5 5.5 5.5-1.414 1.414L8 11.75l6.914-6.914z' fill='%23222' clip-rule='evenodd'/%3E%3C/svg%3E");
  display: block;
  height: 24px;
  left: 5vw;
  margin: 0 auto;
  position: absolute;
  right: auto;
  top: 0;
  width: 24px
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .cmp-tabs__control .prev:after,.cmp-tabs--default .cmp-tabs__control .prev:after {
      right:0
  }
}

@media only screen and (max-width: 768px) {
  .cmp-directorydetail-tabs .cmp-tabs__control .prev,.cmp-tabs--default .cmp-tabs__control .prev {
      width:60px
  }

  .cmp-directorydetail-tabs .cmp-tabs__control .prev:after,.cmp-tabs--default .cmp-tabs__control .prev:after {
      left: 0
  }
}

.cmp-directorydetail-tabs .cmp-tabs__control .next,.cmp-tabs--default .cmp-tabs__control .next {
  background: -webkit-gradient(linear,right top,left top,color-stop(49.41%,#fff),to(hsla(0,0%,100%,0)));
  background: linear-gradient(270deg,#fff 49.41%,hsla(0,0%,100%,0));
  cursor: pointer;
  position: absolute;
  right: 0;
  width: calc(60px + 5vw);
  z-index: 12
}

.cmp-directorydetail-tabs .cmp-tabs__control .next:after,.cmp-tabs--default .cmp-tabs__control .next:after {
  bottom: 0;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='m7.672 17.25 5.5-5.5-5.5-5.5 1.414-1.414L16 11.75l-6.914 6.914z' fill='%23222' clip-rule='evenodd'/%3E%3C/svg%3E");
  display: block;
  height: 24px;
  left: auto;
  margin: 0 auto;
  position: absolute;
  right: 5vw;
  top: 0;
  width: 24px
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .cmp-tabs__control .next:after,.cmp-tabs--default .cmp-tabs__control .next:after {
      left:0
  }
}

@media only screen and (max-width: 768px) {
  .cmp-directorydetail-tabs .cmp-tabs__control .next,.cmp-tabs--default .cmp-tabs__control .next {
      width:60px
  }

  .cmp-directorydetail-tabs .cmp-tabs__control .next:after,.cmp-tabs--default .cmp-tabs__control .next:after {
      right: 0
  }
}

.cmp-directorydetail-tabs .cmp-tabs__tab,.cmp-tabs--default .cmp-tabs__tab {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 3px solid transparent;
  color: #ababab;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 8px;
  letter-spacing: 2.8px;
  line-height: 120%;
  margin-right: 2pc;
  outline: none;
  padding: 0 0 1pc;
  text-indent: 2.8px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-directorydetail-tabs .cmp-tabs__tab,.cmp-tabs--default .cmp-tabs__tab {
      font-size:18px;
      letter-spacing: .18pc
  }
}

.cmp-directorydetail-tabs .cmp-tabs__tab--active,.cmp-tabs--default .cmp-tabs__tab--active {
  border-color: #7a35b0;
  color: #222
}

.cmp-directorydetail-tabs .cmp-tabs__tab:last-child,.cmp-tabs--default .cmp-tabs__tab:last-child {
  margin-right: 0
}

.cmp-directorydetail-tabs .cmp-tabs__tab {
  margin: 0;
  width: auto
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .sticky-directorydetail-body {
      padding:0 24px
  }
}

.cmp-directorydetail-tabs .cmp_directory-tabs__menu .swiper-button-next-custom,.cmp-directorydetail-tabs .cmp_directory-tabs__menu .swiper-button-prev-custom,.cmp-directorydetail-tabs .sticky-directorydetail-body .swiper-button-next-custom,.cmp-directorydetail-tabs .sticky-directorydetail-body .swiper-button-prev-custom {
  cursor: pointer;
  height: 2pc;
  margin-top: -24px;
  width: 60px;
  z-index: 12
}

.cmp-directorydetail-tabs .cmp_directory-tabs__menu .swiper-button-next-custom:after,.cmp-directorydetail-tabs .cmp_directory-tabs__menu .swiper-button-prev-custom:after,.cmp-directorydetail-tabs .sticky-directorydetail-body .swiper-button-next-custom:after,.cmp-directorydetail-tabs .sticky-directorydetail-body .swiper-button-prev-custom:after {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  bottom: 0;
  content: " ";
  display: block;
  height: 9pt;
  margin: 0 auto;
  position: absolute;
  top: 30%;
  width: 9pt
}

.cmp-directorydetail-tabs .cmp_directory-tabs__menu .swiper-button-prev-custom,.cmp-directorydetail-tabs .sticky-directorydetail-body .swiper-button-prev-custom {
  background: -webkit-gradient(linear,right top,left top,color-stop(10%,hsla(0,0%,100%,0)),to(#f7f7f7));
  background: linear-gradient(270deg,hsla(0,0%,100%,0) 10%,#f7f7f7);
  left: 0
}

.cmp-directorydetail-tabs .cmp_directory-tabs__menu .swiper-button-prev-custom:after,.cmp-directorydetail-tabs .sticky-directorydetail-body .swiper-button-prev-custom:after {
  left: 5px;
  right: auto;
  -webkit-transform: rotate(225deg);
  transform: rotate(-45deg)
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .cmp_directory-tabs__menu .swiper-button-prev-custom:after,.cmp-directorydetail-tabs .sticky-directorydetail-body .swiper-button-prev-custom:after {
      right:0
  }
}

.cmp-directorydetail-tabs .cmp_directory-tabs__menu .swiper-button-next-custom,.cmp-directorydetail-tabs .sticky-directorydetail-body .swiper-button-next-custom {
  background: -webkit-gradient(linear,right top,left top,color-stop(49.41%,#f7f7f7),to(hsla(0,0%,100%,0)));
  background: linear-gradient(270deg,#f7f7f7 49.41%,hsla(0,0%,100%,0));
  right: 0
}

.cmp-directorydetail-tabs .cmp_directory-tabs__menu .swiper-button-next-custom:after,.cmp-directorydetail-tabs .sticky-directorydetail-body .swiper-button-next-custom:after {
  left: auto;
  right: 5px;
  -webkit-transform: rotate(225deg);
  transform: rotate(135deg)
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .cmp_directory-tabs__menu .swiper-button-next-custom:after,.cmp-directorydetail-tabs .sticky-directorydetail-body .swiper-button-next-custom:after {
      left:0
  }
}

.cmp-directorydetail-tabs .cmp_directory-tabs__menu .swiper-button-disabled,.cmp-directorydetail-tabs .sticky-directorydetail-body .swiper-button-disabled {
  display: none
}

.cmp-directorydetail-tabs .cmp-tabs__tablist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .cmp-tabs__tablist {
      padding:0
  }
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel {
  background: #fff
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .cmp-container {
  margin: 0 auto;
  max-width: 846px;
  width: auto
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .container:first-child {
  padding-top: 40px
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .container:first-child .cmp-text p:first-child {
  margin-top: 0
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText {
  border-bottom: 1px solid #ccc;
  position: relative
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-tabs__control {
  bottom: 0;
  height: 2pc;
  left: 0;
  margin: 24px auto;
  position: absolute;
  right: 0;
  top: auto;
  width: 100%
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-tabs__control .prev {
  background: -webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,.1)),to(#fff));
  background: linear-gradient(270deg,hsla(0,0%,100%,.1),#fff);
  cursor: pointer;
  height: 2pc;
  position: absolute;
  width: 60px;
  z-index: 12
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-tabs__control .prev:after {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  bottom: 0;
  content: " ";
  display: block;
  height: 9pt;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: auto;
  top: 30%;
  -webkit-transform: rotate(225deg);
  transform: rotate(-45deg);
  width: 9pt
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-tabs__control .prev {
      background:-webkit-gradient(linear,right top,left top,from(hsla(0,0%,100%,.1)),color-stop(hsla(0,0%,100%,.6)),to(#fff));
      background: linear-gradient(270deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.6),#fff)
  }

  .cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-tabs__control .prev:after {
      right: 0
  }
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-tabs__control .next {
  background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.1)),to(#fff));
  background: linear-gradient(90deg,hsla(0,0%,100%,.1),#fff);
  cursor: pointer;
  height: 2pc;
  position: absolute;
  right: 0;
  width: 60px;
  z-index: 12
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-tabs__control .next:after {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  bottom: 0;
  content: " ";
  display: block;
  height: 9pt;
  left: auto;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 30%;
  -webkit-transform: rotate(225deg);
  transform: rotate(135deg);
  width: 9pt
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-tabs__control .next {
      background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.1)),color-stop(hsla(0,0%,100%,.6)),to(#fff));
      background: linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.6),#fff)
  }

  .cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-tabs__control .next:after {
      left: 0
  }
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-tabs__control+.cmp-secondary-tab {
  position: relative;
  z-index: 10
}

.cmp-cag .cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .h2,.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-cag .h2,.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText h2,.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText>div {
  margin: 0 auto;
  max-width: 846px;
  width: auto
}

@media only screen and (max-width: 1024px) {
  .cmp-cag .cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .h2,.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-cag .h2,.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText h2,.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText>div {
      margin:0 24px
  }
}

.cmp-cag .cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .h2,.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-cag .h2,.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText h2 {
  margin-bottom: 24px
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-secondary-tab {
  -ms-overflow-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 1pc;
  margin: 24px auto;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
  white-space: nowrap
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-secondary-tab::-webkit-scrollbar {
  display: none
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-secondary-tab>div {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 150%;
  padding: 4px 1pc;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-secondary-tab>div {
      font-size:14px
  }
}

.cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-secondary-tab>div.active {
  background: #000;
  border-radius: 75pt;
  color: #fff
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-secondary-tab>div:first-child {
      margin-left:24px
  }

  .cmp-directorydetail-tabs .cmp-tabs__tabpanel .directorydetaillocation .locationdisplayText .cmp-secondary-tab>div:last-child {
      margin-right: 24px
  }
}

.cmp-tabs--default .cmp-tabs__tabpanel {
  background-color: inherit
}

.cmp-tabs--default .cmp-tabs__tabpanel .cmp-container {
  max-width: 100%
}

.cmp-tabs--default .cmp-tabs {
  margin-top: 40px
}

.cmp-tabs--default .cmp-tabs__tablist {
  max-width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  padding-left: 5vw;
  padding-right: 5vw;
  padding-top: 0;
  width: inherit
}

@media only screen and (max-width: 768px) {
  .cmp-tabs--default .cmp-tabs__tablist {
      padding-left:24px;
      padding-right: 24px
  }
}

.cmp-directorydetail-tabs .cmp-tabs {
  background: #f7f7f7
}

.cmp-directorydetail-tabs .cmp-tabs__tab--active {
  border-color: #7a35b0;
  color: #222
}

@media only screen and (max-width: 1024px) {
  .cmp-directorydetail-tabs .cmp-tabs__tabpanel>.container>.cmp-container {
      padding:0 24px 40px
  }
}

.cmp-directorydetail-tabs .directorydetaillocation .locationdisplayText {
  padding-top: 40px
}

@media only screen and (max-width: 576px) {
  .cmp-directorydetail-tabs .directorydetaillocation .locationdisplayText .cmp-tabs__control {
      bottom:0
  }
}

.cmp-tabs--sticky,.sticky-tabs {
  background-color: #fff;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 30
}

.cmp-tabs--default.cmp-tabs-primary .cmp-tabs .cmp-tabs__control {
  position: relative;
  width: 100%
}

.cmp-tabs-container--whitegray .cmp-tabs {
  background-color: #f7f7f7
}

.cmp-tabs-list--mb__40 .cmp-tabs .cmp-tabs__tablist {
  margin-bottom: 40px
}

.cmp-tabs-list--mt__40 .cmp-tabs .cmp-tabs__tablist {
  margin-top: 40px
}

.cmp-tabs--animated .cmp-tabs__tabpanel {
  display: block;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease
}

.cmp-tabs--animated .cmp-tabs__tabpanel--active {
  max-height: 750pt;
  opacity: 1
}

.cmp-tabs--default.cmp-tabs-secondary-small .cmp-tabs__control .next:after,.cmp-tabs--default.cmp-tabs-secondary-small .cmp-tabs__control .prev:after {
  top: 2px
}

.cmp-tabs--default.cmp-tabs-secondary-small .cmp-tabs__tablist {
  gap: 1pc
}

@media only screen and (max-width: 576px) {
  .cmp-tabs--default.cmp-tabs-secondary-small .cmp-tabs__tablist {
      gap:8px
  }
}

.sticky-tabs .sticky-wrapper {
  background-color: #fff;
  position: sticky;
  top: 0;
  z-index: 10
}

.sticky-tabs.cmp-tabs--default .cmp-tabs {
  margin-top: 0
}

.sticky-tabs .directory-container-filters {
  top: 4.8pc
}

.linkedlist.cmp-linklist--anchor.cmp-tabs--default .cmp-tabs__control .prev:after {
  top: 38%
}

@media only screen and (max-width: 991px) {
  .linkedlist.cmp-linklist--anchor.cmp-tabs--default .cmp-tabs__control .prev:after {
      top:35%
  }
}

.linkedlist.cmp-linklist--anchor.cmp-tabs--default .cmp-tabs__control .next:after {
  top: 38%
}

@media only screen and (max-width: 991px) {
  .linkedlist.cmp-linklist--anchor.cmp-tabs--default .cmp-tabs__control .next:after {
      top:35%
  }
}

@media only screen and (max-width: 1024px) {
  .linkedlist.cmp-linklist--anchor.cmp-tabs--default .cmp-tabs__control {
      display:none
  }
}

.cmp-tabs--default.sticky-tabs .sticky-wrapper {
  padding-top: 40px;
  z-index: 11
}

.cmp-tags {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin: 0 auto
}

@media only screen and (max-width: 768px) {
  .cmp-tags {
      font-size:14px
  }
}

.cmp-tags .label-group {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 9pt;
  justify-content: center;
  padding: 24px 0 0
}

.cmp-tags .label-group .label-item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #e5e5e5;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  padding: 4px 15px
}

.cmp-tags .label-group a {
  color: #222;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-align: center;
  text-decoration: none
}

@media screen and (min-width: 992px) {
  .cmp-tags .label-group {
      padding-top:2pc
  }
}

.cmp-cardlisting—carousel-2 .cmp-container__content {
  padding: 0 5vw!important
}

@media only screen and (max-width: 576px) {
  .cmp-cardlisting—carousel-2 .cmp-container__content {
      padding:0 24px!important
  }
}

.cmp-cardlisting—carousel-2 .cmp-teaser.cmp-card--default {
  padding: 0!important
}

.cmp-teaser {
  background: transparent
}

.cmp-teaser__card {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  height: 100%;
  overflow: hidden
}

.cmp-teaser__content {
  padding: 24px
}

.cmp-teaser__title {
  font-weight: 700
}

.cmp-teaser__description {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-teaser__description {
      font-size:1pc
  }
}

.cmp-teaser__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%
}

.cmp-teaser__date {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 8px
}

@media only screen and (max-width: 768px) {
  .cmp-teaser__date {
      font-size:14px
  }
}

.cmp-teaser__action-link {
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-teaser__action-link {
      font-size:1pc
  }
}

.cmp-teaser__action-link:after {
  background-image: url(clientlib-site/resources/images/read-more.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 1pc;
  margin-left: 8px;
  position: absolute;
  width: 1pc
}

.cmp-teaser a {
  font-size: 14px;
  text-decoration: none
}

@media only screen and (max-width: 768px) {
  .cmp-teaser a {
      font-size:1pc
  }
}

@media(min-width: 576px) {
  .cmp-teaser .swiper {
      padding-bottom:44px
  }
}

.cmp-teaser .swiper-scrollbar {
  background-color: #ccc;
  height: 2px!important;
  left: 0!important;
  margin: 0 auto;
  right: 0!important;
  width: 50vw!important
}

.cmp-teaser .swiper-scrollbar-drag {
  background-color: #7a35b0;
  height: 4px;
  top: -1px
}

@media only screen and (max-width: 576px) {
  .cmp-teaser .swiper-scrollbar {
      display:none
  }
}

.cmp-teaser .swiper-slide {
  height: auto
}

.cmp-teaser.article-cards a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.cmp-teaser.article-cards a:not([href]) {
  pointer-events: none
}

.cmp-teaser.article-cards .cmp-teaser__card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start
}

.cmp-teaser.article-cards .cmp-teaser__image {
  overflow: hidden
}

.cmp-teaser.article-cards .cmp-teaser__image img {
  aspect-ratio: 7/5;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out
}

.cmp-teaser.article-cards .cmp-teaser__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-grow: 1
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.article-cards .cmp-teaser__content {
      padding:20px 20px 24px
  }
}

.cmp-teaser.article-cards .cmp-teaser__content .cmp-teaser__action-container {
  margin-top: auto
}

.cmp-teaser.quick-links {
  border-bottom: 1px solid #ccc;
  padding: 60px 0
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.quick-links {
      padding:40px 0
  }
}

.cmp-teaser.quick-links.add-scroll .swiper-wrapper {
  padding-bottom: 44px
}

@media only screen and (max-width: 576px) {
  .cmp-teaser.quick-links.add-scroll .swiper-wrapper {
      padding-bottom:0
  }
}

.cmp-teaser.quick-links .cmp-teaser__quicklinks-card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 30px 20px
}

@media only screen and (max-width: 1024px) {
  .cmp-teaser.quick-links .cmp-teaser__quicklinks-card {
      padding:20px 15px
  }
}

.cmp-teaser.quick-links .cmp-teaser__quicklinks-card:hover {
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08)
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.quick-links .cmp-teaser__quicklinks-card {
      border-radius:4px
  }
}

.cmp-teaser.quick-links .cmp-teaser__quicklinks-link {
  display: block;
  height: 100%
}

.cmp-teaser.quick-links .cmp-teaser__quicklinks-title {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  margin-bottom: 40px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.quick-links .cmp-teaser__quicklinks-title {
      font-size:20px;
      letter-spacing: .2pc
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-teaser.quick-links .cmp-teaser__quicklinks-title {
      margin-bottom:24px
  }
}

.cmp-teaser.quick-links .cmp-teaser__quicklinks .container--fixed+.swiper {
  padding-top: 0
}

.cmp-teaser.quick-links .cmp-teaser__content {
  padding: 0
}

.cmp-teaser.quick-links .cmp-teaser__title {
  color: #222;
  font-size: 1pc;
  font-weight: 500;
  letter-spacing: .16pc;
  line-height: 130%;
  text-transform: uppercase;
  word-break: break-word
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.quick-links .cmp-teaser__title {
      font-size:9pt;
      letter-spacing: .12pc
  }
}

.cmp-teaser.quick-links .cmp-teaser__icon {
  margin-bottom: 30px
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.quick-links .cmp-teaser__icon {
      margin-bottom:25px
  }
}

.cmp-teaser.quick-links .swiper {
  padding: 10px 0 20px
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.cmp-card--quicklinks {
      padding-bottom:40px
  }

  .cmp-teaser.cmp-card--quicklinks .cmp-teaser__card {
      border-radius: 4px
  }
}

.cmp-teaser.cmp-card--quicklinks .swiper {
  padding-bottom: 60px
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.cmp-card--quicklinks .swiper {
      padding-bottom:0
  }

  .cmp-teaser.cmp-card--quicklinks .swiper-scrollbar {
      display: none
  }
}

.cmp-teaser.cmp-card--quicklinks.scroll-active {
  padding-bottom: 60px
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.cmp-card--quicklinks.scroll-active {
      padding-bottom:0
  }
}

.cmp-teaser.cmp-card--quicklinks.scroll-active .swiper {
  padding-bottom: 44px
}

.cmp-teaser.cmp-card--quicklinks a {
  cursor: pointer;
  height: 100%
}

.cmp-teaser.cmp-card--quicklinks .cmp-teaser__image {
  height: 40px;
  width: 40px
}

.cmp-teaser.cmp-card--quicklinks .cmp-teaser__content {
  padding: 30px 0 0
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.cmp-card--quicklinks .cmp-teaser__content {
      padding-top:25px
  }
}

.cmp-cag .cmp-teaser.cmp-card--quicklinks .cmp-teaser__content .h4,.cmp-teaser.cmp-card--quicklinks .cmp-teaser__content .cmp-cag .h4,.cmp-teaser.cmp-card--quicklinks .cmp-teaser__content h4 {
  font-size: 1pc;
  font-weight: 500;
  letter-spacing: .16pc;
  line-height: 130%;
  margin: 0;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-teaser.cmp-card--quicklinks .cmp-teaser__content .h4,.cmp-teaser.cmp-card--quicklinks .cmp-teaser__content .cmp-cag .h4,.cmp-teaser.cmp-card--quicklinks .cmp-teaser__content h4 {
      font-size:9pt;
      letter-spacing: .12pc
  }
}

.cmp-teaser.cmp-card--quicklinks .cmp-teaser__card {
  border: 0;
  padding: 30px 20px
}

.cmp-teaser.cmp-card--quicklinks .cmp-teaser__card:hover {
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08)
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.cmp-card--quicklinks .cmp-teaser__card {
      padding:20px 15px
  }
}

.cmp-teaser.cmp-card--quicklinks .cmp-card--quicklinks {
  height: 100%
}

.cmp-teaser.portrait-cards {
  padding: 60px 0
}

.cmp-teaser.portrait-cards .swiper-slide:nth-child(2n) .cmp-teaser__card {
  margin-top: 40px
}

.cmp-teaser.portrait-cards .cmp-teaser__title {
  color: #222;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  margin-bottom: 24px;
  padding-bottom: 24px;
  position: relative;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.portrait-cards .cmp-teaser__title {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.cmp-teaser.portrait-cards .cmp-teaser__title:after {
  background-color: #222;
  bottom: 0;
  content: " ";
  height: 1px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 72px
}

.cmp-teaser.portrait-cards .cmp-teaser__card {
  padding: 40px;
  text-align: center
}

.cmp-teaser.portrait-cards .cmp-teaser__content {
  padding: 24px 0 0
}

.cmp-teaser.portrait-cards .cmp-teaser__content p {
  margin: 0
}

.cmp-teaser.portrait-cards .cmp-teaser__image {
  aspect-ratio: 1/1;
  border-radius: 8px;
  height: auto;
  overflow: hidden
}

.cmp-teaser.portrait-cards .cmp-teaser__header {
  color: #fff;
  font-size: 36px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .36pc;
  line-height: 120%;
  margin-bottom: 40px;
  text-transform: uppercase
}

@media only screen and (max-width: 1024px) {
  .cmp-teaser.portrait-cards .cmp-teaser__header {
      font-size:24px;
      letter-spacing: .24pc
  }
}

.cmp-teaser.portrait-cards .swiper-scrollbar-drag {
  background-color: #fff
}

.cmp-teaser.cmp-card--default .swiper-slide>div,.cmp-teaser.cmp-card--default a {
  height: 100%
}

.cmp-teaser.cmp-card--default a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.cmp-teaser.cmp-card--default a:not([href]) {
  pointer-events: none
}

.cmp-teaser.cmp-card--default a .cmp-teaser__pretitle .cmp-pretitle {
  background: #e5e5e5;
  border-radius: 4px;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 1pc;
  padding: 4px 15px
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.cmp-card--default a .cmp-teaser__pretitle .cmp-pretitle {
      font-size:14px
  }
}

.cmp-teaser.cmp-card--default a .cmp-teaser__pretitle.cmp-static-multitag .cmp-pretitle {
  margin-bottom: 0
}

.cmp-teaser.cmp-card--default a .cmp-teaser__action-container {
  margin-top: auto;
  padding-top: 1pc
}

.cmp-teaser.cmp-card--default .cmp-teaser__card {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: flex-start
}

.cmp-teaser.cmp-card--default .cmp-teaser__image {
  overflow: hidden
}

.cmp-teaser.cmp-card--default .cmp-teaser__image img {
  aspect-ratio: 7/5;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out
}

.cmp-teaser.cmp-card--default .cmp-teaser__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-grow: 1
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.cmp-card--default .cmp-teaser__content {
      padding:20px 20px 24px
  }
}

.cmp-teaser.cmp-card--default .cmp-teaser__title {
  margin-bottom: 0
}

.cmp-teaser.cmp-card--default .cmp-teaser__title .cmp-title__text {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.cmp-card--default .cmp-teaser__title .cmp-title__text {
      font-size:20px
  }
}

.cmp-teaser.cmp-card--default .cmp-teaser__action-link {
  line-height: 120%
}

.cmp-teaser.cmp-card--default .cmp-teaser__action-link:after {
  top: 2px
}

.cmp-teaser.cmp-card--default .cmp-teaser__action-container {
  margin-top: 1pc
}

.cmp-teaser.cmp-card--default .cmp-teaser__description {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-top: 8px
}

.cmp-teaser.cmp-card--default .cmp-teaser__description .cmp-text>:last-child,.cmp-teaser.cmp-card--default .cmp-teaser__description>:last-child {
  margin-bottom: 0
}

.cmp-teaser.cmp-card--news .cmp-teaser__title {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 0
}

.cmp-teaser.cmp-card--square a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.cmp-teaser.cmp-card--square a:not([href]) {
  pointer-events: none
}

.cmp-teaser.cmp-card--square .cmp-teaser__image {
  --card-overlay-dark-color: linear-gradient(180deg,transparent,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6));
  --card-overlay-light-color: linear-gradient(180deg,transparent,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4));
  height: 0;
  padding-bottom: 100%;
  position: relative
}

.cmp-teaser.cmp-card--square .cmp-teaser__image .cmp-image {
  height: 100%;
  position: absolute;
  width: 100%
}

.cmp-teaser.cmp-card--square .cmp-teaser__image .cmp-image img {
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out
}

.cmp-teaser.cmp-card--square .cmp-teaser__image .cmp-image:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.cmp-teaser.cmp-card--square .cmp-teaser--overlay-dark .cmp-image:after {
  background: var(--card-overlay-dark-color)
}

.cmp-teaser.cmp-card--square .cmp-teaser--overlay-light .cmp-image:after {
  background: var(--card-overlay-light-color)
}

.cmp-teaser.cmp-card--square .cmp-teaser__card {
  position: relative
}

.cmp-teaser.cmp-card--square .cmp-teaser__content {
  bottom: 0;
  color: #fff;
  padding: 2pc;
  position: absolute;
  width: 100%;
  z-index: 10
}

.cmp-teaser.cmp-card--square .cmp-teaser__title {
  padding-bottom: 1pc;
  position: relative
}

.cmp-teaser.cmp-card--square .cmp-teaser__title .cmp-title__text {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0
}

@media only screen and (max-width: 768px) {
  .cmp-teaser.cmp-card--square .cmp-teaser__title .cmp-title__text {
      font-size:20px
  }
}

.cmp-teaser.cmp-card--square .cmp-teaser__title:after {
  background: #fff;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  width: 72px
}

.cmp-teaser.cmp-card--square .cmp-teaser__description .cmp-text {
  font-weight: 400
}

.cmp-teaser.cmp-card--square .cmp-teaser__description .cmp-text>:first-child {
  margin-top: 1pc
}

.cmp-teaser.cmp-card--square .cmp-teaser__description .cmp-text>:last-child {
  margin-bottom: 0
}

.cmp-teaser.cmp-card--square .cmp-teaser__description .cmp-text>:empty {
  display: none
}

.cmp-card--quicklinks_wrapper {
  padding-top: 60px
}

@media only screen and (max-width: 768px) {
  .cmp-card--quicklinks_wrapper {
      padding-bottom:40px
  }
}

.cmp-card--quicklinks_wrapper .cmp-container__content {
  display: block;
  padding: 0 5vw 40px
}

@media only screen and (max-width: 576px) {
  .cmp-card--quicklinks_wrapper .cmp-container__content {
      padding:0 24px 24px
  }
}

.cmp-card--quicklinks_wrapper .cmp-container__title {
  max-width: 100%!important
}

.cmp-card--default__featured a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.cmp-card--default__featured a:not([href]) {
  pointer-events: none
}

.cmp-card--default__featured.cmp-card--default__featured--overlay-dark div.cmp-image:after {
  background: var(--card-overlay-dark-color);
  bottom: 0;
  height: 50%;
  top: auto
}

@media only screen and (max-width: 768px) {
  .cmp-card--default__featured.cmp-card--default__featured--overlay-dark div.cmp-image:after {
      height:75%
  }
}

.cmp-card--default__featured.cmp-card--default__featured--overlay-light div.cmp-image:after {
  background: var(--card-overlay-light-color);
  bottom: 0;
  height: 50%;
  top: auto
}

@media only screen and (max-width: 768px) {
  .cmp-card--default__featured.cmp-card--default__featured--overlay-light div.cmp-image:after {
      height:75%
  }
}

.cmp-card--default__featured .cmp-teaser__image {
  --card-overlay-dark-color: linear-gradient(180deg,transparent,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6));
  --card-overlay-light-color: linear-gradient(180deg,transparent,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4));
  aspect-ratio: 3/4;
  position: relative
}

.cmp-card--default__featured .cmp-teaser__image .cmp-image {
  height: 100%;
  position: absolute;
  width: 100%
}

.cmp-card--default__featured .cmp-teaser__image .cmp-image img {
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out
}

.cmp-card--default__featured .cmp-teaser__image .cmp-image:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.cmp-card--default__featured .cmp-teaser__card {
  position: relative
}

.cmp-card--default__featured .cmp-teaser__content {
  bottom: 0;
  color: #fff;
  padding: 2pc;
  position: absolute;
  width: 100%;
  z-index: 10
}

.cmp-card--default__featured .cmp-teaser__pretitle .cmp-pretitle {
  background: #fff;
  border-radius: 4px;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 1pc;
  padding: 4px 15px
}

@media only screen and (max-width: 768px) {
  .cmp-card--default__featured .cmp-teaser__pretitle .cmp-pretitle {
      font-size:14px
  }
}

.cmp-card--default__featured .cmp-teaser__pretitle.cmp-static-multitag .cmp-pretitle {
  margin-bottom: 0
}

.cmp-card--default__featured .cmp-teaser__title {
  padding-bottom: 1pc;
  position: relative
}

.cmp-card--default__featured .cmp-teaser__title .cmp-title__text {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0
}

@media only screen and (max-width: 768px) {
  .cmp-card--default__featured .cmp-teaser__title .cmp-title__text {
      font-size:20px
  }
}

.cmp-card--default__featured .cmp-teaser__title:after {
  background: #fff;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  width: 72px
}

.cmp-card--default__featured .cmp-teaser__description .cmp-text p {
  margin: 0
}

.cmp-card--default__featured .cmp-teaser__description,.cmp-card--default__featured .cmp-teaser__subdescription {
  padding-top: 1pc
}

.cmp-card--default__featured .cmp-teaser__description .cmp-text,.cmp-card--default__featured .cmp-teaser__subdescription .cmp-text {
  font-weight: 400
}

.cmp-card--default__featured .cmp-teaser__description .cmp-text>:first-child,.cmp-card--default__featured .cmp-teaser__subdescription .cmp-text>:first-child {
  margin-top: 1pc
}

.cmp-card--default__featured .cmp-teaser__description .cmp-text>:last-child,.cmp-card--default__featured .cmp-teaser__subdescription .cmp-text>:last-child {
  margin-bottom: 0
}

.cmp-card--default__featured .cmp-teaser__description .cmp-text>:empty,.cmp-card--default__featured .cmp-teaser__subdescription .cmp-text>:empty {
  display: none
}

.cmp-card--default__featured .cmp-teaser__subdescription p {
  font-weight: 700
}

.cmp-card--default__featured .cmp-teaser__subdescription p span {
  display: inline-block;
  font-weight: 400;
  margin-left: 1pc;
  position: relative
}

.cmp-card--default__featured .cmp-teaser__subdescription p span:before {
  color: #fff;
  content: "•";
  font-size: 7px;
  left: -9pt;
  position: absolute;
  top: 24%
}

@media only screen and (max-width: 768px) {
  .cmp-card--default__featured .cmp-teaser__subdescription p span {
      margin-left:10px
  }

  .cmp-card--default__featured .cmp-teaser__subdescription p span:before {
      font-size: 7px;
      left: -8px;
      top: 24%
  }
}

.cmp-card--default__featured .cmp-teaser__description {
  padding-top: 0
}

.cmp-card--default__featured .cmp-teaser__action-link {
  margin-top: 1pc
}

.cmp-card--default__nobg a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.cmp-card--default__nobg a:not([href]) {
  pointer-events: none
}

.cmp-card--default__nobg .cmp-teaser__image {
  --card-overlay-dark-color: linear-gradient(180deg,transparent,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6));
  --card-overlay-light-color: linear-gradient(180deg,transparent,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4));
  border-radius: 8px;
  height: 0;
  overflow: hidden;
  padding-bottom: 75.1%;
  position: relative
}

.cmp-card--default__nobg .cmp-teaser__image .cmp-image {
  height: 100%;
  position: absolute;
  width: 100%
}

.cmp-card--default__nobg .cmp-teaser__image .cmp-image img {
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out
}

.cmp-card--default__nobg .cmp-teaser__image .cmp-image:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.cmp-card--default__nobg .cmp-teaser--overlay-dark .cmp-image:after {
  background: var(--card-overlay-dark-color)
}

.cmp-card--default__nobg .cmp-teaser--overlay-light .cmp-image:after {
  background: var(--card-overlay-light-color)
}

.cmp-card--default__nobg .cmp-teaser__content {
  padding-bottom: 0;
  padding-top: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-card--default__nobg .cmp-teaser__content {
      padding-top:1pc
  }
}

.cmp-card--default__nobg .cmp-teaser__pretitle .cmp-pretitle {
  background: #fff;
  border-radius: 4px;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 1pc;
  padding: 4px 15px
}

@media only screen and (max-width: 768px) {
  .cmp-card--default__nobg .cmp-teaser__pretitle .cmp-pretitle {
      font-size:14px
  }
}

.cmp-card--default__nobg .cmp-teaser__pretitle.cmp-static-multitag .cmp-pretitle {
  margin-bottom: 0
}

.cmp-card--default__nobg .cmp-teaser__title .cmp-title__text {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-card--default__nobg .cmp-teaser__title .cmp-title__text {
      font-size:20px
  }
}

.cmp-card--default__nobg .cmp-teaser__description,.cmp-card--default__nobg .cmp-teaser__subdescription {
  padding-top: 1pc
}

.cmp-card--default__nobg .cmp-teaser__description p,.cmp-card--default__nobg .cmp-teaser__subdescription p {
  margin: 0
}

.cmp-card--default__nobg .cmp-teaser__description .custom,.cmp-card--default__nobg .cmp-teaser__subdescription .custom {
  text-transform: capitalize
}

.cmp-card--default__nobg .cmp-teaser__description .cmp-text,.cmp-card--default__nobg .cmp-teaser__subdescription .cmp-text {
  font-weight: 400
}

.cmp-card--default__nobg .cmp-teaser__description .cmp-text>:last-child,.cmp-card--default__nobg .cmp-teaser__subdescription .cmp-text>:last-child {
  margin-bottom: 0
}

.cmp-card--default__nobg .cmp-teaser__description .cmp-text>:empty,.cmp-card--default__nobg .cmp-teaser__subdescription .cmp-text>:empty {
  display: none
}

.cmp-card--default__nobg .cmp-teaser__subdescription {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-card--default__nobg .cmp-teaser__subdescription {
      font-size:1pc
  }
}

.cmp-card--default__nobg .cmp-teaser__subdescription p span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-left: 1pc;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-card--default__nobg .cmp-teaser__subdescription p span {
      font-size:1pc
  }
}

.cmp-card--default__nobg .cmp-teaser__subdescription p span:before {
  color: #222;
  content: "•";
  font-size: 7px;
  left: -10px;
  line-height: 150%;
  position: absolute;
  top: 24%
}

@media only screen and (max-width: 768px) {
  .cmp-card--default__nobg .cmp-teaser__subdescription p span {
      margin-left:10px
  }

  .cmp-card--default__nobg .cmp-teaser__subdescription p span:before {
      font-size: 7px;
      left: -8px;
      top: 7px;
      top: 24%
  }
}

.cmp-card--default__nobg .cmp-teaser__subdescription p span.bullet {
  height: 8px;
  margin: 0;
  width: 9pt
}

.cmp-card--default__nobg .cmp-teaser__subdescription p span.bullet:before {
  left: 4px;
  top: -3px
}

.cmp-card--default__nobg .cmp-teaser__subdescription p span.cmp-custom-dot {
  margin-right: 1pc
}

.cmp-card--default__nobg .cmp-teaser__subdescription p span.cmp-custom-dot:after {
  color: #222;
  content: "•";
  font-size: 7px;
  line-height: 150%;
  position: absolute;
  right: -9pt;
  top: 24%
}

.cmp-card--default__nobg .cmp-teaser__subdescription p span.cmp-add-margin {
  margin-right: 8px!important
}

.cmp-card--default__nobg .cmp-teaser__subdescription p span.no-level {
  margin: 0
}

.cmp-card--default__nobg .cmp-teaser__subdescription p span.no-level:before {
  display: none
}

.cmp-card--default__nobg .cmp-teaser__subdescription-time {
  color: #999
}

.cmp-card--default__nobg .cmp-teaser__subdescription.loaded p span:first-child {
  margin: 0
}

.cmp-card--default__nobg .cmp-teaser__subdescription.loaded p span:first-child:before {
  display: none
}

.cmp-card--default__nobg .cmp-teaser__description {
  padding-top: 0
}

.cmp-card--default__nobg .cmp-teaser__action-link {
  margin-top: 1pc
}

.cmp-nobgcardlisting—carousel.grey-tag .cmp-card--default__nobg .cmp-teaser__pretitle .cmp-pretitle {
  background: #e5e5e5
}

.cmp-card--primary .cmp-teaser {
  --card-overlay-dark-color: rgba(0,0,0,.2);
  --card-overlay-light-color: rgba(0,0,0,.1)
}

.cmp-card--primary .cmp-teaser__image .cmp-image {
  border-radius: 8px;
  overflow: hidden;
  position: relative
}

.cmp-card--primary .cmp-teaser__image .cmp-image__image {
  aspect-ratio: 1/1
}

@media(max-width: 800px) {
  .cmp-card--primary .cmp-teaser__image .cmp-image__image {
      aspect-ratio:7/5
  }
}

.cmp-card--primary .cmp-teaser__image .cmp-image:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.cmp-card--primary .cmp-teaser--overlay-dark .cmp-image:after {
  background: var(--card-overlay-dark-color)
}

.cmp-card--primary .cmp-teaser--overlay-light .cmp-image:after {
  background: var(--card-overlay-light-color)
}

.cmp-card--primary .cmp-teaser__content {
  padding: 24px 0 0
}

@media only screen and (max-width: 768px) {
  .cmp-card--primary .cmp-teaser__content {
      padding-top:1pc
  }
}

.cmp-card--primary .cmp-teaser__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  padding-bottom: 1pc;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-card--primary .cmp-teaser__title {
      font-size:24px
  }
}

.cmp-card--primary .cmp-teaser__title:after {
  background: #121212;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  width: 72px
}

.cmp-card--primary .cmp-teaser__text .cmp-text {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-card--primary .cmp-teaser__text .cmp-text {
      font-size:1pc
  }
}

.cmp-card--primary .cmp-teaser__text .cmp-text>:first-child {
  margin-top: 1pc
}

.cmp-card--primary .cmp-teaser__text .cmp-text>:last-child {
  margin-bottom: 0
}

.cmp-card--primary .cmp-teaser__text .cmp-text>:empty {
  display: none
}

.cmp-card--primary .cmp-teaser .button a {
  display: inline-block;
  margin-top: 24px
}

.cmp-card--primary__overlay-light .cmp-teaser .cmp-image:after {
  background: var(--card-overlay-light-color)
}

.cmp-card--primary__overlay-dark .cmp-teaser .cmp-image:after {
  background: var(--card-overlay-dark-color)
}

.cmp-card--secondary a:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05)
}

.cmp-card--secondary a:not([href]) {
  pointer-events: none
}

.cmp-card--secondary .cmp-teaser__image {
  overflow: hidden
}

.cmp-card--secondary .cmp-teaser__image img {
  aspect-ratio: 7/5;
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out
}

@media only screen and (max-width: 768px) {
  .cmp-card--secondary .cmp-teaser__content {
      padding:20px 20px 24px
  }
}

.cmp-card--secondary .cmp-teaser__pretitle .cmp-pretitle {
  background: #e5e5e5;
  border-radius: 4px;
  color: #222;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 1pc;
  padding: 4px 15px
}

@media only screen and (max-width: 768px) {
  .cmp-card--secondary .cmp-teaser__pretitle .cmp-pretitle {
      font-size:14px
  }
}

.cmp-card--secondary .cmp-teaser__pretitle.cmp-static-multitag .cmp-pretitle {
  margin-bottom: 0
}

.cmp-card--secondary .cmp-teaser__title {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-card--secondary .cmp-teaser__title {
      font-size:20px
  }
}

.cmp-card--secondary .cmp-teaser__description .cmp-text>:first-child {
  margin-top: 8px
}

.cmp-card--secondary .cmp-teaser__action-container>div {
  line-height: 120%
}

.cmp-container--3colmedia .default-card a {
  text-decoration: none
}

.cmp-container--3colmedia .default-card a:hover .cmp-button__text {
  background-color: #454545;
  border-color: #454545
}

.cmp-container--3colmedia .default-card a:hover .cmp-teaser__image img {
  -webkit-transform: scale(105%);
  transform: scale(105%);
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out
}

.cmp-container--3colmedia .default-card .cmp-text p a {
  color: #6950a1
}

.cmp-container--3colmedia .default-card .cmp-teaser__modal {
  background: rgba(0,0,0,.7);
  display: none;
  height: 100%;
  left: 0;
  overflow: auto;
  position: fixed;
  top: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 100%;
  z-index: 300
}

.cmp-container--3colmedia .default-card .cmp-teaser__modal-container {
  background: #fff;
  border-radius: 8px;
  display: block;
  left: 50%;
  max-height: 60vh;
  max-width: 846px;
  min-height: 50vh;
  overflow: hidden;
  padding: 24px 24px 2pc;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: calc(100% - 3pc);
  z-index: 120
}

@media only screen and (max-width: 768px) {
  .cmp-container--3colmedia .default-card .cmp-teaser__modal-container {
      min-height:calc(100vh - 5pc)
  }
}

.cmp-container--3colmedia .default-card .cmp-teaser__modal-content {
  max-height: calc(60vh - 75pt);
  overflow-y: auto
}

.cmp-cag .cmp-container--3colmedia .default-card .cmp-teaser__modal-content .h1,.cmp-cag .cmp-container--3colmedia .default-card .cmp-teaser__modal-content .h2,.cmp-cag .cmp-container--3colmedia .default-card .cmp-teaser__modal-content .h3,.cmp-cag .cmp-container--3colmedia .default-card .cmp-teaser__modal-content .h4,.cmp-cag .cmp-container--3colmedia .default-card .cmp-teaser__modal-content .h5,.cmp-cag .cmp-container--3colmedia .default-card .cmp-teaser__modal-content .h6,.cmp-container--3colmedia .default-card .cmp-teaser__modal-content .cmp-cag .h1,.cmp-container--3colmedia .default-card .cmp-teaser__modal-content .cmp-cag .h2,.cmp-container--3colmedia .default-card .cmp-teaser__modal-content .cmp-cag .h3,.cmp-container--3colmedia .default-card .cmp-teaser__modal-content .cmp-cag .h4,.cmp-container--3colmedia .default-card .cmp-teaser__modal-content .cmp-cag .h5,.cmp-container--3colmedia .default-card .cmp-teaser__modal-content .cmp-cag .h6,.cmp-container--3colmedia .default-card .cmp-teaser__modal-content h1,.cmp-container--3colmedia .default-card .cmp-teaser__modal-content h2,.cmp-container--3colmedia .default-card .cmp-teaser__modal-content h3,.cmp-container--3colmedia .default-card .cmp-teaser__modal-content h4,.cmp-container--3colmedia .default-card .cmp-teaser__modal-content h5,.cmp-container--3colmedia .default-card .cmp-teaser__modal-content h6 {
  font-weight: 700
}

@media only screen and (max-width: 768px) {
  .cmp-container--3colmedia .default-card .cmp-teaser__modal-content {
      min-height:calc(100vh - 10pc)
  }
}

.cmp-container--3colmedia .default-card .cmp-teaser__modal-content a {
  color: #7a35b0
}

.cmp-container--3colmedia .default-card .cmp-teaser__modal .close {
  cursor: pointer;
  display: block;
  font-size: 24px;
  text-align: right
}

.cmp-container--3colmedia .default-card .cmp-teaser__content {
  padding-right: 1pc
}

@media only screen and (max-width: 768px) {
  .cmp-container--3colmedia .default-card .cmp-teaser__content {
      padding-right:0
  }
}

.cmp-container--3colmedia .default-card .cmp-banner__action-container>div span.cmp-button__text {
  display: inline-block;
  margin-top: 24px
}

.cmp-card--default__nobg .cmp-teaser__card {
  background: inherit;
  border: none;
  border-radius: 0
}

.cmp-card--default__nobg .cmp-teaser__card .cmp-teaser__content {
  padding-left: 0;
  padding-right: 0
}

.cmp-card--default__nobg .cmp-teaser__card .cmp-teaser__content .cmp-teaser__title:after {
  background: #222;
  content: " ";
  display: block;
  height: 1px;
  margin-bottom: 1pc;
  margin-top: 1pc;
  width: 72px
}

.cmp-card--default__nobg .cmp-image__image {
  border-radius: 8px
}

.cmp-card--banner a {
  text-decoration: none
}

.cmp-card--banner .teaser.standard-card {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 140px;
  padding: 1pc;
  -webkit-transition: 1s ease-in;
  transition: 1s ease-in
}

@media only screen and (max-width: 767px) {
  .cmp-card--banner .teaser.standard-card {
      border-radius:4px;
      height: 93pt;
      padding: 9pt
  }
}

.cmp-card--banner .teaser.standard-card .cmp-teaser {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cmp-card--banner .teaser.standard-card .cmp-teaser__image {
  border-radius: 3.16px;
  height: 110px;
  min-width: 110px;
  overflow: hidden;
  width: 110px
}

.cmp-card--banner .teaser.standard-card .cmp-teaser__image div {
  height: 110px;
  min-width: 110px;
  width: 110px
}

@media only screen and (max-width: 767px) {
  .cmp-card--banner .teaser.standard-card .cmp-teaser__image,.cmp-card--banner .teaser.standard-card .cmp-teaser__image div {
      height:75pt;
      min-width: 75pt;
      width: 75pt
  }
}

.cmp-card--banner .teaser.standard-card .cmp-teaser__image img {
  border-radius: 3.16px;
  min-width: 100%;
  width: auto
}

.cmp-card--banner .teaser.standard-card .cmp-teaser__content {
  padding: 0 0 0 1pc
}

@media only screen and (max-width: 767px) {
  .cmp-card--banner .teaser.standard-card .cmp-teaser__content {
      padding-left:8px
  }
}

.cmp-card--banner .teaser.standard-card .cmp-teaser__title .cmp-title__text {
  color: #222;
  font-size: var(--fontSizeMedium,18px);
  font-style: normal;
  font-weight: 700;
  letter-spacing: .216px;
  line-height: 150%
}

@media only screen and (max-width: 767px) {
  .cmp-card--banner .teaser.standard-card .cmp-teaser__title .cmp-title__text {
      font-size:1pc;
      letter-spacing: .192px
  }
}

.cmp-card--banner .teaser.standard-card .cmp-teaser__text .cmp-text,.cmp-card--banner .teaser.standard-card .cmp-teaser__text .cmp-text p {
  color: #222;
  font-size: 1pc;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .192px;
  line-height: 150%;
  margin-bottom: 0
}

@media only screen and (max-width: 767px) {
  .cmp-card--banner .teaser.standard-card .cmp-teaser__text .cmp-text,.cmp-card--banner .teaser.standard-card .cmp-teaser__text .cmp-text p {
      font-size:var(--fontSizeSmall,14px);
      letter-spacing: .168px
  }
}

.cmp-card--testimonials .cmp-teaser__card {
  background: #f7f7f7;
  height: auto
}

.cmp-card--testimonials .cmp-teaser__description {
  margin-bottom: 24px
}

.cmp-card--testimonials .swiper-wrapper {
  margin-bottom: 57px
}

.cmp-card--testimonials .cmp-teaser__footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

.cmp-card--testimonials .cmp-teaser__footer .cmp-teaser__title .cmp-title .cmp-title__text {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-card--testimonials .cmp-teaser__footer .cmp-teaser__title .cmp-title .cmp-title__text {
      font-size:20px
  }
}

.cmp-card--testimonials .cmp-teaser__footer .cmp-teaser__title .cmp-title .cmp-title__text:before {
  border-top: 1px solid #222;
  content: " ";
  display: block;
  height: 1px;
  margin-bottom: 8px;
  position: relative;
  width: 72px
}

.cmp-card--testimonials .cmp-teaser__footer .cmp-teaser__title .cmp-title .cmp-subtitle p {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0;
  margin-top: 8px
}

@media only screen and (max-width: 768px) {
  .cmp-card--testimonials .cmp-teaser__footer .cmp-teaser__title .cmp-title .cmp-subtitle p {
      font-size:1pc
  }
}

.cmp-card--testimonials .cmp-text p {
  color: #222;
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-card--testimonials .cmp-text p {
      font-size:18px
  }
}

.cmp-card--testimonials .cmp-text:before {
  background-image: url(clientlib-site/resources/images/quote.svg);
  content: "";
  display: inline-block;
  height: 40px;
  left: -5px;
  margin-bottom: 1pc;
  position: relative;
  width: 40px
}

.cmp-card--testimonials .cmp-teaser__avatar img {
  border-radius: 75pt;
  height: 75pt;
  width: 75pt
}

.cmp-cardlisting—testimonials .swiper-slide:nth-child(2n) .cmp-teaser__card {
  margin-top: 40px
}

.cmp-cardlisting—testimonials .cmp-teaser .swiper-scrollbar-drag {
  background-color: #fff!important
}

.cmp-text-white,.cmp-text-white div,.cmp-text-white p {
  color: #fff!important
}

.cmp-text-grey {
  color: #999
}

.cmp-text-purple {
  color: #7a35b0!important
}

.cmp-text-center {
  text-align: center!important
}

.cmp-text-left {
  text-align: left!important
}

.cmp-text-right {
  text-align: right!important
}

.cmp-text-justify {
  text-align: justify!important
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility
}

.cmp-banner--campaign .cmp-banner,.cmp-banner--default.cmp-banner--campaign .cmp-banner,.cmp-banner--default.cmp-banner--hero .cmp-banner,.cmp-banner--hero .cmp-banner,.cmp-banner--text .cmp-banner,.cmp-banner--text.cmp-banner--default .cmp-banner {
  background: #222;
  color: #fff
}

.cmp-banner--bg-beige.cmp-banner--campaign .cmp-banner,.cmp-banner--bg-beige.cmp-banner--hero .cmp-banner,.cmp-banner--text.cmp-banner--bg-beige .cmp-banner {
  background: #f3efe9;
  color: #222
}

.cmp-banner--bg-grey.cmp-banner--campaign .cmp-banner,.cmp-banner--bg-grey.cmp-banner--hero .cmp-banner,.cmp-banner--text.cmp-banner--bg-grey .cmp-banner {
  background: #f7f7f7;
  color: #222
}

.cmp-banner--bg-white.cmp-banner--campaign .cmp-banner,.cmp-banner--bg-white.cmp-banner--hero .cmp-banner,.cmp-banner--text.cmp-banner--bg-white .cmp-banner {
  background: #fff;
  color: #222
}

.cmp-banner--overlay-dark.cmp-banner--campaign,.cmp-banner--overlay-dark.cmp-banner--hero,.cmp-banner--overlay-light.cmp-banner--campaign,.cmp-banner--overlay-light.cmp-banner--hero,.cmp-banner--text.cmp-banner--overlay-dark,.cmp-banner--text.cmp-banner--overlay-light {
  color: #fff
}

.cmp-banner--overlay-dark.cmp-banner--campaign .cmp-image:after,.cmp-banner--overlay-dark.cmp-banner--hero .cmp-image:after,.cmp-banner--overlay-light.cmp-banner--campaign .cmp-image:after,.cmp-banner--overlay-light.cmp-banner--hero .cmp-image:after,.cmp-banner--text.cmp-banner--overlay-dark .cmp-image:after,.cmp-banner--text.cmp-banner--overlay-light .cmp-image:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.cmp-banner--overlay-dark.cmp-banner--campaign .cmp-image:after,.cmp-banner--overlay-dark.cmp-banner--hero .cmp-image:after,.cmp-banner--text.cmp-banner--overlay-dark .cmp-image:after {
  background: var(--banner-overlay-dark-color)
}

.cmp-banner--overlay-light.cmp-banner--campaign .cmp-image:after,.cmp-banner--overlay-light.cmp-banner--hero .cmp-image:after,.cmp-banner--text.cmp-banner--overlay-light .cmp-image:after {
  background: var(--banner-overlay-light-color)
}

.cmp-banner--campaign .cmp-banner,.cmp-banner--hero .cmp-banner,.cmp-banner--text .cmp-banner {
  --banner-margin: 0;
  --banner-padding: 96px 5%;
  --banner-mob-padding: 24px;
  --banner-overlay-dark-color: rgba(0,0,0,.5);
  --banner-overlay-light-color: rgba(0,0,0,.3);
  --banner-height: 363px;
  --banner-mob-height: 375px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  min-height: var(--banner-height);
  padding: var(--banner-padding);
  position: relative
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--campaign .cmp-banner,.cmp-banner--hero .cmp-banner,.cmp-banner--text .cmp-banner {
      min-height:var(--banner-mob-height);
      padding: var(--banner-mob-padding)
  }
}

.cmp-banner--campaign .cmp-banner__image,.cmp-banner--hero .cmp-banner__image,.cmp-banner--text .cmp-banner__image {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}

.cmp-banner--campaign .cmp-banner__image .cmp-image__image,.cmp-banner--hero .cmp-banner__image .cmp-image__image,.cmp-banner--text .cmp-banner__image .cmp-image__image {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%
}

.cmp-banner--campaign .cmp-banner__content,.cmp-banner--hero .cmp-banner__content,.cmp-banner--text .cmp-banner__content {
  position: relative;
  z-index: 10
}

@media screen and (min-width: 992px) {
  .cmp-banner--campaign .cmp-banner__content,.cmp-banner--hero .cmp-banner__content,.cmp-banner--text .cmp-banner__content {
      -webkit-box-flex:0;
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%
  }
}

.cmp-banner--campaign .cmp-banner__title,.cmp-banner--hero .cmp-banner__title,.cmp-banner--text .cmp-banner__title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .cmp-banner__title,.cmp-banner--hero .cmp-banner__title,.cmp-banner--text .cmp-banner__title {
      font-size:24px
  }
}

.cmp-banner--campaign .cmp-banner__description .cmp-text>:first-child,.cmp-banner--hero .cmp-banner__description .cmp-text>:first-child,.cmp-banner--text .cmp-banner__description .cmp-text>:first-child {
  margin-top: 20px
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--campaign .cmp-banner__description .cmp-text>:first-child,.cmp-banner--hero .cmp-banner__description .cmp-text>:first-child,.cmp-banner--text .cmp-banner__description .cmp-text>:first-child {
      margin-top:1pc
  }
}

.cmp-banner--campaign .cmp-banner__description p,.cmp-banner--hero .cmp-banner__description p,.cmp-banner--text .cmp-banner__description p {
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 0
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .cmp-banner__description p,.cmp-banner--hero .cmp-banner__description p,.cmp-banner--text .cmp-banner__description p {
      font-size:18px
  }
}

.cmp-banner--campaign .cmp-banner__description p:empty,.cmp-banner--hero .cmp-banner__description p:empty,.cmp-banner--text .cmp-banner__description p:empty {
  display: none
}

.cmp-banner--campaign .cmp-banner .search-container,.cmp-banner--hero .cmp-banner .search-container,.cmp-banner--text .cmp-banner .search-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  max-width: 628px;
  position: relative;
  width: 88.588%
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--campaign .cmp-banner .search-container,.cmp-banner--hero .cmp-banner .search-container,.cmp-banner--text .cmp-banner .search-container {
      margin-top:1pc;
      width: 100%
  }
}

.cmp-banner--campaign .cmp-banner .search-container .search-icon,.cmp-banner--hero .cmp-banner .search-container .search-icon,.cmp-banner--text .cmp-banner .search-container .search-icon {
  color: #fff;
  height: 100%;
  position: absolute;
  right: 0;
  text-align: center;
  width: 40px
}

.cmp-banner--campaign .cmp-banner .search-container .search-icon img,.cmp-banner--hero .cmp-banner .search-container .search-icon img,.cmp-banner--text .cmp-banner .search-container .search-icon img {
  height: 24px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px
}

.cmp-banner--campaign .cmp-banner .search-container input,.cmp-banner--hero .cmp-banner .search-container input,.cmp-banner--text .cmp-banner .search-container input {
  background: #fff;
  border: 1px solid #ababab;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #222;
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  outline: none;
  padding: 11px 3pc 11px 1pc;
  text-overflow: ellipsis;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--campaign .cmp-banner .search-container input,.cmp-banner--hero .cmp-banner .search-container input,.cmp-banner--text .cmp-banner .search-container input {
      font-size:1pc
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--campaign .cmp-banner .search-container input,.cmp-banner--hero .cmp-banner .search-container input,.cmp-banner--text .cmp-banner .search-container input {
      padding:15px 3pc 15px 1pc
  }
}

.cmp-banner--campaign .cmp-banner .search-container input:active,.cmp-banner--campaign .cmp-banner .search-container input:focus,.cmp-banner--campaign .cmp-banner .search-container input:focus-visible,.cmp-banner--hero .cmp-banner .search-container input:active,.cmp-banner--hero .cmp-banner .search-container input:focus,.cmp-banner--hero .cmp-banner .search-container input:focus-visible,.cmp-banner--text .cmp-banner .search-container input:active,.cmp-banner--text .cmp-banner .search-container input:focus,.cmp-banner--text .cmp-banner .search-container input:focus-visible {
  border: 1px solid #7a35b0;
  outline: none
}

.cmp-banner--campaign .cmp-banner .search-container input:-ms-input-placeholder,.cmp-banner--hero .cmp-banner .search-container input:-ms-input-placeholder,.cmp-banner--text .cmp-banner .search-container input:-ms-input-placeholder {
  color: #ababab
}

.cmp-banner--campaign .cmp-banner .search-container input::-ms-input-placeholder,.cmp-banner--hero .cmp-banner .search-container input::-ms-input-placeholder,.cmp-banner--text .cmp-banner .search-container input::-ms-input-placeholder {
  color: #ababab
}

.cmp-banner--campaign .cmp-banner .search-container input::placeholder,.cmp-banner--hero .cmp-banner .search-container input::placeholder,.cmp-banner--text .cmp-banner .search-container input::placeholder {
  color: #ababab
}

.cmp-banner--campaign .cmp-banner .search-container input::-moz-placeholder,.cmp-banner--hero .cmp-banner .search-container input::-moz-placeholder,.cmp-banner--text .cmp-banner .search-container input::-moz-placeholder {
  color: #ababab
}

.cmp-banner--campaign .cmp-banner .search-container input::-webkit-input-placeholder,.cmp-banner--hero .cmp-banner .search-container input::-webkit-input-placeholder,.cmp-banner--text .cmp-banner .search-container input::-webkit-input-placeholder {
  color: #ababab
}

.cmp-text--default {
  color: #222
}

.cmp-cag .cmp-text--default .h1,.cmp-text--default .cmp-cag .h1,.cmp-text--default h1 {
  font-size: 2pc;
  font-weight: 700;
  letter-spacing: .384px;
  line-height: 120%;
  margin: 0 0 2pc
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-text--default .h1,.cmp-text--default .cmp-cag .h1,.cmp-text--default h1 {
      font-size:36px;
      letter-spacing: .432px
  }
}

.cmp-cag .cmp-text--default .h2,.cmp-text--default .cmp-cag .h2,.cmp-text--default h2 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .288px;
  line-height: 120%;
  margin: 0 0 2pc
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-text--default .h2,.cmp-text--default .cmp-cag .h2,.cmp-text--default h2 {
      font-size:24px
  }
}

.cmp-cag .cmp-text--default .h3,.cmp-text--default .cmp-cag .h3,.cmp-text--default h3 {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .216px;
  line-height: 120%;
  margin: 0 0 1pc
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-text--default .h3,.cmp-text--default .cmp-cag .h3,.cmp-text--default h3 {
      font-size:20px;
      letter-spacing: .24px
  }
}

.cmp-cag .cmp-text--default .h4,.cmp-text--default .cmp-cag .h4,.cmp-text--default h4 {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .168px;
  line-height: 120%;
  margin: 0 0 1pc
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-text--default .h4,.cmp-text--default .cmp-cag .h4,.cmp-text--default h4 {
      font-size:18px;
      letter-spacing: .216px
  }
}

.cmp-text--default p {
  font-size: 1pc;
  font-weight: 400;
  letter-spacing: .192px;
  line-height: 150%;
  margin: 0
}

.cmp-text--default b {
  font-weight: 700
}

.cmp-text--default a {
  color: #7a35b0;
  font-size: 1pc;
  font-weight: 400;
  letter-spacing: .192px;
  line-height: 150%;
  text-decoration: none
}

.cmp-text--default a:hover {
  text-decoration: underline
}

.cmp-text--default ol,.cmp-text--default ul {
  font-size: 1pc;
  font-weight: 400;
  letter-spacing: .192px;
  line-height: 150%;
  margin: 2pc 0;
  padding-left: 25px
}

@media screen and (min-width: 992px) {
  .cmp-text--default {
      margin:0 auto
  }
}

.cmp-container--timelineslider .cmp-tabs--default .cmp-tabs {
  margin-top: 60px
}

@media only screen and (max-width: 1024px) {
  .cmp-container--timelineslider .cmp-tabs--default .cmp-tabs {
      margin-top:40px
  }
}

.cmp-container--timelineslider .cmp-tabs--default .cmp-tabs__tab {
  cursor: pointer;
  gap: 0
}

.cmp-container--timelineslider .cmp-tabs--default .cmp-tabs__tab span {
  font-size: 1pc;
  letter-spacing: .2pc;
  text-transform: lowercase
}

.cmp-container--timelineslider .cmp-tabs--default .cmp-tabs__tabpanel {
  background-color: inherit;
  display: none
}

.cmp-container--timelineslider .cmp-tabs--default .cmp-tabs__tabpanel .cmp-container {
  max-width: none
}

@media only screen and (max-width: 1024px) {
  .cmp-container--timelineslider .cmp-tabs--default .cmp-tabs__tabpanel .cmp-container {
      padding:0
  }

  .cmp-container--timelineslider .cmp-tabs--default .cmp-tabs__tabpanel {
      display: block;
      padding-bottom: 0
  }
}

.cmp-container--timelineslider .cmp-tabs--default .cmp-tabs__tabpanel--hide {
  display: none
}

.cmp-container--timelineslider .cmp-tabs--default .cmp-tabs__tabpanel--active {
  display: block
}

.cmp-container--timelineslider.cmp-tabs-mt__40 .cmp-tabs {
  margin-top: 40px
}

.cmp-container--timelineslider .cmp-container__content+div {
  margin-top: 0!important
}

.cmp-container--timelineslider .cmp-cardlisting--tlslider {
  padding-bottom: 60px;
  padding-top: 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-container--timelineslider .cmp-cardlisting--tlslider {
      background:#fff;
      padding-bottom: 40px
  }
}

.cmp-cardlisting--tlslider {
  padding: 60px 5vw
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider {
      padding:40px 0
  }
}

.cmp-cardlisting--tlslider__container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 100%;
  position: relative
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider__container {
      display:block
  }
}

.cmp-cardlisting--tlslider .d-none {
  display: none
}

.cmp-cardlisting--tlslider__next,.cmp-cardlisting--tlslider__prev {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  cursor: pointer;
  width: 20px
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider__next,.cmp-cardlisting--tlslider__prev {
      display:none
  }
}

.cmp-cardlisting--tlslider__next-container,.cmp-cardlisting--tlslider__prev-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider__next-container,.cmp-cardlisting--tlslider__prev-container {
      display:none
  }
}

.cmp-cardlisting--tlslider__prev {
  margin-right: 1pc
}

.cmp-cardlisting--tlslider__next {
  margin-left: 1pc
}

.cmp-cardlisting--tlslider .cmp-swiper--timelineslider {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 60px;
  position: relative;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-swiper--timelineslider {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      background: transparent;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      padding-bottom: 0
  }
}

.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: auto
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-wrapper {
      -webkit-box-align:start;
      -ms-flex-align: start;
      align-items: flex-start
  }
}

.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-button-next,.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-button-prev {
  display: block;
  height: 4pc;
  left: 0;
  margin-top: 0;
  position: relative;
  right: 0;
  top: 0;
  width: 4pc
}

.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-button-next:after,.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-button-prev:after {
  display: none
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-button-next,.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-button-prev {
      background-repeat:no-repeat;
      background-size: contain;
      height: 44px;
      width: 44px
  }
}

.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-button-prev {
  background-image: url(clientlib-site/resources/images/Arrow_desktop_left.svg);
  margin-right: 8px
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-button-prev {
      margin-right:1pc
  }
}

.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-button-next {
  background-image: url(clientlib-site/resources/images/Arrow_desktop_right.svg)
}

.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-pagination.swiper-pagination-horizontal {
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  margin-left: 24px;
  position: relative;
  top: 0;
  width: auto
}

.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-pagination.swiper-pagination-horizontal>:first-child {
  margin-left: 0
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-pagination.swiper-pagination-horizontal>:first-child {
      margin-left:8px
  }

  .cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-pagination.swiper-pagination-horizontal {
      margin-left: 0;
      margin-top: 24px
  }
}

.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-pagination.swiper-pagination-horizontal span {
  background-color: #ccc;
  margin: 0 8px
}

.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-pagination.swiper-pagination-horizontal span.swiper-pagination-bullet-active {
  background-color: #7a35b0
}

.cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-navigation {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5vw
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-swiper--timelineslider .swiper-navigation {
      -webkit-box-pack:center;
      -ms-flex-pack: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      justify-content: center;
      margin-left: 0;
      margin-top: 40px
  }
}

.cmp-cardlisting--tlslider .cmp-banner {
  --banner-overlay-dark-color: linear-gradient(180deg,transparent,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6));
  --banner-overlay-light-color: linear-gradient(180deg,transparent,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4))
}

.cmp-cardlisting--tlslider .cmp-banner--overlay-dark .cmp-image:after,.cmp-cardlisting--tlslider .cmp-banner--overlay-light .cmp-image:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.cmp-cardlisting--tlslider .cmp-banner--overlay-dark .cmp-image:after {
  background: var(--banner-overlay-dark-color)
}

.cmp-cardlisting--tlslider .cmp-banner--overlay-light .cmp-image:after {
  background: var(--banner-overlay-light-color)
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider {
      padding:0 24px
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner {
  --banner-overlay-dark-color: linear-gradient(180deg,transparent,rgba(0,0,0,.3) 50%,rgba(0,0,0,.6));
  --banner-overlay-light-color: linear-gradient(180deg,transparent,rgba(0,0,0,.2) 50%,rgba(0,0,0,.4));
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 5vw;
  padding: 60px 5vw 20px
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 1pc;
      padding: 0
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner>[class^=cmp-banner] {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 37.5vw;
  flex: 0 0 37.5vw;
  max-width: 37.5vw
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner>[class^=cmp-banner] {
      -webkit-box-flex:0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
      width: 100%
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner>[class^=cmp-banner]:not(.cmp-banner__content) {
  max-width: 37.5vw
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner>[class^=cmp-banner]:not(.cmp-banner__content) {
      max-width:100%
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner>:not(.cmp-banner__content) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner>:not(.cmp-banner__content) {
      -webkit-box-ordinal-group:2;
      -ms-flex-order: 1;
      order: 1
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__content {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__content {
      -webkit-box-ordinal-group:3;
      -ms-flex-order: 2;
      order: 2
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__pre-title {
  color: #222;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2.8px;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__pre-title {
      font-size:18px;
      letter-spacing: .18pc
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  margin-top: 20px
}

@media only screen and (max-width: 768px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__title {
      font-size:24px
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__subtitle {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__subtitle {
      font-size:1pc
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__subtitle>:first-child {
  margin-top: 20px
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__subtitle.grey-text {
  color: #999
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__description {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__description {
      font-size:1pc
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__description .cmp-text {
  margin-top: 20px
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__description .cmp-text b {
  font-weight: 700
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__description .cmp-text a {
  color: #7a35b0;
  text-decoration: none
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__description .cmp-text p {
  margin: 0
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__description .cmp-text p+p,.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__description .cmp-text p+ul {
  margin-top: 20px
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__description .cmp-text>:empty {
  display: none
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__description .cmp-text {
      -webkit-line-clamp:5;
      line-clamp: 5;
      -webkit-box-orient: vertical;
      display: -webkit-box;
      overflow: hidden
  }

  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__description.show-all .cmp-text,.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__description.show-read-more .cmp-banner__read-more {
      display: block
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__read-more {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  color: #222;
  cursor: pointer;
  display: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  margin-top: 20px;
  padding: 0 1pc 0 0;
  position: relative
}

@media only screen and (max-width: 768px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__read-more {
      font-size:1pc
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__read-more:active,.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__read-more:focus,.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__read-more:hover {
  color: #222
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__read-more:after {
  border-left: 2px solid #222;
  border-top: 2px solid #222;
  content: "";
  display: block;
  height: 6px;
  position: absolute;
  right: 0;
  top: 4px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition: all .3s;
  transition: all .3s;
  width: 6px
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__read-more.read-less:after {
  top: 8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__image {
  max-width: 37.5vw
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__image {
      max-width:none
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner .cmp-image {
  aspect-ratio: 8/5;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
  width: 100%
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner .cmp-image img {
  height: 100%;
  left: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__video {
  display: block;
  position: relative
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__video img {
  -webkit-transition: .1s ease-in-out;
  transition: .1s ease-in-out
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__video:hover img {
  -webkit-transform: translate(-50%,-50%) scale(1.05);
  transform: translate(-50%,-50%) scale(1.05)
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__video .play-button {
  cursor: pointer;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__video .play-button img {
  height: 88px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 88px
}

@media only screen and (max-width: 1024px) {
  .cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner__video .play-button img {
      height:3pc;
      width: 3pc
  }
}

.cmp-cardlisting--tlslider .cmp-banner--timelineslider .cmp-banner .button a {
  display: inline-block;
  margin-top: 20px
}

.cmp-tinder-main-wrapper {
  overflow: hidden;
  padding: 60px 5pc;
  position: relative
}

.cmp-tinder-main-wrapper .retake_button {
  margin-top: 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-tinder-main-wrapper {
      background-color:#f3efe9;
      padding: 40px 24px
  }
}

.cmp-tinder-main-header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-tinder-main-header {
      gap:1pc;
      padding-bottom: 24px
  }
}

.cmp-tinder-main-header-title {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-tinder-main-header-title {
      font-size:24px
  }
}

.cmp-tinder-main-header-desc {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .cmp-tinder-main-header-desc {
      font-size:1pc
  }
}

.cmp-tinder-swiper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f3efe9;
  border-radius: 1pc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  padding: 60px;
  position: relative
}

@media only screen and (max-width: 1024px) {
  .cmp-tinder-swiper {
      border-radius:0;
      overflow: visible;
      padding: 0
  }
}

.cmp-tinder-swiper .cmp-tinder-container {
  margin-top: 2pc;
  width: 25vw
}

@media only screen and (max-width: 1024px) {
  .cmp-tinder-swiper .cmp-tinder-container {
      margin-top:24px;
      width: 100%
  }
}

.cmp-tinder-swiper .cmp-tinder-wrapper {
  aspect-ratio: 5/7;
  position: relative;
  width: 100%
}

.cmp-tinder-swiper .cmp-tinder-swippy-wrapper {
  aspect-ratio: 5/7;
  position: relative;
  width: 100%;
  z-index: 3
}

.cmp-tinder-swiper .cmp-tinder-swippy-wrapper .cards {
  height: 100%;
  width: 100%
}

.cmp-tinder-swiper .cmp-tinder-action-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  justify-content: center;
  margin-top: 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-tinder-swiper .cmp-tinder-action-container {
      margin-top:24px
  }
}

.cmp-tinder-swiper .cmp-tinder-card {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  align-items: center;
  aspect-ratio: 5/7;
  background: #f5f5f5;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.cmp-tinder-swiper .cmp-tinder-card.hidden-card {
  pointer-events: none;
  visibility: hidden
}

.cmp-tinder-swiper .cmp-tinder-card.first-card {
  -webkit-box-shadow: 0 19.02px 38.04px 0 rgba(34,34,34,.4);
  box-shadow: 0 19.02px 38.04px 0 rgba(34,34,34,.4);
  cursor: -webkit-grab;
  cursor: grab;
  -webkit-transition: -webkit-transform .5s ease;
  transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease,-webkit-transform .5s ease;
  will-change: transform
}

.cmp-tinder-swiper .cmp-tinder-card.first-card.inactive {
  pointer-events: none
}

@-webkit-keyframes fadeInUp {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }

  to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@-webkit-keyframes fadeInDown {
  0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }
}

@keyframes fadeInDown {
  0% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }

  to {
      opacity: 0;
      -webkit-transform: translate3d(0,100%,0);
      transform: translate3d(0,100%,0)
  }
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img {
  height: 100%;
  position: relative;
  width: 100%
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-image {
  height: 100%;
  position: absolute;
  width: 100%
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-image__image {
  height: 100%;
  margin-bottom: 0;
  margin-top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  width: 100%
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__content {
  background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(26.56%,rgba(0,0,0,.3)),to(rgba(0,0,0,.6)));
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.3) 26.56%,rgba(0,0,0,.6));
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  padding: 2pc;
  position: absolute;
  width: 100%
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__title {
  padding-bottom: 1pc;
  position: relative
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__title .cmp-title__text {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  display: -webkit-box;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis
}

@media only screen and (max-width: 768px) {
  .cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__title .cmp-title__text {
      font-size:20px
  }
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__title:after {
  background: #fff;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  width: 72px
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__description .cmp-text p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__description,.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__subdescription {
  padding-top: 1pc
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__description .cmp-text,.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__subdescription .cmp-text {
  font-weight: 400
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__description .cmp-text>:first-child,.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__subdescription .cmp-text>:first-child {
  margin-top: 1pc
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__description .cmp-text>:last-child,.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__subdescription .cmp-text>:last-child {
  margin-bottom: 0
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__description .cmp-text>:empty,.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__subdescription .cmp-text>:empty {
  display: none
}

.cmp-tinder-swiper .cmp-tinder-card .cmp-tinder-card-wrapper-img .cmp-teaser__description {
  padding-top: 0
}

.cmp-tinder-swiper .cmp-tinder-card-overlap-2 {
  top: -7.5%;
  -webkit-transform: scale(.8889);
  transform: scale(.8889)
}

@media only screen and (max-width: 768px) {
  .cmp-tinder-swiper .cmp-tinder-card-overlap-2 {
      top:-6.5%
  }
}

.cmp-tinder-swiper .cmp-tinder-card-overlap-3 {
  top: -16%;
  -webkit-transform: scale(.7555);
  transform: scale(.7555)
}

@media only screen and (max-width: 768px) {
  .cmp-tinder-swiper .cmp-tinder-card-overlap-3 {
      top:-14%
  }
}

.cmp-tinder-swiper .cmp-tinder-button__dislike {
  background: url(clientlib-site/resources/images/close-cross.svg);
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat
}

.cmp-tinder-swiper .cmp-tinder-button__dislike,.cmp-tinder-swiper .cmp-tinder-button__love {
  border-radius: 50%;
  -webkit-box-shadow: 0 4px 6.5px 0 rgba(34,34,34,.349);
  box-shadow: 0 4px 6.5px 0 rgba(34,34,34,.349);
  cursor: pointer;
  display: inline-block;
  height: 67px;
  width: 67px
}

.cmp-tinder-swiper .cmp-tinder-button__love {
  background: linear-gradient(243.46deg,#7e1bcc,#e74391);
  position: relative
}

.cmp-tinder-swiper .cmp-tinder-button__love .is-notactive {
  background: url(clientlib-site/resources/images/heart.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  height: 67px;
  width: 67px
}

.cmp-tinder-done-swipping-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 18px;
  font-weight: 400;
  gap: 40px;
  line-height: 150%;
  text-align: center;
  width: 55vw
}

@media only screen and (max-width: 768px) {
  .cmp-tinder-done-swipping-wrapper {
      font-size:18px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-tinder-done-swipping-wrapper {
      gap:24px;
      width: 100%
  }
}

.cmp-tinder-done-swipping-wrapper img {
  aspect-ratio: 8/5;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}

.cmp-tinder-done-swipping-wrapper .cmp-tinder-done-swipping-footer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px
}

.cmp-tinder-done-swipping-wrapper .cmp-tinder-done-swipping-footer .cmp-done-swipping-btn-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 35px;
  justify-content: center
}

.cmp-swiper-result .cmp-container--primary .cmp-container {
  padding-bottom: 0
}

.au-campaign-card .cmp-teaser__content .cmp-teaser__title .cmp-cag .h4,.au-campaign-card .cmp-teaser__content .cmp-teaser__title h4,.cmp-cag .au-campaign-card .cmp-teaser__content .cmp-teaser__title .h4 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis
}

.au-campaign-card .cmp-teaser__content .cmp-teaser__description p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis
}

.custom-toast-wrapper {
  bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  padding-left: 24px;
  padding-right: 24px;
  position: fixed;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
  width: 100%;
  z-index: 9999
}

.custom-toast-wrapper .custom-toast-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: rgba(34,34,34,.9);
  border-radius: 9pt;
  display: inline-block;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 846px;
  padding: 1pc 3pc;
  text-align: center
}

@media only screen and (max-width: 576px) {
  .custom-toast-wrapper .custom-toast-container {
      padding:1pc 24px;
      text-align: left
  }
}

.custom-toast-wrapper .custom-toast-container p {
  color: #fff;
  font-size: 9pt;
  line-height: 18px;
  margin-bottom: 0
}

@-webkit-keyframes inAnimation {
  0% {
      opacity: 0;
      visibility: hidden
  }

  to {
      opacity: 1;
      visibility: visible
  }
}

@keyframes inAnimation {
  0% {
      opacity: 0;
      visibility: hidden
  }

  to {
      opacity: 1;
      visibility: visible
  }
}

@-webkit-keyframes outAnimation {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      visibility: hidden
  }
}

@keyframes outAnimation {
  0% {
      opacity: 1
  }

  to {
      opacity: 0;
      visibility: hidden
  }
}

.cmp-banner--hteaser a {
  text-decoration: none
}

.cmp-banner--hteaser a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

@media only screen and (max-width: 768px) {
  .cmp-banner--hteaser {
      margin-bottom:24px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--hteaser {
      height:100%
  }
}

.cmp-banner--hteaser .banner,.cmp-banner--hteaser a {
  height: 100%
}

.cmp-banner--hteaser .cmp-banner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  width: 100%
}

@media only screen and (max-width: 1024px) {
  .cmp-banner--hteaser .cmp-banner {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
  }
}

@media only screen and (max-width: 576px) {
  .cmp-banner--hteaser .cmp-banner {
      height:auto
  }
}

.cmp-banner--hteaser .cmp-banner__title .cmp-title__text {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--hteaser .cmp-banner__title .cmp-title__text {
      font-size:20px
  }
}

.cmp-banner--hteaser .cmp-banner__description .cmp-text {
  font-size: 1pc;
  font-weight: 400;
  line-height: 150%;
  margin-top: 1pc
}

@media only screen and (max-width: 768px) {
  .cmp-banner--hteaser .cmp-banner__description .cmp-text {
      font-size:1pc
  }
}

.cmp-banner--hteaser .cmp-banner__subdescription__text {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--hteaser .cmp-banner__subdescription__text {
      font-size:14px
  }
}

.cmp-banner--hteaser .cmp-banner__image {
  -webkit-box-flex: 0;
  -ms-flex: 0 50%;
  flex: 0 50%;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--hteaser .cmp-banner__image {
      -webkit-box-flex:100%;
      -ms-flex: 100%;
      flex: 100%
  }
}

.cmp-banner--hteaser .cmp-banner__image .cmp-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  width: 100%
}

.cmp-banner--hteaser .cmp-banner__image .cmp-image__image {
  border-radius: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: .3s;
  transition: .3s;
  vertical-align: middle;
  width: 100%
}

.cmp-banner--hteaser .cmp-banner__image .cmp-image__image[loading=lazy] {
  aspect-ratio: 5/7
}

.cmp-banner--hteaser .cmp-banner__content {
  -webkit-box-flex: 0;
  -ms-flex: 0 50%;
  flex: 0 50%;
  padding: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--hteaser .cmp-banner__content {
      -webkit-box-flex:100%;
      -ms-flex: 100%;
      flex: 100%
  }
}

.cmp-banner--hteaser .cmp-banner .cmp-button {
  text-decoration: none
}

.cmp-banner--hteaser .cmp-banner .cmp-button__text {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--hteaser .cmp-banner .cmp-button__text {
      font-size:1pc
  }
}

.cmp-banner--hteaser .cmp-banner .cmp-button__text:after {
  background-image: url(clientlib-site/resources/images/arrow-icon.svg);
  content: "";
  display: inline-block;
  height: 25px;
  margin-left: 8px;
  vertical-align: top;
  width: 25px
}

.cmp-banner--hteaser.cmp-banner--hteaser--rimg .cmp-banner__image {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.cmp-custom-container .cmp-custom-container__content .cmp-custom-container__subtitle {
  color: #222;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  text-transform: uppercase;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .cmp-custom-container .cmp-custom-container__content .cmp-custom-container__subtitle {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.cmp-container--rowcarousel {
  overflow: hidden
}

.cmp-container--rowcarousel a {
  text-decoration: none
}

.cmp-cag .cmp-container--rowcarousel .h1,.cmp-container--rowcarousel .cmp-cag .h1,.cmp-container--rowcarousel h1 {
  color: #121212;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .24pc;
  line-height: 120%;
  margin: 0
}

@media only screen and (max-width: 768px) {
  .cmp-cag .cmp-container--rowcarousel .h1,.cmp-container--rowcarousel .cmp-cag .h1,.cmp-container--rowcarousel h1 {
      font-size:24px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-cag .cmp-container--rowcarousel .h1,.cmp-container--rowcarousel .cmp-cag .h1,.cmp-container--rowcarousel h1 {
      margin-bottom:1pc
  }
}

.cmp-cag .cmp-container--rowcarousel .h1 span,.cmp-container--rowcarousel .cmp-cag .h1 span,.cmp-container--rowcarousel h1 span {
  color: #7a35b0
}

.cmp-container--rowcarousel .section-wrap {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 60px 5vw 40px
}

@media only screen and (max-width: 1024px) {
  .cmp-container--rowcarousel .section-wrap {
      display:block;
      padding: 40px 24px
  }
}

.cmp-container--rowcarousel .button-container .button.btn-secondary.btn-light-bg a,.cmp-container--rowcarousel .button.cmp-button-secondary.cmp-button-dark-bg a {
  border: 2px solid #222;
  border-radius: 30px;
  color: #222;
  font-size: 1pc;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .192px;
  line-height: 24px;
  padding: 10px 30.5px;
  text-decoration: none
}

.cmp-container--rowcarousel .rowCarousel:last-child {
  margin-top: 2pc
}

.cmp-container--rowcarousel .teaser .cmp-teaser {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cmp-container--rowcarousel .teaser .cmp-teaser .cmp-title__text {
  display: inline;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .18pc;
  line-height: 120%;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .cmp-container--rowcarousel .teaser .cmp-teaser .cmp-title__text {
      font-size:20px;
      letter-spacing: .2pc
  }
}

.cmp-container--rowcarousel .teaser .cmp-teaser__image {
  border-radius: 8px;
  height: 121px;
  max-width: 121px;
  overflow: hidden
}

.cmp-container--rowcarousel .teaser .cmp-teaser__image .cmp-image {
  height: 100%;
  width: 100%
}

.cmp-container--rowcarousel .teaser .cmp-teaser__image .cmp-image__title {
  display: none
}

.cmp-container--rowcarousel .teaser .cmp-teaser__image .cmp-image img {
  height: 121px;
  width: 121px
}

.cmp-container--rowcarousel .teaser .cmp-teaser__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 28pc;
  padding-left: 2pc;
  padding-right: 0
}

@media only screen and (max-width: 1024px) {
  .cmp-container--rowcarousel .teaser .cmp-teaser__content {
      max-width:264px;
      padding-left: 24px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
  }
}

.cmp-container--rowcarousel .teaser .cmp-teaser .cmp-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-container--rowcarousel .teaser .cmp-teaser .cmp-text {
      font-size:1pc
  }
}

.cmp-container--rowcarousel .teaser .cmp-teaser .cmp-text p {
  margin-bottom: 0
}

.cmp-container--rowcarousel .carousel-rtl .swiper .cmp-teaser {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.cmp-container--rowcarousel .card-listing-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2pc;
  overflow: visible
}

.cmp-container--rowcarousel .card-listing-container .container {
  -ms-flex-negative: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-shrink: 0;
  gap: 2pc;
  padding-left: 2pc;
  position: relative;
  -webkit-transition: -webkit-transform .1s;
  transition: -webkit-transform .1s;
  transition: transform .1s;
  transition: transform .1s,-webkit-transform .1s
}

.cmp-container--rowcarousel .card-listing-container .container:first-child {
  z-index: 10
}

.cmp-container--rowcarousel .card-listing-container.carousel-ltr .container:first-child {
  z-index: 0
}

.cmp-container--rowcarousel .card-listing-container.carousel-ltr .container:last-child {
  z-index: 10
}

.cmp-banner--vteaser {
  height: 100%
}

.cmp-banner--vteaser a {
  cursor: pointer;
  display: block;
  height: 100%;
  margin-bottom: 0;
  padding-bottom: 24px;
  text-decoration: none
}

.cmp-banner--vteaser a img {
  -webkit-transition: .3s;
  transition: .3s
}

.cmp-banner--vteaser a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.cmp-banner--vteaser .banner,.cmp-banner--vteaser-wrapper .aem-Grid,.cmp-banner--vteaser-wrapper .aem-Grid .banner,.cmp-banner--vteaser-wrapper .aem-Grid .cmp-banner,.cmp-banner--vteaser-wrapper .cmp-banner--vteaser,.cmp-banner--vteaser-wrapper .cmp-banner--vteaser .banner,.cmp-banner--vteaser-wrapper .cmp-banner--vteaser .cmp-banner {
  height: 100%
}

.cmp-banner--vteaser-wrapper .aem-Grid .cmp-banner,.cmp-banner--vteaser-wrapper .cmp-banner--vteaser .cmp-banner {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}

.cmp-banner--vteaser .cmp-banner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-items: center;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  overflow: hidden
}

.cmp-banner--vteaser .cmp-banner__image {
  overflow: hidden;
  width: 100%
}

.cmp-banner--vteaser .cmp-banner__image .cmp-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 425px;
  max-width: 100%
}

.cmp-banner--vteaser .cmp-banner__image .cmp-image picture {
  width: 100%
}

.cmp-banner--vteaser .cmp-banner__image .cmp-image .cmp-image__image {
  aspect-ratio: 8/5;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
  width: 100%
}

.cmp-banner--vteaser .cmp-banner__title .cmp-title__text {
  color: #222;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 8px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--vteaser .cmp-banner__title .cmp-title__text {
      font-size:20px
  }
}

.cmp-banner--vteaser .cmp-banner__description .cmp-text {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--vteaser .cmp-banner__description .cmp-text {
      font-size:1pc
  }
}

.cmp-banner--vteaser .cmp-banner__subdescription__text {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 24px
}

@media only screen and (max-width: 768px) {
  .cmp-banner--vteaser .cmp-banner__subdescription__text {
      font-size:14px
  }
}

.cmp-banner--vteaser .cmp-banner .cmp-button {
  text-decoration: none
}

.cmp-banner--vteaser .cmp-banner .cmp-button__text {
  color: #222;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%
}

@media only screen and (max-width: 768px) {
  .cmp-banner--vteaser .cmp-banner .cmp-button__text {
      font-size:1pc
  }
}

.cmp-banner--vteaser .cmp-banner .cmp-button__text:after {
  background-image: url(clientlib-site/resources/images/arrow-icon.svg);
  content: "";
  display: inline-block;
  height: 25px;
  margin-left: 8px;
  vertical-align: top;
  width: 25px
}

.cmp-banner--vteaser .cmp-banner__action-container,.cmp-banner--vteaser .cmp-banner__subdescription {
  margin-top: auto
}

.cmp-banner--vteaser .cmp-banner__subdescription+.cmp-banner__action-container {
  margin-top: 0
}

.cmp-banner--vteaser .cmp-banner__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-grow: 1;
  padding: 24px 2pc;
  width: 100%
}

@media only screen and (max-width: 576px) {
  .cmp-banner--vteaser .cmp-banner__content {
      padding:24px
  }
}

.cmp-video--modal {
  padding-left: calc(var(--bs-gutter-x)*.5);
  padding-right: calc(var(--bs-gutter-x)*.5);
  padding-top: calc(var(--bs-gutter-y)*1)
}

.cmp-video--modal .cmp-modal__video {
  display: inherit;
  position: relative
}

.cmp-video--modal .cmp-modal__video img {
  border-radius: 8px;
  width: -webkit-fill-available
}

.cmp-video--modal .cmp-modal__video .play-button {
  cursor: pointer;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.cmp-video--modal .cmp-modal__video .play-button img {
  height: 88px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 88px
}

.cmp-video--modal .cmp-modal__video__title {
  color: #454545;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .cmp-video--modal .cmp-modal__video__title {
      font-size:14px
  }
}

.cmp-video--modal .cmp-modal__video__title {
  padding-top: 8px
}

@media only screen and (max-width: 768px) {
  .cmp-video--modal .cmp-modal__video__title {
      padding-top:8px
  }
}

.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border: 8px solid transparent;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  content: "";
  height: 0;
  left: -8px;
  position: absolute;
  width: 1px;
  z-index: -1
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border-bottom-color: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-top: -8px;
  top: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  border-bottom-color: #f0f0f0;
  border-top: none
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
  top: 0
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  border-bottom-color: #aeaeae;
  top: -1px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border-bottom: none;
  border-top-color: #fff
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
  bottom: 0
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border-top-color: #aeaeae;
  bottom: -1px
}

.react-datepicker-wrapper {
  border: 0;
  display: inline-block;
  padding: 0
}

.react-datepicker {
  background-color: #fff;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  color: #000;
  display: inline-block;
  font-family: Helvetica Neue,helvetica,arial,sans-serif;
  font-size: .8rem;
  position: relative
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem
}

.react-datepicker__triangle {
  left: 50px;
  position: absolute
}

.react-datepicker-popper {
  z-index: 1
}

.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px
}

.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px
}

.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px
}

.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px
}

.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px
}

.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px
}

.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto
}

.react-datepicker__header {
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: .3rem;
  padding: 8px 0;
  position: relative;
  text-align: center
}

.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select {
  display: inline-block;
  margin: 0 15px
}

.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month {
  color: #000;
  font-size: .944rem;
  font-weight: 700;
  margin-top: 0
}

.react-datepicker-time__header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.react-datepicker__navigation {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2pc;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: center;
  text-indent: -999em;
  top: 2px;
  width: 2pc;
  z-index: 1
}

.react-datepicker__navigation--previous {
  left: 2px
}

.react-datepicker__navigation--next {
  right: 2px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px
}

.react-datepicker__navigation--years {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0
}

.react-datepicker__navigation--years-previous {
  top: 4px
}

.react-datepicker__navigation--years-upcoming {
  top: -4px
}

.react-datepicker__navigation:hover :before {
  border-color: #a6a6a6
}

.react-datepicker__navigation-icon {
  font-size: 20px;
  position: relative;
  top: -1px;
  width: 0
}

.react-datepicker__navigation-icon--next {
  left: -2px
}

.react-datepicker__navigation-icon--next:before {
  left: -7px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.react-datepicker__navigation-icon--previous {
  right: -2px
}

.react-datepicker__navigation-icon--previous:before {
  right: -7px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg)
}

.react-datepicker__month-container {
  float: left
}

.react-datepicker__year {
  margin: .4rem;
  text-align: center
}

.react-datepicker__year-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  margin: 2px;
  width: 4rem
}

.react-datepicker__month {
  margin: .4rem;
  text-align: center
}

.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  margin: 2px;
  width: 4rem
}

.react-datepicker__input-time-container {
  clear: both;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
  width: 100%
}

.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  display: inline-block;
  margin-left: 5px
}

.react-datepicker__time-container {
  border-left: 1px solid #aeaeae;
  float: right;
  width: 85px
}

.react-datepicker__time-container--with-today-button {
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  display: inline;
  position: absolute;
  right: -87px;
  top: 0
}

.react-datepicker__time-container .react-datepicker__time {
  background: #fff;
  border-bottom-right-radius: .3rem;
  position: relative
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  border-bottom-right-radius: .3rem;
  margin: 0 auto;
  overflow-x: hidden;
  text-align: center;
  width: 85px
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: calc(195px + .85rem);
  list-style: none;
  margin: 0;
  overflow-y: scroll;
  padding-left: 0;
  padding-right: 0;
  width: 100%
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  background-color: #f0f0f0;
  cursor: pointer
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: #fff;
  font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  background-color: transparent;
  cursor: default
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  line-height: 1.7rem;
  margin: .166rem;
  text-align: center;
  width: 1.7rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover {
  background-color: #f0f0f0;
  border-radius: .3rem
}

.react-datepicker__week-number--selected {
  background-color: #216ba5;
  border-radius: .3rem;
  color: #fff
}

.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90
}

.react-datepicker__week-number--keyboard-selected {
  background-color: #2a87d0;
  border-radius: .3rem;
  color: #fff
}

.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90
}

.react-datepicker__day-names {
  margin-bottom: -8px;
  white-space: nowrap
}

.react-datepicker__week {
  white-space: nowrap
}

.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  line-height: 1.7rem;
  margin: .166rem;
  text-align: center;
  width: 1.7rem
}

.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text {
  cursor: pointer
}

.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover {
  background-color: #f0f0f0;
  border-radius: .3rem
}

.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today {
  font-weight: 700
}

.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted {
  background-color: #3dcc4a;
  border-radius: .3rem;
  color: #fff
}

.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1 {
  color: #f0f
}

.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2 {
  color: green
}

.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays {
  background-color: #ff6803;
  border-radius: .3rem;
  color: #fff;
  position: relative
}

.react-datepicker__day--holidays .holiday-overlay,.react-datepicker__month-text--holidays .holiday-overlay,.react-datepicker__quarter-text--holidays .holiday-overlay,.react-datepicker__year-text--holidays .holiday-overlay {
  background-color: #333;
  border-radius: 4px;
  bottom: 100%;
  color: #fff;
  left: 50%;
  opacity: 0;
  padding: 4px;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: visibility 0s,opacity .3s ease-in-out;
  transition: visibility 0s,opacity .3s ease-in-out;
  visibility: hidden;
  white-space: nowrap
}

.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300
}

.react-datepicker__day--holidays:hover .holiday-overlay,.react-datepicker__month-text--holidays:hover .holiday-overlay,.react-datepicker__quarter-text--holidays:hover .holiday-overlay,.react-datepicker__year-text--holidays:hover .holiday-overlay {
  opacity: 1;
  visibility: visible
}

.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected {
  background-color: #216ba5;
  border-radius: .3rem;
  color: #fff
}

.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover {
  background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected {
  background-color: #bad9f1;
  border-radius: .3rem;
  color: #000
}

.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range) {
  background-color: rgba(33,107,165,.5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000
}

.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled {
  color: #ccc;
  cursor: default
}

.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover {
  background-color: transparent
}

.react-datepicker__input-container {
  display: inline-block;
  position: relative;
  width: 100%
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: .5rem;
  position: absolute
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px
}

.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view {
  border: 1px solid transparent;
  border-radius: .3rem;
  position: relative
}

.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover {
  cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow {
  right: -1pc;
  top: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  border: 1px solid #aeaeae;
  border-radius: .3rem;
  left: 25%;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 50%;
  z-index: 1
}

.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover {
  cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll
}

.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option {
  display: block;
  line-height: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type {
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover {
  background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected {
  left: 15px;
  position: absolute
}

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: table-cell;
  height: 100%;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  right: 0;
  top: 0;
  vertical-align: middle
}

.react-datepicker__close-icon:after {
  background-color: #216ba5;
  border-radius: 50%;
  color: #fff;
  content: "×";
  cursor: pointer;
  display: table-cell;
  font-size: 9pt;
  height: 1pc;
  line-height: 1;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  width: 1pc
}

.react-datepicker__close-icon--disabled {
  cursor: default
}

.react-datepicker__close-icon--disabled:after {
  background-color: #ccc;
  cursor: default
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  clear: left;
  cursor: pointer;
  font-weight: 700;
  padding: 5px 0;
  text-align: center
}

.react-datepicker__portal {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0,0,0,.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
  line-height: 3rem;
  width: 3rem
}

@media(max-height: 550px),(max-width:400px) {
  .react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name {
      line-height:2rem;
      width: 2rem
  }
}

.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month {
  font-size: 1.44rem
}

.react-datepicker__children-container {
  height: auto;
  margin: .4rem;
  padding-left: .2rem;
  padding-right: .2rem;
  width: 13.8rem
}

.react-datepicker__aria-live {
  border: 0;
  clip-path: circle(0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px
}

.react-datepicker__calendar-icon {
  height: 1em;
  vertical-align: -.125em;
  width: 1em
}

@font-face {
  font-display: block;
  font-family: Lato;
  font-style: normal;
  font-weight: 400;
  src: url(clientlib-site/resources/fonts/Lato-Regular.woff2) format("woff2")
}

@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 700;
  src: url(clientlib-site/resources/fonts/Lato-Bold.woff2) format("woff2")
}

@font-face {
  font-display: block;
  font-family: Noto Sans SC;
  font-style: normal;
  font-weight: 400;
  src: url(clientlib-site/resources/fonts/NotoSans-Regular.ttf) format("truetype")
}

@font-face {
  font-family: Noto Sans SC;
  font-style: normal;
  font-weight: 700;
  src: url(clientlib-site/resources/fonts/NotoSans-Bold.ttf) format("truetype")
}

.cmp-container--fixed,.cmp-custom-container {
  clear: both!important;
  display: block;
  float: none!important;
  margin: 0 auto;
  max-width: 100%;
  padding: 60px 5vw;
  width: auto
}

@media only screen and (max-width: 576px) {
  .cmp-container--fixed,.cmp-custom-container {
      padding:40px 24px
  }
}

.cmp-container--primary>.cmp-container {
  clear: both!important;
  display: block;
  float: none!important;
  margin: 0 auto;
  max-width: 100%;
  padding: 60px 5vw;
  width: auto
}

@media only screen and (max-width: 576px) {
  .cmp-container--primary>.cmp-container {
      padding:40px 24px
  }
}

.cmp-container--primary>.cmp-container>.cmp-container__content {
  padding-bottom: 40px
}

@media only screen and (max-width: 768px) {
  .cmp-container--primary>.cmp-container>.cmp-container__content {
      padding-bottom:24px
  }
}

.cmp-container--secondary>.cmp-container {
  clear: both!important;
  display: block;
  float: none!important;
  margin: 0 auto;
  max-width: 100%;
  padding: 60px 189px;
  width: auto
}

@media screen and (min-width: 768px)and (max-width:1280px) {
  .cmp-container--secondary>.cmp-container {
      padding:0 90px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-container--secondary>.cmp-container {
      padding:40px 24px
  }
}

.cmp-container--tertiary>.cmp-container {
  clear: both!important;
  display: block;
  float: none!important;
  margin: 0 auto;
  max-width: 846px;
  width: auto
}

@media screen and (min-width: 768px)and (max-width:1280px) {
  .cmp-container--tertiary>.cmp-container {
      padding:0 90px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-container--tertiary>.cmp-container {
      padding:40px 24px
  }
}

.cmp-container--fixed .cmp-custom-container {
  padding: 0
}

.cmp-custom-container>.row .aem-Grid,.cmp-custom-container>.row .card,.cmp-custom-container>.row .cmp-cards,.cmp-custom-container>.row .cmp-teaser,.cmp-custom-container>.row .responsivegrid {
  height: 100%
}

.cmp-custom-container>.row .cmp-teaser__card,.cmp-custom-container>.row .cmp-teaser__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

.cmp-custom-container>.row .cmp-teaser__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

.cmp-custom-container>.row .cmp-teaser__action-container {
  margin-top: auto
}

.cmp-container--fullwidth>.cmp-container {
  padding-bottom: 60px
}

@media only screen and (max-width: 768px) {
  .cmp-container--fullwidth>.cmp-container {
      padding-bottom:40px
  }
}

.cmp-container--fullwidth>.cmp-container>.cmp-container__content {
  padding: 60px 5vw 40px
}

@media only screen and (max-width: 768px) {
  .cmp-container--fullwidth>.cmp-container>.cmp-container__content {
      padding:40px 24px 24px
  }
}

.cmp-px {
  padding: 0 5vw
}

@media only screen and (max-width: 576px) {
  .cmp-px {
      padding:0 24px
  }
}

.cmp-px__80 {
  padding-left: 5pc;
  padding-right: 5pc
}

@media only screen and (max-width: 576px) {
  .cmp-px__80 {
      padding:0 24px
  }
}

.cmp-px__60 {
  padding-left: 60px;
  padding-right: 60px
}

@media only screen and (max-width: 576px) {
  .cmp-px__60 {
      padding:0 24px
  }
}

.cmp-px__47 {
  padding-left: 47px;
  padding-right: 47px
}

.cmp-px__40 {
  padding-left: 40px;
  padding-right: 40px
}

.cmp-px__32 {
  padding-left: 2pc;
  padding-right: 2pc
}

.cmp-px__24 {
  padding-left: 24px;
  padding-right: 24px
}

.cmp-px__20 {
  padding-left: 20px;
  padding-right: 20px
}

.cmp-px__0 {
  padding-left: 0;
  padding-right: 0
}

.cmp-px__10 {
  padding-left: 10px;
  padding-right: 10px
}

.cmp-px__8 {
  padding-left: 8px;
  padding-right: 8px
}

.cmp-py__80 {
  padding-bottom: 5pc;
  padding-top: 5pc
}

@media only screen and (max-width: 576px) {
  .cmp-py__80 {
      padding:40px 0
  }
}

.cmp-py__60 {
  padding-bottom: 60px;
  padding-top: 60px
}

@media only screen and (max-width: 576px) {
  .cmp-py__60 {
      padding:40px 0
  }
}

.cmp-py__47 {
  padding-bottom: 47px;
  padding-top: 47px
}

.cmp-py__40 {
  padding-bottom: 40px;
  padding-top: 40px
}

.cmp-py__32 {
  padding-bottom: 2pc;
  padding-top: 2pc
}

.cmp-py__24 {
  padding-bottom: 24px;
  padding-top: 24px
}

.cmp-py__20 {
  padding-bottom: 20px;
  padding-top: 20px
}

.cmp-py__0 {
  padding-bottom: 0;
  padding-top: 0
}

.cmp-py__10 {
  padding-bottom: 10px;
  padding-top: 10px
}

.cmp-py__8 {
  padding-bottom: 8px;
  padding-top: 8px
}

.cmp-pb__80 {
  padding-bottom: 5pc
}

.cmp-pb__60 {
  padding-bottom: 60px
}

.cmp-pb__47 {
  padding-bottom: 47px
}

.cmp-pb__40 {
  padding-bottom: 40px
}

.cmp-pb__32 {
  padding-bottom: 2pc
}

.cmp-pb__24 {
  padding-bottom: 24px
}

.cmp-pb__20 {
  padding-bottom: 20px
}

.cmp-pb__0 {
  padding-bottom: 0
}

.cmp-pb__10 {
  padding-bottom: 10px
}

.cmp-pb__8 {
  padding-bottom: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-pb-lg__80 {
      padding-bottom:5pc
  }

  .cmp-pb-lg__60 {
      padding-bottom: 60px
  }

  .cmp-pb-lg__47 {
      padding-bottom: 47px
  }

  .cmp-pb-lg__40 {
      padding-bottom: 40px
  }

  .cmp-pb-lg__32 {
      padding-bottom: 2pc
  }

  .cmp-pb-lg__24 {
      padding-bottom: 24px
  }

  .cmp-pb-lg__20 {
      padding-bottom: 20px
  }

  .cmp-pb-lg__0 {
      padding-bottom: 0
  }

  .cmp-pb-lg__10 {
      padding-bottom: 10px
  }

  .cmp-pb-lg__8 {
      padding-bottom: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-pb-md__80 {
      padding-bottom:5pc
  }

  .cmp-pb-md__60 {
      padding-bottom: 60px
  }

  .cmp-pb-md__47 {
      padding-bottom: 47px
  }

  .cmp-pb-md__40 {
      padding-bottom: 40px
  }

  .cmp-pb-md__32 {
      padding-bottom: 2pc
  }

  .cmp-pb-md__24 {
      padding-bottom: 24px
  }

  .cmp-pb-md__20 {
      padding-bottom: 20px
  }

  .cmp-pb-md__0 {
      padding-bottom: 0
  }

  .cmp-pb-md__10 {
      padding-bottom: 10px
  }

  .cmp-pb-md__8 {
      padding-bottom: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-pb-sm__80 {
      padding-bottom:5pc
  }

  .cmp-pb-sm__60 {
      padding-bottom: 60px
  }

  .cmp-pb-sm__47 {
      padding-bottom: 47px
  }

  .cmp-pb-sm__40 {
      padding-bottom: 40px
  }

  .cmp-pb-sm__32 {
      padding-bottom: 2pc
  }

  .cmp-pb-sm__24 {
      padding-bottom: 24px
  }

  .cmp-pb-sm__20 {
      padding-bottom: 20px
  }

  .cmp-pb-sm__0 {
      padding-bottom: 0
  }

  .cmp-pb-sm__10 {
      padding-bottom: 10px
  }

  .cmp-pb-sm__8 {
      padding-bottom: 8px
  }
}

.cmp-pb__only80 {
  padding-bottom: 5pc!important
}

.cmp-pb__only60 {
  padding-bottom: 60px!important
}

.cmp-pb__only47 {
  padding-bottom: 47px!important
}

.cmp-pb__only40 {
  padding-bottom: 40px!important
}

.cmp-pb__only32 {
  padding-bottom: 2pc!important
}

.cmp-pb__only24 {
  padding-bottom: 24px!important
}

.cmp-pb__only20 {
  padding-bottom: 20px!important
}

.cmp-pb__only0 {
  padding-bottom: 0!important
}

.cmp-pb__only10 {
  padding-bottom: 10px!important
}

.cmp-pb__only8 {
  padding-bottom: 8px!important
}

.cmp-pt__only80 {
  padding-top: 5pc!important
}

.cmp-pt__only60 {
  padding-top: 60px!important
}

.cmp-pt__only47 {
  padding-top: 47px!important
}

.cmp-pt__only40 {
  padding-top: 40px!important
}

.cmp-pt__only32 {
  padding-top: 2pc!important
}

.cmp-pt__only24 {
  padding-top: 24px!important
}

.cmp-pt__only20 {
  padding-top: 20px!important
}

.cmp-pt__only0 {
  padding-top: 0!important
}

.cmp-pt__only10 {
  padding-top: 10px!important
}

.cmp-pt__only8 {
  padding-top: 8px!important
}

.cmp-pt__80 {
  padding-top: 5pc
}

.cmp-pt__60 {
  padding-top: 60px
}

.cmp-pt__47 {
  padding-top: 47px
}

.cmp-pt__40 {
  padding-top: 40px
}

.cmp-pt__32 {
  padding-top: 2pc
}

.cmp-pt__24 {
  padding-top: 24px
}

.cmp-pt__20 {
  padding-top: 20px
}

.cmp-pt__0 {
  padding-top: 0
}

.cmp-pt__10 {
  padding-top: 10px
}

.cmp-pt__8 {
  padding-top: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-pt-lg__80 {
      padding-top:5pc
  }

  .cmp-pt-lg__60 {
      padding-top: 60px
  }

  .cmp-pt-lg__47 {
      padding-top: 47px
  }

  .cmp-pt-lg__40 {
      padding-top: 40px
  }

  .cmp-pt-lg__32 {
      padding-top: 2pc
  }

  .cmp-pt-lg__24 {
      padding-top: 24px
  }

  .cmp-pt-lg__20 {
      padding-top: 20px
  }

  .cmp-pt-lg__0 {
      padding-top: 0
  }

  .cmp-pt-lg__10 {
      padding-top: 10px
  }

  .cmp-pt-lg__8 {
      padding-top: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-pt-md__80 {
      padding-top:5pc
  }

  .cmp-pt-md__60 {
      padding-top: 60px
  }

  .cmp-pt-md__47 {
      padding-top: 47px
  }

  .cmp-pt-md__40 {
      padding-top: 40px
  }

  .cmp-pt-md__32 {
      padding-top: 2pc
  }

  .cmp-pt-md__24 {
      padding-top: 24px
  }

  .cmp-pt-md__20 {
      padding-top: 20px
  }

  .cmp-pt-md__0 {
      padding-top: 0
  }

  .cmp-pt-md__10 {
      padding-top: 10px
  }

  .cmp-pt-md__8 {
      padding-top: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-pt-sm__80 {
      padding-top:5pc
  }

  .cmp-pt-sm__60 {
      padding-top: 60px
  }

  .cmp-pt-sm__47 {
      padding-top: 47px
  }

  .cmp-pt-sm__40 {
      padding-top: 40px
  }

  .cmp-pt-sm__32 {
      padding-top: 2pc
  }

  .cmp-pt-sm__24 {
      padding-top: 24px
  }

  .cmp-pt-sm__20 {
      padding-top: 20px
  }

  .cmp-pt-sm__0 {
      padding-top: 0
  }

  .cmp-pt-sm__10 {
      padding-top: 10px
  }

  .cmp-pt-sm__8 {
      padding-top: 8px
  }
}

.cmp-pl__80 {
  padding-left: 5pc
}

.cmp-pl__60 {
  padding-left: 60px
}

.cmp-pl__47 {
  padding-left: 47px
}

.cmp-pl__40 {
  padding-left: 40px
}

.cmp-pl__32 {
  padding-left: 2pc
}

.cmp-pl__24 {
  padding-left: 24px
}

.cmp-pl__20 {
  padding-left: 20px
}

.cmp-pl__0 {
  padding-left: 0
}

.cmp-pl__10 {
  padding-left: 10px
}

.cmp-pl__8 {
  padding-left: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-pl-lg__80 {
      padding-left:5pc
  }

  .cmp-pl-lg__60 {
      padding-left: 60px
  }

  .cmp-pl-lg__47 {
      padding-left: 47px
  }

  .cmp-pl-lg__40 {
      padding-left: 40px
  }

  .cmp-pl-lg__32 {
      padding-left: 2pc
  }

  .cmp-pl-lg__24 {
      padding-left: 24px
  }

  .cmp-pl-lg__20 {
      padding-left: 20px
  }

  .cmp-pl-lg__0 {
      padding-left: 0
  }

  .cmp-pl-lg__10 {
      padding-left: 10px
  }

  .cmp-pl-lg__8 {
      padding-left: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-pl-md__80 {
      padding-left:5pc
  }

  .cmp-pl-md__60 {
      padding-left: 60px
  }

  .cmp-pl-md__47 {
      padding-left: 47px
  }

  .cmp-pl-md__40 {
      padding-left: 40px
  }

  .cmp-pl-md__32 {
      padding-left: 2pc
  }

  .cmp-pl-md__24 {
      padding-left: 24px
  }

  .cmp-pl-md__20 {
      padding-left: 20px
  }

  .cmp-pl-md__0 {
      padding-left: 0
  }

  .cmp-pl-md__10 {
      padding-left: 10px
  }

  .cmp-pl-md__8 {
      padding-left: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-pl-sm__80 {
      padding-left:5pc
  }

  .cmp-pl-sm__60 {
      padding-left: 60px
  }

  .cmp-pl-sm__47 {
      padding-left: 47px
  }

  .cmp-pl-sm__40 {
      padding-left: 40px
  }

  .cmp-pl-sm__32 {
      padding-left: 2pc
  }

  .cmp-pl-sm__24 {
      padding-left: 24px
  }

  .cmp-pl-sm__20 {
      padding-left: 20px
  }

  .cmp-pl-sm__0 {
      padding-left: 0
  }

  .cmp-pl-sm__10 {
      padding-left: 10px
  }

  .cmp-pl-sm__8 {
      padding-left: 8px
  }
}

.cmp-pr__80 {
  padding-right: 5pc
}

.cmp-pr__60 {
  padding-right: 60px
}

.cmp-pr__47 {
  padding-right: 47px
}

.cmp-pr__40 {
  padding-right: 40px
}

.cmp-pr__32 {
  padding-right: 2pc
}

.cmp-pr__24 {
  padding-right: 24px
}

.cmp-pr__20 {
  padding-right: 20px
}

.cmp-pr__0 {
  padding-right: 0
}

.cmp-pr__10 {
  padding-right: 10px
}

.cmp-pr__8 {
  padding-right: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-pr-lg__80 {
      padding-right:5pc
  }

  .cmp-pr-lg__60 {
      padding-right: 60px
  }

  .cmp-pr-lg__47 {
      padding-right: 47px
  }

  .cmp-pr-lg__40 {
      padding-right: 40px
  }

  .cmp-pr-lg__32 {
      padding-right: 2pc
  }

  .cmp-pr-lg__24 {
      padding-right: 24px
  }

  .cmp-pr-lg__20 {
      padding-right: 20px
  }

  .cmp-pr-lg__0 {
      padding-right: 0
  }

  .cmp-pr-lg__10 {
      padding-right: 10px
  }

  .cmp-pr-lg__8 {
      padding-right: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-pr-md__80 {
      padding-right:5pc
  }

  .cmp-pr-md__60 {
      padding-right: 60px
  }

  .cmp-pr-md__47 {
      padding-right: 47px
  }

  .cmp-pr-md__40 {
      padding-right: 40px
  }

  .cmp-pr-md__32 {
      padding-right: 2pc
  }

  .cmp-pr-md__24 {
      padding-right: 24px
  }

  .cmp-pr-md__20 {
      padding-right: 20px
  }

  .cmp-pr-md__0 {
      padding-right: 0
  }

  .cmp-pr-md__10 {
      padding-right: 10px
  }

  .cmp-pr-md__8 {
      padding-right: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-pr-sm__80 {
      padding-right:5pc
  }

  .cmp-pr-sm__60 {
      padding-right: 60px
  }

  .cmp-pr-sm__47 {
      padding-right: 47px
  }

  .cmp-pr-sm__40 {
      padding-right: 40px
  }

  .cmp-pr-sm__32 {
      padding-right: 2pc
  }

  .cmp-pr-sm__24 {
      padding-right: 24px
  }

  .cmp-pr-sm__20 {
      padding-right: 20px
  }

  .cmp-pr-sm__0 {
      padding-right: 0
  }

  .cmp-pr-sm__10 {
      padding-right: 10px
  }

  .cmp-pr-sm__8 {
      padding-right: 8px
  }
}

.cmp-text__center {
  text-align: center
}

.cmp-text__left {
  text-align: left
}

.cmp-text__right {
  text-align: right
}

.cmp-content__center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center
}

.cmp-content__center,.cmp-content__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.cmp-content__left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  text-align: left
}

.cmp-content__right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: end;
  text-align: right
}

.cmp-container-pb__80>.cmp-container,.cmp-container-pb__80>.cmp-custom-container {
  padding-bottom: 5pc
}

.cmp-container-pb__60>.cmp-container,.cmp-container-pb__60>.cmp-custom-container {
  padding-bottom: 60px
}

.cmp-container-pb__47>.cmp-container,.cmp-container-pb__47>.cmp-custom-container {
  padding-bottom: 47px
}

.cmp-container-pb__40>.cmp-container,.cmp-container-pb__40>.cmp-custom-container {
  padding-bottom: 40px
}

.cmp-container-pb__32>.cmp-container,.cmp-container-pb__32>.cmp-custom-container {
  padding-bottom: 2pc
}

.cmp-container-pb__24>.cmp-container,.cmp-container-pb__24>.cmp-custom-container {
  padding-bottom: 24px
}

.cmp-container-pb__20>.cmp-container,.cmp-container-pb__20>.cmp-custom-container {
  padding-bottom: 20px
}

.cmp-container-pb__0>.cmp-container,.cmp-container-pb__0>.cmp-custom-container {
  padding-bottom: 0
}

.cmp-container-pb__10>.cmp-container,.cmp-container-pb__10>.cmp-custom-container {
  padding-bottom: 10px
}

.cmp-container-pb__8>.cmp-container,.cmp-container-pb__8>.cmp-custom-container {
  padding-bottom: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-container-pb-lg__80>.cmp-container,.cmp-container-pb-lg__80>.cmp-custom-container {
      padding-bottom:5pc
  }

  .cmp-container-pb-lg__60>.cmp-container,.cmp-container-pb-lg__60>.cmp-custom-container {
      padding-bottom: 60px
  }

  .cmp-container-pb-lg__47>.cmp-container,.cmp-container-pb-lg__47>.cmp-custom-container {
      padding-bottom: 47px
  }

  .cmp-container-pb-lg__40>.cmp-container,.cmp-container-pb-lg__40>.cmp-custom-container {
      padding-bottom: 40px
  }

  .cmp-container-pb-lg__32>.cmp-container,.cmp-container-pb-lg__32>.cmp-custom-container {
      padding-bottom: 2pc
  }

  .cmp-container-pb-lg__24>.cmp-container,.cmp-container-pb-lg__24>.cmp-custom-container {
      padding-bottom: 24px
  }

  .cmp-container-pb-lg__20>.cmp-container,.cmp-container-pb-lg__20>.cmp-custom-container {
      padding-bottom: 20px
  }

  .cmp-container-pb-lg__0>.cmp-container,.cmp-container-pb-lg__0>.cmp-custom-container {
      padding-bottom: 0
  }

  .cmp-container-pb-lg__10>.cmp-container,.cmp-container-pb-lg__10>.cmp-custom-container {
      padding-bottom: 10px
  }

  .cmp-container-pb-lg__8>.cmp-container,.cmp-container-pb-lg__8>.cmp-custom-container {
      padding-bottom: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-container-pb-md__80>.cmp-container,.cmp-container-pb-md__80>.cmp-custom-container {
      padding-bottom:5pc
  }

  .cmp-container-pb-md__60>.cmp-container,.cmp-container-pb-md__60>.cmp-custom-container {
      padding-bottom: 60px
  }

  .cmp-container-pb-md__47>.cmp-container,.cmp-container-pb-md__47>.cmp-custom-container {
      padding-bottom: 47px
  }

  .cmp-container-pb-md__40>.cmp-container,.cmp-container-pb-md__40>.cmp-custom-container {
      padding-bottom: 40px
  }

  .cmp-container-pb-md__32>.cmp-container,.cmp-container-pb-md__32>.cmp-custom-container {
      padding-bottom: 2pc
  }

  .cmp-container-pb-md__24>.cmp-container,.cmp-container-pb-md__24>.cmp-custom-container {
      padding-bottom: 24px
  }

  .cmp-container-pb-md__20>.cmp-container,.cmp-container-pb-md__20>.cmp-custom-container {
      padding-bottom: 20px
  }

  .cmp-container-pb-md__0>.cmp-container,.cmp-container-pb-md__0>.cmp-custom-container {
      padding-bottom: 0
  }

  .cmp-container-pb-md__10>.cmp-container,.cmp-container-pb-md__10>.cmp-custom-container {
      padding-bottom: 10px
  }

  .cmp-container-pb-md__8>.cmp-container,.cmp-container-pb-md__8>.cmp-custom-container {
      padding-bottom: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-container-pb-sm__80>.cmp-container,.cmp-container-pb-sm__80>.cmp-custom-container {
      padding-bottom:5pc
  }

  .cmp-container-pb-sm__60>.cmp-container,.cmp-container-pb-sm__60>.cmp-custom-container {
      padding-bottom: 60px
  }

  .cmp-container-pb-sm__47>.cmp-container,.cmp-container-pb-sm__47>.cmp-custom-container {
      padding-bottom: 47px
  }

  .cmp-container-pb-sm__40>.cmp-container,.cmp-container-pb-sm__40>.cmp-custom-container {
      padding-bottom: 40px
  }

  .cmp-container-pb-sm__32>.cmp-container,.cmp-container-pb-sm__32>.cmp-custom-container {
      padding-bottom: 2pc
  }

  .cmp-container-pb-sm__24>.cmp-container,.cmp-container-pb-sm__24>.cmp-custom-container {
      padding-bottom: 24px
  }

  .cmp-container-pb-sm__20>.cmp-container,.cmp-container-pb-sm__20>.cmp-custom-container {
      padding-bottom: 20px
  }

  .cmp-container-pb-sm__0>.cmp-container,.cmp-container-pb-sm__0>.cmp-custom-container {
      padding-bottom: 0
  }

  .cmp-container-pb-sm__10>.cmp-container,.cmp-container-pb-sm__10>.cmp-custom-container {
      padding-bottom: 10px
  }

  .cmp-container-pb-sm__8>.cmp-container,.cmp-container-pb-sm__8>.cmp-custom-container {
      padding-bottom: 8px
  }
}

.cmp-container-px__80>.cmp-container,.cmp-container-px__80>.cmp-custom-container {
  padding-left: 5pc;
  padding-right: 5pc
}

.cmp-container-px__60>.cmp-container,.cmp-container-px__60>.cmp-custom-container {
  padding-left: 60px;
  padding-right: 60px
}

.cmp-container-px__47>.cmp-container,.cmp-container-px__47>.cmp-custom-container {
  padding-left: 47px;
  padding-right: 47px
}

.cmp-container-px__40>.cmp-container,.cmp-container-px__40>.cmp-custom-container {
  padding-left: 40px;
  padding-right: 40px
}

.cmp-container-px__32>.cmp-container,.cmp-container-px__32>.cmp-custom-container {
  padding-left: 2pc;
  padding-right: 2pc
}

.cmp-container-px__24>.cmp-container,.cmp-container-px__24>.cmp-custom-container {
  padding-left: 24px;
  padding-right: 24px
}

.cmp-container-px__20>.cmp-container,.cmp-container-px__20>.cmp-custom-container {
  padding-left: 20px;
  padding-right: 20px
}

.cmp-container-px__0>.cmp-container,.cmp-container-px__0>.cmp-custom-container {
  padding-left: 0;
  padding-right: 0
}

.cmp-container-px__10>.cmp-container,.cmp-container-px__10>.cmp-custom-container {
  padding-left: 10px;
  padding-right: 10px
}

.cmp-container-px__8>.cmp-container,.cmp-container-px__8>.cmp-custom-container {
  padding-left: 8px;
  padding-right: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-container-px-lg__80>.cmp-container,.cmp-container-px-lg__80>.cmp-custom-container {
      padding-left:5pc;
      padding-right: 5pc
  }

  .cmp-container-px-lg__60>.cmp-container,.cmp-container-px-lg__60>.cmp-custom-container {
      padding-left: 60px;
      padding-right: 60px
  }

  .cmp-container-px-lg__47>.cmp-container,.cmp-container-px-lg__47>.cmp-custom-container {
      padding-left: 47px;
      padding-right: 47px
  }

  .cmp-container-px-lg__40>.cmp-container,.cmp-container-px-lg__40>.cmp-custom-container {
      padding-left: 40px;
      padding-right: 40px
  }

  .cmp-container-px-lg__32>.cmp-container,.cmp-container-px-lg__32>.cmp-custom-container {
      padding-left: 2pc;
      padding-right: 2pc
  }

  .cmp-container-px-lg__24>.cmp-container,.cmp-container-px-lg__24>.cmp-custom-container {
      padding-left: 24px;
      padding-right: 24px
  }

  .cmp-container-px-lg__20>.cmp-container,.cmp-container-px-lg__20>.cmp-custom-container {
      padding-left: 20px;
      padding-right: 20px
  }

  .cmp-container-px-lg__0>.cmp-container,.cmp-container-px-lg__0>.cmp-custom-container {
      padding-left: 0;
      padding-right: 0
  }

  .cmp-container-px-lg__10>.cmp-container,.cmp-container-px-lg__10>.cmp-custom-container {
      padding-left: 10px;
      padding-right: 10px
  }

  .cmp-container-px-lg__8>.cmp-container,.cmp-container-px-lg__8>.cmp-custom-container {
      padding-left: 8px;
      padding-right: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-container-px-md__80>.cmp-container,.cmp-container-px-md__80>.cmp-custom-container {
      padding-left:5pc;
      padding-right: 5pc
  }

  .cmp-container-px-md__60>.cmp-container,.cmp-container-px-md__60>.cmp-custom-container {
      padding-left: 60px;
      padding-right: 60px
  }

  .cmp-container-px-md__47>.cmp-container,.cmp-container-px-md__47>.cmp-custom-container {
      padding-left: 47px;
      padding-right: 47px
  }

  .cmp-container-px-md__40>.cmp-container,.cmp-container-px-md__40>.cmp-custom-container {
      padding-left: 40px;
      padding-right: 40px
  }

  .cmp-container-px-md__32>.cmp-container,.cmp-container-px-md__32>.cmp-custom-container {
      padding-left: 2pc;
      padding-right: 2pc
  }

  .cmp-container-px-md__24>.cmp-container,.cmp-container-px-md__24>.cmp-custom-container {
      padding-left: 24px;
      padding-right: 24px
  }

  .cmp-container-px-md__20>.cmp-container,.cmp-container-px-md__20>.cmp-custom-container {
      padding-left: 20px;
      padding-right: 20px
  }

  .cmp-container-px-md__0>.cmp-container,.cmp-container-px-md__0>.cmp-custom-container {
      padding-left: 0;
      padding-right: 0
  }

  .cmp-container-px-md__10>.cmp-container,.cmp-container-px-md__10>.cmp-custom-container {
      padding-left: 10px;
      padding-right: 10px
  }

  .cmp-container-px-md__8>.cmp-container,.cmp-container-px-md__8>.cmp-custom-container {
      padding-left: 8px;
      padding-right: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-container-px-sm__80>.cmp-container,.cmp-container-px-sm__80>.cmp-custom-container {
      padding-left:5pc;
      padding-right: 5pc
  }

  .cmp-container-px-sm__60>.cmp-container,.cmp-container-px-sm__60>.cmp-custom-container {
      padding-left: 60px;
      padding-right: 60px
  }

  .cmp-container-px-sm__47>.cmp-container,.cmp-container-px-sm__47>.cmp-custom-container {
      padding-left: 47px;
      padding-right: 47px
  }

  .cmp-container-px-sm__40>.cmp-container,.cmp-container-px-sm__40>.cmp-custom-container {
      padding-left: 40px;
      padding-right: 40px
  }

  .cmp-container-px-sm__32>.cmp-container,.cmp-container-px-sm__32>.cmp-custom-container {
      padding-left: 2pc;
      padding-right: 2pc
  }

  .cmp-container-px-sm__24>.cmp-container,.cmp-container-px-sm__24>.cmp-custom-container {
      padding-left: 24px;
      padding-right: 24px
  }

  .cmp-container-px-sm__20>.cmp-container,.cmp-container-px-sm__20>.cmp-custom-container {
      padding-left: 20px;
      padding-right: 20px
  }

  .cmp-container-px-sm__0>.cmp-container,.cmp-container-px-sm__0>.cmp-custom-container {
      padding-left: 0;
      padding-right: 0
  }

  .cmp-container-px-sm__10>.cmp-container,.cmp-container-px-sm__10>.cmp-custom-container {
      padding-left: 10px;
      padding-right: 10px
  }

  .cmp-container-px-sm__8>.cmp-container,.cmp-container-px-sm__8>.cmp-custom-container {
      padding-left: 8px;
      padding-right: 8px
  }
}

.cmp-container-pt__80>.cmp-container,.cmp-container-pt__80>.cmp-custom-container {
  padding-top: 5pc
}

.cmp-container-pt__60>.cmp-container,.cmp-container-pt__60>.cmp-custom-container {
  padding-top: 60px
}

.cmp-container-pt__47>.cmp-container,.cmp-container-pt__47>.cmp-custom-container {
  padding-top: 47px
}

.cmp-container-pt__40>.cmp-container,.cmp-container-pt__40>.cmp-custom-container {
  padding-top: 40px
}

.cmp-container-pt__32>.cmp-container,.cmp-container-pt__32>.cmp-custom-container {
  padding-top: 2pc
}

.cmp-container-pt__24>.cmp-container,.cmp-container-pt__24>.cmp-custom-container {
  padding-top: 24px
}

.cmp-container-pt__20>.cmp-container,.cmp-container-pt__20>.cmp-custom-container {
  padding-top: 20px
}

.cmp-container-pt__0>.cmp-container,.cmp-container-pt__0>.cmp-custom-container {
  padding-top: 0
}

.cmp-container-pt__10>.cmp-container,.cmp-container-pt__10>.cmp-custom-container {
  padding-top: 10px
}

.cmp-container-pt__8>.cmp-container,.cmp-container-pt__8>.cmp-custom-container {
  padding-top: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-container-pt-lg__80 .cmp-custom-container,.cmp-container-pt-lg__80>.cmp-container {
      padding-top:5pc
  }

  .cmp-container-pt-lg__60 .cmp-custom-container,.cmp-container-pt-lg__60>.cmp-container {
      padding-top: 60px
  }

  .cmp-container-pt-lg__47 .cmp-custom-container,.cmp-container-pt-lg__47>.cmp-container {
      padding-top: 47px
  }

  .cmp-container-pt-lg__40 .cmp-custom-container,.cmp-container-pt-lg__40>.cmp-container {
      padding-top: 40px
  }

  .cmp-container-pt-lg__32 .cmp-custom-container,.cmp-container-pt-lg__32>.cmp-container {
      padding-top: 2pc
  }

  .cmp-container-pt-lg__24 .cmp-custom-container,.cmp-container-pt-lg__24>.cmp-container {
      padding-top: 24px
  }

  .cmp-container-pt-lg__20 .cmp-custom-container,.cmp-container-pt-lg__20>.cmp-container {
      padding-top: 20px
  }

  .cmp-container-pt-lg__0 .cmp-custom-container,.cmp-container-pt-lg__0>.cmp-container {
      padding-top: 0
  }

  .cmp-container-pt-lg__10 .cmp-custom-container,.cmp-container-pt-lg__10>.cmp-container {
      padding-top: 10px
  }

  .cmp-container-pt-lg__8 .cmp-custom-container,.cmp-container-pt-lg__8>.cmp-container {
      padding-top: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-container-pt-md__80 .cmp-custom-container,.cmp-container-pt-md__80>.cmp-container {
      padding-top:5pc
  }

  .cmp-container-pt-md__60 .cmp-custom-container,.cmp-container-pt-md__60>.cmp-container {
      padding-top: 60px
  }

  .cmp-container-pt-md__47 .cmp-custom-container,.cmp-container-pt-md__47>.cmp-container {
      padding-top: 47px
  }

  .cmp-container-pt-md__40 .cmp-custom-container,.cmp-container-pt-md__40>.cmp-container {
      padding-top: 40px
  }

  .cmp-container-pt-md__32 .cmp-custom-container,.cmp-container-pt-md__32>.cmp-container {
      padding-top: 2pc
  }

  .cmp-container-pt-md__24 .cmp-custom-container,.cmp-container-pt-md__24>.cmp-container {
      padding-top: 24px
  }

  .cmp-container-pt-md__20 .cmp-custom-container,.cmp-container-pt-md__20>.cmp-container {
      padding-top: 20px
  }

  .cmp-container-pt-md__0 .cmp-custom-container,.cmp-container-pt-md__0>.cmp-container {
      padding-top: 0
  }

  .cmp-container-pt-md__10 .cmp-custom-container,.cmp-container-pt-md__10>.cmp-container {
      padding-top: 10px
  }

  .cmp-container-pt-md__8 .cmp-custom-container,.cmp-container-pt-md__8>.cmp-container {
      padding-top: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-container-pt-sm__80>.cmp-container,.cmp-container-pt-sm__80>.cmp-custom-container {
      padding-top:5pc
  }

  .cmp-container-pt-sm__60>.cmp-container,.cmp-container-pt-sm__60>.cmp-custom-container {
      padding-top: 60px
  }

  .cmp-container-pt-sm__47>.cmp-container,.cmp-container-pt-sm__47>.cmp-custom-container {
      padding-top: 47px
  }

  .cmp-container-pt-sm__40>.cmp-container,.cmp-container-pt-sm__40>.cmp-custom-container {
      padding-top: 40px
  }

  .cmp-container-pt-sm__32>.cmp-container,.cmp-container-pt-sm__32>.cmp-custom-container {
      padding-top: 2pc
  }

  .cmp-container-pt-sm__24>.cmp-container,.cmp-container-pt-sm__24>.cmp-custom-container {
      padding-top: 24px
  }

  .cmp-container-pt-sm__20>.cmp-container,.cmp-container-pt-sm__20>.cmp-custom-container {
      padding-top: 20px
  }

  .cmp-container-pt-sm__0>.cmp-container,.cmp-container-pt-sm__0>.cmp-custom-container {
      padding-top: 0
  }

  .cmp-container-pt-sm__10>.cmp-container,.cmp-container-pt-sm__10>.cmp-custom-container {
      padding-top: 10px
  }

  .cmp-container-pt-sm__8>.cmp-container,.cmp-container-pt-sm__8>.cmp-custom-container {
      padding-top: 8px
  }
}

.cmp-container__content-pb__80>.cmp-container>.cmp-container__content {
  padding-bottom: 5pc
}

.cmp-container__content-pb__60>.cmp-container>.cmp-container__content {
  padding-bottom: 60px
}

.cmp-container__content-pb__47>.cmp-container>.cmp-container__content {
  padding-bottom: 47px
}

.cmp-container__content-pb__40>.cmp-container>.cmp-container__content {
  padding-bottom: 40px
}

.cmp-container__content-pb__32>.cmp-container>.cmp-container__content {
  padding-bottom: 2pc
}

.cmp-container__content-pb__24>.cmp-container>.cmp-container__content {
  padding-bottom: 24px
}

.cmp-container__content-pb__20>.cmp-container>.cmp-container__content {
  padding-bottom: 20px
}

.cmp-container__content-pb__0>.cmp-container>.cmp-container__content {
  padding-bottom: 0
}

.cmp-container__content-pb__10>.cmp-container>.cmp-container__content {
  padding-bottom: 10px
}

.cmp-container__content-pb__8>.cmp-container>.cmp-container__content {
  padding-bottom: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-container__content-pb-lg__80>.cmp-container>.cmp-container__content {
      padding-bottom:5pc
  }

  .cmp-container__content-pb-lg__60>.cmp-container>.cmp-container__content {
      padding-bottom: 60px
  }

  .cmp-container__content-pb-lg__47>.cmp-container>.cmp-container__content {
      padding-bottom: 47px
  }

  .cmp-container__content-pb-lg__40>.cmp-container>.cmp-container__content {
      padding-bottom: 40px
  }

  .cmp-container__content-pb-lg__32>.cmp-container>.cmp-container__content {
      padding-bottom: 2pc
  }

  .cmp-container__content-pb-lg__24>.cmp-container>.cmp-container__content {
      padding-bottom: 24px
  }

  .cmp-container__content-pb-lg__20>.cmp-container>.cmp-container__content {
      padding-bottom: 20px
  }

  .cmp-container__content-pb-lg__0>.cmp-container>.cmp-container__content {
      padding-bottom: 0
  }

  .cmp-container__content-pb-lg__10>.cmp-container>.cmp-container__content {
      padding-bottom: 10px
  }

  .cmp-container__content-pb-lg__8>.cmp-container>.cmp-container__content {
      padding-bottom: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-container__content-pb-md__80>.cmp-container>.cmp-container__content {
      padding-bottom:5pc
  }

  .cmp-container__content-pb-md__60>.cmp-container>.cmp-container__content {
      padding-bottom: 60px
  }

  .cmp-container__content-pb-md__47>.cmp-container>.cmp-container__content {
      padding-bottom: 47px
  }

  .cmp-container__content-pb-md__40>.cmp-container>.cmp-container__content {
      padding-bottom: 40px
  }

  .cmp-container__content-pb-md__32>.cmp-container>.cmp-container__content {
      padding-bottom: 2pc
  }

  .cmp-container__content-pb-md__24>.cmp-container>.cmp-container__content {
      padding-bottom: 24px
  }

  .cmp-container__content-pb-md__20>.cmp-container>.cmp-container__content {
      padding-bottom: 20px
  }

  .cmp-container__content-pb-md__0>.cmp-container>.cmp-container__content {
      padding-bottom: 0
  }

  .cmp-container__content-pb-md__10>.cmp-container>.cmp-container__content {
      padding-bottom: 10px
  }

  .cmp-container__content-pb-md__8>.cmp-container>.cmp-container__content {
      padding-bottom: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-container__content-pb-sm__80>.cmp-container>.cmp-container__content {
      padding-bottom:5pc
  }

  .cmp-container__content-pb-sm__60>.cmp-container>.cmp-container__content {
      padding-bottom: 60px
  }

  .cmp-container__content-pb-sm__47>.cmp-container>.cmp-container__content {
      padding-bottom: 47px
  }

  .cmp-container__content-pb-sm__40>.cmp-container>.cmp-container__content {
      padding-bottom: 40px
  }

  .cmp-container__content-pb-sm__32>.cmp-container>.cmp-container__content {
      padding-bottom: 2pc
  }

  .cmp-container__content-pb-sm__24>.cmp-container>.cmp-container__content {
      padding-bottom: 24px
  }

  .cmp-container__content-pb-sm__20>.cmp-container>.cmp-container__content {
      padding-bottom: 20px
  }

  .cmp-container__content-pb-sm__0>.cmp-container>.cmp-container__content {
      padding-bottom: 0
  }

  .cmp-container__content-pb-sm__10>.cmp-container>.cmp-container__content {
      padding-bottom: 10px
  }

  .cmp-container__content-pb-sm__8>.cmp-container>.cmp-container__content {
      padding-bottom: 8px
  }
}

.cmp-container__content-px__80>.cmp-container>.cmp-container__content {
  padding-left: 5pc;
  padding-right: 5pc
}

.cmp-container__content-px__60>.cmp-container>.cmp-container__content {
  padding-left: 60px;
  padding-right: 60px
}

.cmp-container__content-px__47>.cmp-container>.cmp-container__content {
  padding-left: 47px;
  padding-right: 47px
}

.cmp-container__content-px__40>.cmp-container>.cmp-container__content {
  padding-left: 40px;
  padding-right: 40px
}

.cmp-container__content-px__32>.cmp-container>.cmp-container__content {
  padding-left: 2pc;
  padding-right: 2pc
}

.cmp-container__content-px__24>.cmp-container>.cmp-container__content {
  padding-left: 24px;
  padding-right: 24px
}

.cmp-container__content-px__20>.cmp-container>.cmp-container__content {
  padding-left: 20px;
  padding-right: 20px
}

.cmp-container__content-px__0>.cmp-container>.cmp-container__content {
  padding-left: 0;
  padding-right: 0
}

.cmp-container__content-px__10>.cmp-container>.cmp-container__content {
  padding-left: 10px;
  padding-right: 10px
}

.cmp-container__content-px__8>.cmp-container>.cmp-container__content {
  padding-left: 8px;
  padding-right: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-container__content-px-lg__80>.cmp-container>.cmp-container__content {
      padding-left:5pc;
      padding-right: 5pc
  }

  .cmp-container__content-px-lg__60>.cmp-container>.cmp-container__content {
      padding-left: 60px;
      padding-right: 60px
  }

  .cmp-container__content-px-lg__47>.cmp-container>.cmp-container__content {
      padding-left: 47px;
      padding-right: 47px
  }

  .cmp-container__content-px-lg__40>.cmp-container>.cmp-container__content {
      padding-left: 40px;
      padding-right: 40px
  }

  .cmp-container__content-px-lg__32>.cmp-container>.cmp-container__content {
      padding-left: 2pc;
      padding-right: 2pc
  }

  .cmp-container__content-px-lg__24>.cmp-container>.cmp-container__content {
      padding-left: 24px;
      padding-right: 24px
  }

  .cmp-container__content-px-lg__20>.cmp-container>.cmp-container__content {
      padding-left: 20px;
      padding-right: 20px
  }

  .cmp-container__content-px-lg__0>.cmp-container>.cmp-container__content {
      padding-left: 0;
      padding-right: 0
  }

  .cmp-container__content-px-lg__10>.cmp-container>.cmp-container__content {
      padding-left: 10px;
      padding-right: 10px
  }

  .cmp-container__content-px-lg__8>.cmp-container>.cmp-container__content {
      padding-left: 8px;
      padding-right: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-container__content-px-md__80>.cmp-container>.cmp-container__content {
      padding-left:5pc;
      padding-right: 5pc
  }

  .cmp-container__content-px-md__60>.cmp-container>.cmp-container__content {
      padding-left: 60px;
      padding-right: 60px
  }

  .cmp-container__content-px-md__47>.cmp-container>.cmp-container__content {
      padding-left: 47px;
      padding-right: 47px
  }

  .cmp-container__content-px-md__40>.cmp-container>.cmp-container__content {
      padding-left: 40px;
      padding-right: 40px
  }

  .cmp-container__content-px-md__32>.cmp-container>.cmp-container__content {
      padding-left: 2pc;
      padding-right: 2pc
  }

  .cmp-container__content-px-md__24>.cmp-container>.cmp-container__content {
      padding-left: 24px;
      padding-right: 24px
  }

  .cmp-container__content-px-md__20>.cmp-container>.cmp-container__content {
      padding-left: 20px;
      padding-right: 20px
  }

  .cmp-container__content-px-md__0>.cmp-container>.cmp-container__content {
      padding-left: 0;
      padding-right: 0
  }

  .cmp-container__content-px-md__10>.cmp-container>.cmp-container__content {
      padding-left: 10px;
      padding-right: 10px
  }

  .cmp-container__content-px-md__8>.cmp-container>.cmp-container__content {
      padding-left: 8px;
      padding-right: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-container__content-px-sm__80>.cmp-container>.cmp-container__content {
      padding-left:5pc;
      padding-right: 5pc
  }

  .cmp-container__content-px-sm__60>.cmp-container>.cmp-container__content {
      padding-left: 60px;
      padding-right: 60px
  }

  .cmp-container__content-px-sm__47>.cmp-container>.cmp-container__content {
      padding-left: 47px;
      padding-right: 47px
  }

  .cmp-container__content-px-sm__40>.cmp-container>.cmp-container__content {
      padding-left: 40px;
      padding-right: 40px
  }

  .cmp-container__content-px-sm__32>.cmp-container>.cmp-container__content {
      padding-left: 2pc;
      padding-right: 2pc
  }

  .cmp-container__content-px-sm__24>.cmp-container>.cmp-container__content {
      padding-left: 24px;
      padding-right: 24px
  }

  .cmp-container__content-px-sm__20>.cmp-container>.cmp-container__content {
      padding-left: 20px;
      padding-right: 20px
  }

  .cmp-container__content-px-sm__0>.cmp-container>.cmp-container__content {
      padding-left: 0;
      padding-right: 0
  }

  .cmp-container__content-px-sm__10>.cmp-container>.cmp-container__content {
      padding-left: 10px;
      padding-right: 10px
  }

  .cmp-container__content-px-sm__8>.cmp-container>.cmp-container__content {
      padding-left: 8px;
      padding-right: 8px
  }
}

.cmp-container__content-pt__80>.cmp-container>.cmp-container__content {
  padding-top: 5pc
}

.cmp-container__content-pt__60>.cmp-container>.cmp-container__content {
  padding-top: 60px
}

.cmp-container__content-pt__47>.cmp-container>.cmp-container__content {
  padding-top: 47px
}

.cmp-container__content-pt__40>.cmp-container>.cmp-container__content {
  padding-top: 40px
}

.cmp-container__content-pt__32>.cmp-container>.cmp-container__content {
  padding-top: 2pc
}

.cmp-container__content-pt__24>.cmp-container>.cmp-container__content {
  padding-top: 24px
}

.cmp-container__content-pt__20>.cmp-container>.cmp-container__content {
  padding-top: 20px
}

.cmp-container__content-pt__0>.cmp-container>.cmp-container__content {
  padding-top: 0
}

.cmp-container__content-pt__10>.cmp-container>.cmp-container__content {
  padding-top: 10px
}

.cmp-container__content-pt__8>.cmp-container>.cmp-container__content {
  padding-top: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-container__content-pt-lg__80>.cmp-container>.cmp-container__content {
      padding-top:5pc
  }

  .cmp-container__content-pt-lg__60>.cmp-container>.cmp-container__content {
      padding-top: 60px
  }

  .cmp-container__content-pt-lg__47>.cmp-container>.cmp-container__content {
      padding-top: 47px
  }

  .cmp-container__content-pt-lg__40>.cmp-container>.cmp-container__content {
      padding-top: 40px
  }

  .cmp-container__content-pt-lg__32>.cmp-container>.cmp-container__content {
      padding-top: 2pc
  }

  .cmp-container__content-pt-lg__24>.cmp-container>.cmp-container__content {
      padding-top: 24px
  }

  .cmp-container__content-pt-lg__20>.cmp-container>.cmp-container__content {
      padding-top: 20px
  }

  .cmp-container__content-pt-lg__0>.cmp-container>.cmp-container__content {
      padding-top: 0
  }

  .cmp-container__content-pt-lg__10>.cmp-container>.cmp-container__content {
      padding-top: 10px
  }

  .cmp-container__content-pt-lg__8>.cmp-container>.cmp-container__content {
      padding-top: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-container__content-pt-md__80>.cmp-container>.cmp-container__content {
      padding-top:5pc
  }

  .cmp-container__content-pt-md__60>.cmp-container>.cmp-container__content {
      padding-top: 60px
  }

  .cmp-container__content-pt-md__47>.cmp-container>.cmp-container__content {
      padding-top: 47px
  }

  .cmp-container__content-pt-md__40>.cmp-container>.cmp-container__content {
      padding-top: 40px
  }

  .cmp-container__content-pt-md__32>.cmp-container>.cmp-container__content {
      padding-top: 2pc
  }

  .cmp-container__content-pt-md__24>.cmp-container>.cmp-container__content {
      padding-top: 24px
  }

  .cmp-container__content-pt-md__20>.cmp-container>.cmp-container__content {
      padding-top: 20px
  }

  .cmp-container__content-pt-md__0>.cmp-container>.cmp-container__content {
      padding-top: 0
  }

  .cmp-container__content-pt-md__10>.cmp-container>.cmp-container__content {
      padding-top: 10px
  }

  .cmp-container__content-pt-md__8>.cmp-container>.cmp-container__content {
      padding-top: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-container__content-pt-sm__80>.cmp-container>.cmp-container__content {
      padding-top:5pc
  }

  .cmp-container__content-pt-sm__60>.cmp-container>.cmp-container__content {
      padding-top: 60px
  }

  .cmp-container__content-pt-sm__47>.cmp-container>.cmp-container__content {
      padding-top: 47px
  }

  .cmp-container__content-pt-sm__40>.cmp-container>.cmp-container__content {
      padding-top: 40px
  }

  .cmp-container__content-pt-sm__32>.cmp-container>.cmp-container__content {
      padding-top: 2pc
  }

  .cmp-container__content-pt-sm__24>.cmp-container>.cmp-container__content {
      padding-top: 24px
  }

  .cmp-container__content-pt-sm__20>.cmp-container>.cmp-container__content {
      padding-top: 20px
  }

  .cmp-container__content-pt-sm__0>.cmp-container>.cmp-container__content {
      padding-top: 0
  }

  .cmp-container__content-pt-sm__10>.cmp-container>.cmp-container__content {
      padding-top: 10px
  }

  .cmp-container__content-pt-sm__8>.cmp-container>.cmp-container__content {
      padding-top: 8px
  }
}

.cmp-tabs-pb__80>.cmp-tabs {
  padding-bottom: 5pc
}

.cmp-tabs-pb__60>.cmp-tabs {
  padding-bottom: 60px
}

.cmp-tabs-pb__47>.cmp-tabs {
  padding-bottom: 47px
}

.cmp-tabs-pb__40>.cmp-tabs {
  padding-bottom: 40px
}

.cmp-tabs-pb__32>.cmp-tabs {
  padding-bottom: 2pc
}

.cmp-tabs-pb__24>.cmp-tabs {
  padding-bottom: 24px
}

.cmp-tabs-pb__20>.cmp-tabs {
  padding-bottom: 20px
}

.cmp-tabs-pb__0>.cmp-tabs {
  padding-bottom: 0
}

.cmp-tabs-pb__10>.cmp-tabs {
  padding-bottom: 10px
}

.cmp-tabs-pb__8>.cmp-tabs {
  padding-bottom: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-tabs-pb-lg__80>.cmp-tabs {
      padding-bottom:5pc
  }

  .cmp-tabs-pb-lg__60>.cmp-tabs {
      padding-bottom: 60px
  }

  .cmp-tabs-pb-lg__47>.cmp-tabs {
      padding-bottom: 47px
  }

  .cmp-tabs-pb-lg__40>.cmp-tabs {
      padding-bottom: 40px
  }

  .cmp-tabs-pb-lg__32>.cmp-tabs {
      padding-bottom: 2pc
  }

  .cmp-tabs-pb-lg__24>.cmp-tabs {
      padding-bottom: 24px
  }

  .cmp-tabs-pb-lg__20>.cmp-tabs {
      padding-bottom: 20px
  }

  .cmp-tabs-pb-lg__0>.cmp-tabs {
      padding-bottom: 0
  }

  .cmp-tabs-pb-lg__10>.cmp-tabs {
      padding-bottom: 10px
  }

  .cmp-tabs-pb-lg__8>.cmp-tabs {
      padding-bottom: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-tabs-pb-md__80>.cmp-tabs {
      padding-bottom:5pc
  }

  .cmp-tabs-pb-md__60>.cmp-tabs {
      padding-bottom: 60px
  }

  .cmp-tabs-pb-md__47>.cmp-tabs {
      padding-bottom: 47px
  }

  .cmp-tabs-pb-md__40>.cmp-tabs {
      padding-bottom: 40px
  }

  .cmp-tabs-pb-md__32>.cmp-tabs {
      padding-bottom: 2pc
  }

  .cmp-tabs-pb-md__24>.cmp-tabs {
      padding-bottom: 24px
  }

  .cmp-tabs-pb-md__20>.cmp-tabs {
      padding-bottom: 20px
  }

  .cmp-tabs-pb-md__0>.cmp-tabs {
      padding-bottom: 0
  }

  .cmp-tabs-pb-md__10>.cmp-tabs {
      padding-bottom: 10px
  }

  .cmp-tabs-pb-md__8>.cmp-tabs {
      padding-bottom: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-tabs-pb-sm__80>.cmp-tabs {
      padding-bottom:5pc
  }

  .cmp-tabs-pb-sm__60>.cmp-tabs {
      padding-bottom: 60px
  }

  .cmp-tabs-pb-sm__47>.cmp-tabs {
      padding-bottom: 47px
  }

  .cmp-tabs-pb-sm__40>.cmp-tabs {
      padding-bottom: 40px
  }

  .cmp-tabs-pb-sm__32>.cmp-tabs {
      padding-bottom: 2pc
  }

  .cmp-tabs-pb-sm__24>.cmp-tabs {
      padding-bottom: 24px
  }

  .cmp-tabs-pb-sm__20>.cmp-tabs {
      padding-bottom: 20px
  }

  .cmp-tabs-pb-sm__0>.cmp-tabs {
      padding-bottom: 0
  }

  .cmp-tabs-pb-sm__10>.cmp-tabs {
      padding-bottom: 10px
  }

  .cmp-tabs-pb-sm__8>.cmp-tabs {
      padding-bottom: 8px
  }
}

.cmp-tabs-px__80>.cmp-tabs {
  padding-left: 5pc;
  padding-right: 5pc
}

.cmp-tabs-px__60>.cmp-tabs {
  padding-left: 60px;
  padding-right: 60px
}

.cmp-tabs-px__47>.cmp-tabs {
  padding-left: 47px;
  padding-right: 47px
}

.cmp-tabs-px__40>.cmp-tabs {
  padding-left: 40px;
  padding-right: 40px
}

.cmp-tabs-px__32>.cmp-tabs {
  padding-left: 2pc;
  padding-right: 2pc
}

.cmp-tabs-px__24>.cmp-tabs {
  padding-left: 24px;
  padding-right: 24px
}

.cmp-tabs-px__20>.cmp-tabs {
  padding-left: 20px;
  padding-right: 20px
}

.cmp-tabs-px__0>.cmp-tabs {
  padding-left: 0;
  padding-right: 0
}

.cmp-tabs-px__10>.cmp-tabs {
  padding-left: 10px;
  padding-right: 10px
}

.cmp-tabs-px__8>.cmp-tabs {
  padding-left: 8px;
  padding-right: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-tabs-px-lg__80>.cmp-tabs {
      padding-left:5pc;
      padding-right: 5pc
  }

  .cmp-tabs-px-lg__60>.cmp-tabs {
      padding-left: 60px;
      padding-right: 60px
  }

  .cmp-tabs-px-lg__47>.cmp-tabs {
      padding-left: 47px;
      padding-right: 47px
  }

  .cmp-tabs-px-lg__40>.cmp-tabs {
      padding-left: 40px;
      padding-right: 40px
  }

  .cmp-tabs-px-lg__32>.cmp-tabs {
      padding-left: 2pc;
      padding-right: 2pc
  }

  .cmp-tabs-px-lg__24>.cmp-tabs {
      padding-left: 24px;
      padding-right: 24px
  }

  .cmp-tabs-px-lg__20>.cmp-tabs {
      padding-left: 20px;
      padding-right: 20px
  }

  .cmp-tabs-px-lg__0>.cmp-tabs {
      padding-left: 0;
      padding-right: 0
  }

  .cmp-tabs-px-lg__10>.cmp-tabs {
      padding-left: 10px;
      padding-right: 10px
  }

  .cmp-tabs-px-lg__8>.cmp-tabs {
      padding-left: 8px;
      padding-right: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-tabs-px-md__80>.cmp-tabs {
      padding-left:5pc;
      padding-right: 5pc
  }

  .cmp-tabs-px-md__60>.cmp-tabs {
      padding-left: 60px;
      padding-right: 60px
  }

  .cmp-tabs-px-md__47>.cmp-tabs {
      padding-left: 47px;
      padding-right: 47px
  }

  .cmp-tabs-px-md__40>.cmp-tabs {
      padding-left: 40px;
      padding-right: 40px
  }

  .cmp-tabs-px-md__32>.cmp-tabs {
      padding-left: 2pc;
      padding-right: 2pc
  }

  .cmp-tabs-px-md__24>.cmp-tabs {
      padding-left: 24px;
      padding-right: 24px
  }

  .cmp-tabs-px-md__20>.cmp-tabs {
      padding-left: 20px;
      padding-right: 20px
  }

  .cmp-tabs-px-md__0>.cmp-tabs {
      padding-left: 0;
      padding-right: 0
  }

  .cmp-tabs-px-md__10>.cmp-tabs {
      padding-left: 10px;
      padding-right: 10px
  }

  .cmp-tabs-px-md__8>.cmp-tabs {
      padding-left: 8px;
      padding-right: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-tabs-px-sm__80>.cmp-tabs {
      padding-left:5pc;
      padding-right: 5pc
  }

  .cmp-tabs-px-sm__60>.cmp-tabs {
      padding-left: 60px;
      padding-right: 60px
  }

  .cmp-tabs-px-sm__47>.cmp-tabs {
      padding-left: 47px;
      padding-right: 47px
  }

  .cmp-tabs-px-sm__40>.cmp-tabs {
      padding-left: 40px;
      padding-right: 40px
  }

  .cmp-tabs-px-sm__32>.cmp-tabs {
      padding-left: 2pc;
      padding-right: 2pc
  }

  .cmp-tabs-px-sm__24>.cmp-tabs {
      padding-left: 24px;
      padding-right: 24px
  }

  .cmp-tabs-px-sm__20>.cmp-tabs {
      padding-left: 20px;
      padding-right: 20px
  }

  .cmp-tabs-px-sm__0>.cmp-tabs {
      padding-left: 0;
      padding-right: 0
  }

  .cmp-tabs-px-sm__10>.cmp-tabs {
      padding-left: 10px;
      padding-right: 10px
  }

  .cmp-tabs-px-sm__8>.cmp-tabs {
      padding-left: 8px;
      padding-right: 8px
  }
}

.cmp-tabs-pt__80>.cmp-tabs {
  padding-top: 5pc
}

.cmp-tabs-pt__60>.cmp-tabs {
  padding-top: 60px
}

.cmp-tabs-pt__47>.cmp-tabs {
  padding-top: 47px
}

.cmp-tabs-pt__40>.cmp-tabs {
  padding-top: 40px
}

.cmp-tabs-pt__32>.cmp-tabs {
  padding-top: 2pc
}

.cmp-tabs-pt__24>.cmp-tabs {
  padding-top: 24px
}

.cmp-tabs-pt__20>.cmp-tabs {
  padding-top: 20px
}

.cmp-tabs-pt__0>.cmp-tabs {
  padding-top: 0
}

.cmp-tabs-pt__10>.cmp-tabs {
  padding-top: 10px
}

.cmp-tabs-pt__8>.cmp-tabs {
  padding-top: 8px
}

@media only screen and (max-width: 1290px) {
  .cmp-tabs-pt-lg__80>.cmp-tabs {
      padding-top:5pc
  }

  .cmp-tabs-pt-lg__60>.cmp-tabs {
      padding-top: 60px
  }

  .cmp-tabs-pt-lg__47>.cmp-tabs {
      padding-top: 47px
  }

  .cmp-tabs-pt-lg__40>.cmp-tabs {
      padding-top: 40px
  }

  .cmp-tabs-pt-lg__32>.cmp-tabs {
      padding-top: 2pc
  }

  .cmp-tabs-pt-lg__24>.cmp-tabs {
      padding-top: 24px
  }

  .cmp-tabs-pt-lg__20>.cmp-tabs {
      padding-top: 20px
  }

  .cmp-tabs-pt-lg__0>.cmp-tabs {
      padding-top: 0
  }

  .cmp-tabs-pt-lg__10>.cmp-tabs {
      padding-top: 10px
  }

  .cmp-tabs-pt-lg__8>.cmp-tabs {
      padding-top: 8px
  }
}

@media only screen and (max-width: 1024px) {
  .cmp-tabs-pt-md__80>.cmp-tabs {
      padding-top:5pc
  }

  .cmp-tabs-pt-md__60>.cmp-tabs {
      padding-top: 60px
  }

  .cmp-tabs-pt-md__47>.cmp-tabs {
      padding-top: 47px
  }

  .cmp-tabs-pt-md__40>.cmp-tabs {
      padding-top: 40px
  }

  .cmp-tabs-pt-md__32>.cmp-tabs {
      padding-top: 2pc
  }

  .cmp-tabs-pt-md__24>.cmp-tabs {
      padding-top: 24px
  }

  .cmp-tabs-pt-md__20>.cmp-tabs {
      padding-top: 20px
  }

  .cmp-tabs-pt-md__0>.cmp-tabs {
      padding-top: 0
  }

  .cmp-tabs-pt-md__10>.cmp-tabs {
      padding-top: 10px
  }

  .cmp-tabs-pt-md__8>.cmp-tabs {
      padding-top: 8px
  }
}

@media only screen and (max-width: 768px) {
  .cmp-tabs-pt-sm__80>.cmp-tabs {
      padding-top:5pc
  }

  .cmp-tabs-pt-sm__60>.cmp-tabs {
      padding-top: 60px
  }

  .cmp-tabs-pt-sm__47>.cmp-tabs {
      padding-top: 47px
  }

  .cmp-tabs-pt-sm__40>.cmp-tabs {
      padding-top: 40px
  }

  .cmp-tabs-pt-sm__32>.cmp-tabs {
      padding-top: 2pc
  }

  .cmp-tabs-pt-sm__24>.cmp-tabs {
      padding-top: 24px
  }

  .cmp-tabs-pt-sm__20>.cmp-tabs {
      padding-top: 20px
  }

  .cmp-tabs-pt-sm__0>.cmp-tabs {
      padding-top: 0
  }

  .cmp-tabs-pt-sm__10>.cmp-tabs {
      padding-top: 10px
  }

  .cmp-tabs-pt-sm__8>.cmp-tabs {
      padding-top: 8px
  }
}

.cmp-tabs-mt__80>.cmp-tabs {
  margin-top: 5pc
}

.cmp-tabs-mt__60>.cmp-tabs {
  margin-top: 60px
}

.cmp-tabs-mt__47>.cmp-tabs {
  margin-top: 47px
}

.cmp-tabs-mt__40>.cmp-tabs {
  margin-top: 40px
}

.cmp-tabs-mt__32>.cmp-tabs {
  margin-top: 2pc
}

.cmp-tabs-mt__24>.cmp-tabs {
  margin-top: 24px
}

.cmp-tabs-mt__20>.cmp-tabs {
  margin-top: 20px
}

.cmp-tabs-mt__0>.cmp-tabs {
  margin-top: 0
}

.cmp-tabs-mt__10>.cmp-tabs {
  margin-top: 10px
}

.cmp-tabs-mt__8>.cmp-tabs {
  margin-top: 8px
}

.cmp-pt__default {
  padding-top: 40px
}

@media only screen and (max-width: 768px) {
  .cmp-pt__default {
      padding-top:24px
  }
}

.footer a[href]:hover {
  text-decoration: underline
}

.flightlisting {
  clear: both!important;
  float: none!important;
  margin: auto;
  position: relative
}

.flightListContainer {
  margin: 0 auto;
  padding-left: 5%;
  padding-right: 5%
}

.flightListContainer .filterList_wrapper {
  margin: 0 auto
}

.flightListContainer .no-results-container {
  margin: auto;
  padding-bottom: 60px;
  text-align: center
}

@media only screen and (max-width: 767px) {
  .flightListContainer {
      padding-left:24px;
      padding-right: 24px
  }

  .flightListContainer .no-results-container {
      padding-bottom: 40px
  }
}

.flightListContainer .flightlist {
  border-bottom: 1px solid #ccc
}

.flightListContainer .flightlist__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 35px 0
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightlist__item {
      -webkit-box-align:start;
      -ms-flex-align: start;
      align-items: flex-start
  }
}

@media only screen and (min-width: 1200px) {
  .flightListContainer .flightlist__item:hover {
      -webkit-box-shadow:0 2px #7a35b0;
      box-shadow: 0 2px #7a35b0
  }
}

.flightListContainer .flightlist__item>div {
  margin-right: 24px
}

.flightListContainer .flightlist__item>div:last-child {
  margin-right: 0
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightlist__item>div {
      margin-right:20px
  }
}

.flightListContainer .flightlist__item-terminal,.flightListContainer .flightlist__item-time {
  width: 7%
}

.flightListContainer .flightlist__item-flight {
  width: 41%
}

.flightListContainer .flightlist__item-boarding {
  width: 20%
}

.flightListContainer .flightlist__item-status {
  width: 25%
}

.flightListContainer .flightlist__item-status .status {
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 150%;
  padding: 5px 15px;
  text-align: center;
  text-indent: 2px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .flightListContainer .flightlist__item-status .status {
      font-size:10px
  }
}

.flightListContainer .flightlist__item-status .status-black {
  background-color: #e5e5e5;
  color: #222
}

.flightListContainer .flightlist__item-status .status-green {
  background-color: #e2efda;
  color: #008545
}

.flightListContainer .flightlist__item-status .status-red {
  background-color: #ffe3e0;
  color: #cc1000
}

.flightListContainer .flightlist__item-status .status-gray {
  background-color: #e5e5e5;
  color: #999
}

.flightListContainer .flightlist__item-flight .flightdetails {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.flightListContainer .flightlist__item-flight .flightdetails .airlines-image {
  display: block;
  height: 50px;
  margin-right: 1pc;
  min-width: 50px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 50px
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightlist__item-flight .flightdetails .airlines-image {
      height:40px;
      margin-right: 14px;
      min-width: 40px;
      width: 40px
  }
}

.flightListContainer .flightlist__item-flight .flightdetails .airlines-image img {
  border-radius: 4px;
  display: block;
  left: 50%;
  margin: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%
}

.flightListContainer .flightlist__item-flight .flightdetails .airlines-details .airport-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .flightListContainer .flightlist__item-flight .flightdetails .airlines-details .airport-name {
      font-size:14px
  }
}

.flightListContainer .flightlist__item-flight .flightdetails .airlines-details .via-label,.flightListContainer .flightlist__item-flight .flightdetails .airlines-details .via-value {
  color: #999;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .flightListContainer .flightlist__item-flight .flightdetails .airlines-details .via-label,.flightListContainer .flightlist__item-flight .flightdetails .airlines-details .via-value {
      font-size:14px
  }
}

.flightListContainer .flightlist__item-flight .flightdetails .airlines-details .airport__flight-number {
  margin-right: 9px;
  position: relative
}

.flightListContainer .flightlist__item-flight .flightdetails .airlines-details .airport__flight-number.name_present:after {
  color: #222;
  content: "•";
  font-size: 7px;
  line-height: 19px;
  position: absolute;
  right: -6.5px;
  top: 0
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightlist__item-flight .flightdetails .airlines-details .airport__flight-number.name_present:after {
      line-height:18px
  }
}

.flightListContainer .flightlist__item .codeshare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 9pt
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightlist__item .codeshare {
      -webkit-box-orient:vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column
  }
}

.flightListContainer .flightlist__item .codeshare-label {
  -webkit-box-flex: 0;
  color: #999;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 400;
  line-height: 150%;
  margin-right: 8px;
  padding-top: 4px
}

@media only screen and (max-width: 768px) {
  .flightListContainer .flightlist__item .codeshare-label {
      font-size:9pt
  }
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightlist__item .codeshare-label {
      padding-top:1px
  }
}

.flightListContainer .flightlist__item .codeshare-data span {
  color: #222;
  display: inline-block;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin-right: 4px
}

@media only screen and (max-width: 768px) {
  .flightListContainer .flightlist__item .codeshare-data span {
      font-size:14px
  }
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightlist__item .codeshare-data span {
      margin-right:8px
  }
}

.flightListContainer .flightlist__item .codeshare.link-disabled span {
  text-decoration: none
}

.flightListContainer .flightlist__item-boarding .check-in-label {
  margin-right: 8px;
  position: relative
}

.flightListContainer .flightlist__item-boarding .check-in-label:after {
  content: ":";
  position: absolute;
  right: -3px
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightlist__item-boarding .check-in-label {
      margin-right:3px
  }

  .flightListContainer .flightlist__item-boarding .check-in-label:after {
      right: -1px
  }
}

.flightListContainer .flightlist__item-boarding .arrival-time,.flightListContainer .flightlist__item-boarding .belt,.flightListContainer .flightlist__item-boarding .boarding-time,.flightListContainer .flightlist__item-boarding .check-in-row,.flightListContainer .flightlist__item-boarding .gate {
  font-weight: 700
}

.flightListContainer .flightlist__item-boarding .gate {
  padding-left: 0
}

.flightListContainer .flightlist__item-boarding .previous-gate {
  color: #999;
  text-decoration: line-through
}

.flightListContainer .flightlist__item-time .previous-time {
  color: #999;
  display: block;
  text-decoration: line-through
}

.flightListContainer .flightlist__item-time .days-diff {
  display: block
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightlist__item-time {
      width:20%
  }

  .flightListContainer .flightlist__item-terminal {
      text-align: right;
      width: 26px
  }

  .flightListContainer .flightlist__item-details {
      width: calc(80% - 26px)
  }

  .flightListContainer .flightlist__item-boarding,.flightListContainer .flightlist__item-flight,.flightListContainer .flightlist__item-status {
      width: 100%
  }

  .flightListContainer .flightlist__item-boarding {
      margin: 10px 0
  }
}

.flightListContainer .flightlist .freighter {
  pointer-events: none
}

.flightListContainer .flightlist .freighter .flightlist__item-time {
  width: 20%
}

.flightListContainer .flightlist .freighter .flightlist__item-flight {
  width: 60%
}

.flightListContainer .flightlist .freighter .flightlist__item-status {
  width: 30%
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightlist .freighter .flightlist__item-time {
      width:20%
  }

  .flightListContainer .flightlist .freighter .flightlist__item-details {
      width: 80%
  }

  .flightListContainer .flightlist .freighter .flightlist__item-flight,.flightListContainer .flightlist .freighter .flightlist__item-status {
      width: 100%
  }

  .flightListContainer .flightlist .freighter .flightlist__item-status {
      margin-top: 10px
  }
}

.flightListContainer .heading.flightlist {
  border-bottom: none;
  color: #999;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 0;
  pointer-events: none
}

@media only screen and (max-width: 768px) {
  .flightListContainer .heading.flightlist {
      font-size:14px
  }
}

.flightListContainer .heading.flightlist .flightlist__item {
  border-bottom: 1px solid #ccc;
  padding: 24px 0
}

.flightListContainer .data.flightlist {
  color: #222;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%
}

@media only screen and (max-width: 768px) {
  .flightListContainer .data.flightlist {
      font-size:14px
  }
}

.flightListContainer .flightFilters {
  margin: 0 -6%;
  padding-left: 6%;
  padding-right: 6%;
  position: relative
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightFilters {
      margin:0 -24px;
      padding-left: 24px;
      padding-right: 24px
  }
}

.flightListContainer .flightFilters .gray-bg {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background-color: #f7f7f7;
  color: #7a35b0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  justify-content: center;
  letter-spacing: 2.8px;
  line-height: 120%;
  padding: 24px 0;
  text-transform: uppercase
}

.flightListContainer .flightFilters .gray-bg:hover {
  background-color: #e5e5e5
}

.flightListContainer .flightFilters-filter {
  background: #fff;
  position: sticky;
  position: -webkit-sticky;
  top: 84px;
  z-index: 30
}

.flightListContainer .flightFilters-filter.box-shadow {
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08)
}

.flightListContainer .flightFilters-filter+.flightFilters-btn {
  padding-top: 20px
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightFilters-filter+.flightFilters-btn {
      padding-top:30px
  }
}

.flightListContainer .flightFilters .flightFilters-details {
  margin: 0 auto;
  padding-bottom: 20px;
  padding-top: 36px;
  position: relative
}

.flightListContainer .flightFilters .flightFilters-details .date-input-container {
  padding-left: 0
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightFilters .flightFilters-details {
      margin-left:0;
      margin-right: 0;
      padding-bottom: 10px;
      padding-top: 30px
  }
}

.flightListContainer .flightFilters .flightFilters-details__updated {
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9pt;
  font-weight: 400;
  justify-content: right;
  line-height: 150%;
  padding-right: 0
}

@media only screen and (max-width: 768px) {
  .flightListContainer .flightFilters .flightFilters-details__updated {
      font-size:14px
  }
}

.flightListContainer .flightFilters .flightFilters-details__updated .last-updated {
  font-weight: 700;
  margin-left: 4px
}

.flightListContainer .flightFilters .flightFilters-details__updated .refresh-data {
  background-image: url(clientlib-site/resources/images/refresh.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: inline-block;
  height: 1pc;
  margin: 4px 4px 4px 8px;
  width: 1pc
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightFilters .flightFilters-details__updated {
      -webkit-box-pack:center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0;
      padding-right: 0
  }
}

.flightListContainer .flightFilters .flightFilters-details__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightFilters .flightFilters-details__inputs {
      margin-left:0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0
  }

  .flightListContainer .flightFilters .flightFilters-details__inputs>div {
      padding-left: 0;
      padding-right: 0
  }

  .flightListContainer .flightFilters .flightFilters-details__inputs>div:first-child>.masked-input {
      padding-right: 5px
  }

  .flightListContainer .flightFilters .flightFilters-details__inputs>div:last-child>.masked-input {
      padding-left: 5px
  }

  .flightListContainer .flightFilters .flightFilters-details__inputs .freighter-filter .masked-input {
      padding-left: 0;
      padding-right: 0
  }
}

.flightListContainer .flightFilters .flightFilters-details .masked-input {
  color: inherit;
  padding-right: 1pc;
  position: relative
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightFilters .flightFilters-details .masked-input {
      padding-right:0
  }
}

.flightListContainer .flightFilters .flightFilters-details .masked-input label {
  display: block;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 4px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .cmp-flight-listing-dropdown__control {
  border: 1px solid #222;
  border-radius: 8px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .cmp-flight-listing-dropdown__control .css-1dimb5e-singleValue {
  padding-left: 10px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .cmp-flight-listing-dropdown__control .css-1u9des2-indicatorSeparator {
  display: none
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .cmp-flight-listing-dropdown__control:active,.flightListContainer .flightFilters .flightFilters-details .masked-input .cmp-flight-listing-dropdown__control:focus .flightListContainer .flightFilters .flightFilters-details .masked-input .cmp-flight-listing-dropdown__control--menu-is-open,.flightListContainer .flightFilters .flightFilters-details .masked-input .cmp-flight-listing-dropdown__control:focus-visible,.flightListContainer .flightFilters .flightFilters-details .masked-input .cmp-flight-listing-dropdown__control:hover {
  border: 1px solid #7a35b0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  outline: none!important
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .cmp-flight-listing-dropdown__control.css-blhudp-control {
  border: 1px solid #7a35b0;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  outline: none!important
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .cmp-flight-listing-dropdown__indicator svg {
  color: #222
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .cmp-flight-listing-dropdown__value-container {
  padding: 9pt 8px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker {
  border: 0;
  -webkit-box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  box-shadow: 0 6px 20px 0 hsla(0,0%,7%,.08);
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  padding: 0 20px;
  text-indent: 2.4px;
  text-transform: uppercase
}

@media only screen and (max-width: 768px) {
  .flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker {
      font-size:9pt
  }
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__current-month {
  border-bottom: 1px solid #e5e5e5;
  font-size: 9pt;
  font-weight: 500;
  letter-spacing: 2.4px;
  line-height: 150%;
  padding: 9pt 0;
  text-indent: 2.4px
}

@media only screen and (max-width: 768px) {
  .flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__current-month {
      font-size:9pt
  }
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__navigation {
  top: 9pt
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__navigation-icon:before {
  border-color: #7a35b0!important;
  border-width: 2px 2px 0 0
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__navigation--next--disabled .react-datepicker__navigation-icon:before,.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__navigation--previous--disabled .react-datepicker__navigation-icon:before {
  border-color: #ababab!important
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__navigation--previous {
  left: 20px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__navigation--next {
  right: 20px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__day-names {
  margin-top: 6px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__day-names div {
  color: #ababab;
  letter-spacing: 0;
  margin: .166rem .4rem;
  width: auto
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__day {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 30px;
  justify-content: center;
  letter-spacing: normal;
  width: 30px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__day:hover {
  background-color: #f9efff;
  border-radius: 30px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__day--disabled:hover,.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__day--keyboard-selected {
  background-color: transparent
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__day--selected {
  background: #fff;
  border: 1px solid #7a35b0;
  border-radius: 30px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker-wrapper {
  position: relative;
  width: 100%
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker-wrapper .react-datepicker__input-container {
  width: inherit
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker-wrapper .react-datepicker__input-container input {
  background: #fff;
  border: 1px solid #222;
  border-radius: 8px;
  color: #222;
  padding: 9pt 14px 9pt 20px!important;
  position: relative;
  text-align: left;
  width: 100%
}

@media only screen and (max-width: 576px) {
  .flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker-wrapper .react-datepicker__input-container input {
      overflow:hidden;
      padding-right: 40px!important;
      text-overflow: ellipsis;
      white-space: nowrap
  }
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker-wrapper .react-datepicker__input-container input.react-datepicker-ignore-onclickoutside {
  border: 1px solid #7a35b0
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker-wrapper .react-datepicker__input-container input:focus,.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker-wrapper .react-datepicker__input-container input:focus-visible,.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker-wrapper .react-datepicker__input-container input:hover {
  border: 1px solid #7a35b0;
  outline: none!important
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker-wrapper .react-datepicker__input-container .react-datepicker__container {
  cursor: pointer
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker-wrapper .react-datepicker__input-container .react-datepicker__container:after {
  background-image: url(clientlib-site/resources/images/calendar_black.svg);
  content: " ";
  height: 24px;
  position: absolute;
  right: 9pt;
  top: 9pt;
  width: 24px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker-popper[data-placement^=bottom] {
  padding-top: 5px;
  z-index: 5
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker {
  border: 1px solid #e5e5e5;
  border-radius: 4px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__triangle {
  display: none
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__header {
  background-color: #fff;
  border: 0;
  padding-top: 10px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__current-month {
  border-bottom: 1px solid #eee;
  color: #7a35b0;
  padding-bottom: 8px
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__day-name {
  color: #999
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__day--selected {
  background-color: #fff;
  border: 2px solid #7a35b0;
  border-radius: 50%;
  color: #222;
  height: 2pc;
  width: 2pc
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__day:hover,.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__month-text:hover,.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__quarter-text:hover,.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__year-text:hover {
  background-color: #f9efff;
  border-radius: 50%;
  color: #222
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__navigation-icon:before {
  border-color: #7a35b0
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__day--keyboard-selected,.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__month-text--keyboard-selected,.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__quarter-text--keyboard-selected,.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__year-text--keyboard-selected {
  background: transparent
}

.flightListContainer .flightFilters .flightFilters-details .masked-input .react-datepicker__week {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}

.flightListContainer .flightFilters .flightFilters-details .masked-input.en-locale .react-datepicker__month {
  margin: .4rem 0
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightFilters .flightFilters-details .masked-input {
      margin-bottom:20px
  }
}

.flightListContainer .flightFilters .flightFilters-details .freighter-filter {
  padding-left: 0
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightFilters .flightFilters-details .freighter-filter {
      width:100%
  }
}

.flightListContainer .flightFilters .flightFilters-details .freighter-filter .masked-input {
  width: 302px
}

.flightListContainer .flightFilters .flightFilters-details .freighter-filter .masked-input label {
  display: block;
  font-size: 9pt;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 4px
}

@media only screen and (max-width: 991px) {
  .flightListContainer .flightFilters .flightFilters-details .freighter-filter .masked-input {
      padding-left:0;
      padding-right: 0;
      width: 100%
  }
}

.flightListContainer .flightFilters .flightFilters-details__disclaimer {
  color: #999;
  padding: 0
}

@media only screen and (max-width: 1024px) {
  .flightListContainer .flightFilters .flightFilters-details__disclaimer {
      padding:24px 0 1pc
  }
}

@media only screen and (max-width: 991px) {
  .flightListContainer .display-lg {
      display:none
  }
}

@media only screen and (min-width: 992px) {
  .flightListContainer .display-sm {
      display:none
  }
}

.flightListContainer a {
  text-decoration: none
}

.flightListContainer .filterList_wrapper .no-results-container {
  padding-top: 60px
}

.container-header+.page .box-shadow {
  -webkit-box-shadow: none;
  box-shadow: none
}

@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
  --swiper-theme-color: #007aff
}

:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1
}

.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  overflow: clip;
  padding: 0;
  position: relative;
  z-index: 1
}

.swiper-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
  width: 100%;
  z-index: 1
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-slide {
  -ms-flex-negative: 0;
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  width: 100%
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height,-webkit-transform;
  transition-property: height,-webkit-transform;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform
}

.swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 75pc;
  perspective: 75pc
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-3d {
  -webkit-perspective: 75pc;
  perspective: 75pc
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  -ms-scroll-snap-type: none;
  scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
  -ms-flex-negative: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
  height:100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
  height:var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0,0,0,.15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));
  background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));
  background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));
  background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));
  background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)
}

.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s linear infinite;
  animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes swiper-preloader-spin {
  0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  position: relative;
  -ms-touch-action: none;
  touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: var(--swiper-scrollbar-bottom,4px);
  height: var(--swiper-scrollbar-size,4px);
  left: var(--swiper-scrollbar-sides-offset,1%);
  position: absolute;
  top: var(--swiper-scrollbar-top,auto);
  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
  z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);
  left: var(--swiper-scrollbar-left,auto);
  position: absolute;
  right: var(--swiper-scrollbar-right,4px);
  top: var(--swiper-scrollbar-sides-offset,1%);
  width: var(--swiper-scrollbar-size,4px);
  z-index: 50
}

.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
  border-radius: var(--swiper-scrollbar-border-radius,10px);
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  color: var(--swiper-navigation-color,var(--swiper-theme-color));
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: calc(var(--swiper-navigation-size)/44*27);
  z-index: 10
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
  display: none!important
}

.swiper-button-next svg,.swiper-button-prev svg {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transform-origin: center;
  transform-origin: center;
  width: 100%
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset,10px);
  right: auto
}

.swiper-button-lock {
  display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none!important
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
  content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
  left: auto;
  right: var(--swiper-navigation-sides-offset,10px)
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
  content: "next"
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
  display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,8px);
  left: 0;
  top: var(--swiper-pagination-top,auto);
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  -webkit-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
  transform: scale(.33)
}

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  display: inline-block;
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))
}

button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none!important
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
  left: var(--swiper-pagination-left,auto);
  right: var(--swiper-pagination-right,8px);
  top: 50%;
  -webkit-transform: translate3d(0,-50%,0);
  transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: top .2s,-webkit-transform .2s;
  transition: top .2s,-webkit-transform .2s;
  transition: transform .2s,top .2s;
  transition: transform .2s,top .2s,-webkit-transform .2s
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: left .2s,-webkit-transform .2s;
  transition: left .2s,-webkit-transform .2s;
  transition: transform .2s,left .2s;
  transition: transform .2s,left .2s,-webkit-transform .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: right .2s,-webkit-transform .2s;
  transition: right .2s,-webkit-transform .2s;
  transition: transform .2s,right .2s;
  transition: transform .2s,right .2s,-webkit-transform .2s
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  width: 100%
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size,4px);
  left: 0;
  top: 0;
  width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: var(--swiper-pagination-progressbar-size,4px)
}

.swiper-pagination-lock {
  display: none
}

:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0,0,0,.1);
  --f-spinner-color-2: rgba(17,24,28,.8);
  --f-spinner-stroke: 2.75
}

.f-spinner {
  height: var(--f-spinner-height);
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width)
}

.f-spinner svg {
  -webkit-animation: f-spinner-rotate 2s linear infinite;
  animation: f-spinner-rotate 2s linear infinite;
  height: 100%;
  vertical-align: top;
  width: 100%
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none
}

.f-spinner svg :first-child {
  stroke: var(--f-spinner-color-1)
}

.f-spinner svg :last-child {
  stroke: var(--f-spinner-color-2);
  -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
  animation: f-spinner-dash 2s ease-in-out infinite
}

@-webkit-keyframes f-spinner-rotate {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes f-spinner-rotate {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@-webkit-keyframes f-spinner-dash {
  0% {
      stroke-dasharray: 1,150;
      stroke-dashoffset: 0
  }

  50% {
      stroke-dasharray: 90,150;
      stroke-dashoffset: -35
  }

  to {
      stroke-dasharray: 90,150;
      stroke-dashoffset: -124
  }
}

@keyframes f-spinner-dash {
  0% {
      stroke-dasharray: 1,150;
      stroke-dashoffset: 0
  }

  50% {
      stroke-dasharray: 90,150;
      stroke-dashoffset: -35
  }

  to {
      stroke-dasharray: 90,150;
      stroke-dashoffset: -124
  }
}

.f-throwOutUp {
  -webkit-animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutUp;
  animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutUp
}

.f-throwOutDown {
  -webkit-animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutDown;
  animation: var(--f-throw-out-duration,.175s) ease-out both f-throwOutDown
}

@-webkit-keyframes f-throwOutUp {
  to {
      opacity: 0;
      -webkit-transform: translate3d(0,calc(var(--f-throw-out-distance, 150px)*-1),0);
      transform: translate3d(0,calc(var(--f-throw-out-distance, 150px)*-1),0)
  }
}

@keyframes f-throwOutUp {
  to {
      opacity: 0;
      -webkit-transform: translate3d(0,calc(var(--f-throw-out-distance, 150px)*-1),0);
      transform: translate3d(0,calc(var(--f-throw-out-distance, 150px)*-1),0)
  }
}

@-webkit-keyframes f-throwOutDown {
  to {
      opacity: 0;
      -webkit-transform: translate3d(0,var(--f-throw-out-distance,150px),0);
      transform: translate3d(0,var(--f-throw-out-distance,150px),0)
  }
}

@keyframes f-throwOutDown {
  to {
      opacity: 0;
      -webkit-transform: translate3d(0,var(--f-throw-out-distance,150px),0);
      transform: translate3d(0,var(--f-throw-out-distance,150px),0)
  }
}

.f-zoomInUp {
  -webkit-animation: var(--f-transition-duration,.2s) ease .1s both f-zoomInUp;
  animation: var(--f-transition-duration,.2s) ease .1s both f-zoomInUp
}

.f-zoomOutDown {
  -webkit-animation: var(--f-transition-duration,.2s) ease both f-zoomOutDown;
  animation: var(--f-transition-duration,.2s) ease both f-zoomOutDown
}

@-webkit-keyframes f-zoomInUp {
  0% {
      opacity: 0;
      -webkit-transform: scale(.975) translate3d(0,1pc,0);
      transform: scale(.975) translate3d(0,1pc,0)
  }

  to {
      opacity: 1;
      -webkit-transform: scale(1) translateZ(0);
      transform: scale(1) translateZ(0)
  }
}

@keyframes f-zoomInUp {
  0% {
      opacity: 0;
      -webkit-transform: scale(.975) translate3d(0,1pc,0);
      transform: scale(.975) translate3d(0,1pc,0)
  }

  to {
      opacity: 1;
      -webkit-transform: scale(1) translateZ(0);
      transform: scale(1) translateZ(0)
  }
}

@-webkit-keyframes f-zoomOutDown {
  to {
      opacity: 0;
      -webkit-transform: scale(.975) translate3d(0,1pc,0);
      transform: scale(.975) translate3d(0,1pc,0)
  }
}

@keyframes f-zoomOutDown {
  to {
      opacity: 0;
      -webkit-transform: scale(.975) translate3d(0,1pc,0);
      transform: scale(.975) translate3d(0,1pc,0)
  }
}

.f-fadeIn {
  -webkit-animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;
  animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeIn;
  z-index: 2
}

.f-fadeOut {
  -webkit-animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;
  animation: var(--f-transition-duration,.2s) var(--f-transition-easing,ease) var(--f-transition-delay,0s) both f-fadeOut;
  z-index: 1
}

@-webkit-keyframes f-fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes f-fadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@-webkit-keyframes f-fadeOut {
  to {
      opacity: 0
  }
}

@keyframes f-fadeOut {
  to {
      opacity: 0
  }
}

.f-fadeFastIn {
  -webkit-animation: var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;
  animation: var(--f-transition-duration,.2s) ease-out both f-fadeFastIn;
  z-index: 2
}

.f-fadeFastOut {
  -webkit-animation: var(--f-transition-duration,.1s) ease-out both f-fadeFastOut;
  animation: var(--f-transition-duration,.1s) ease-out both f-fadeFastOut;
  z-index: 2
}

@-webkit-keyframes f-fadeFastIn {
  0% {
      opacity: .75
  }

  to {
      opacity: 1
  }
}

@keyframes f-fadeFastIn {
  0% {
      opacity: .75
  }

  to {
      opacity: 1
  }
}

@-webkit-keyframes f-fadeFastOut {
  to {
      opacity: 0
  }
}

@keyframes f-fadeFastOut {
  to {
      opacity: 0
  }
}

.f-fadeSlowIn {
  -webkit-animation: var(--f-transition-duration,.5s) ease both f-fadeSlowIn;
  animation: var(--f-transition-duration,.5s) ease both f-fadeSlowIn;
  z-index: 2
}

.f-fadeSlowOut {
  -webkit-animation: var(--f-transition-duration,.5s) ease both f-fadeSlowOut;
  animation: var(--f-transition-duration,.5s) ease both f-fadeSlowOut;
  z-index: 1
}

@-webkit-keyframes f-fadeSlowIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes f-fadeSlowIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@-webkit-keyframes f-fadeSlowOut {
  to {
      opacity: 0
  }
}

@keyframes f-fadeSlowOut {
  to {
      opacity: 0
  }
}

.f-crossfadeIn {
  -webkit-animation: var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;
  animation: var(--f-transition-duration,.2s) ease-out both f-crossfadeIn;
  z-index: 2
}

.f-crossfadeOut {
  -webkit-animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;
  animation: calc(var(--f-transition-duration, .2s)*.5) linear .1s both f-crossfadeOut;
  z-index: 1
}

@-webkit-keyframes f-crossfadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@keyframes f-crossfadeIn {
  0% {
      opacity: 0
  }

  to {
      opacity: 1
  }
}

@-webkit-keyframes f-crossfadeOut {
  to {
      opacity: 0
  }
}

@keyframes f-crossfadeOut {
  to {
      opacity: 0
  }
}

.f-slideIn.from-next {
  -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext;
  animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInNext
}

.f-slideIn.from-prev {
  -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev;
  animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideInPrev
}

.f-slideOut.to-next {
  -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext;
  animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutNext
}

.f-slideOut.to-prev {
  -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev;
  animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-slideOutPrev
}

@-webkit-keyframes f-slideInPrev {
  0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }

  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@keyframes f-slideInPrev {
  0% {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }

  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@-webkit-keyframes f-slideInNext {
  0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }

  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@keyframes f-slideInNext {
  0% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }

  to {
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@-webkit-keyframes f-slideOutNext {
  to {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }
}

@keyframes f-slideOutNext {
  to {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%)
  }
}

@-webkit-keyframes f-slideOutPrev {
  to {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }
}

@keyframes f-slideOutPrev {
  to {
      -webkit-transform: translateX(100%);
      transform: translateX(100%)
  }
}

.f-classicIn.from-next {
  -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;
  animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInNext;
  z-index: 2
}

.f-classicIn.from-prev {
  -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;
  animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicInPrev;
  z-index: 2
}

.f-classicOut.to-next {
  -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;
  animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutNext;
  z-index: 1
}

.f-classicOut.to-prev {
  -webkit-animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;
  animation: var(--f-transition-duration,.85s) cubic-bezier(.16,1,.3,1) f-classicOutPrev;
  z-index: 1
}

@-webkit-keyframes f-classicInNext {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-75px);
      transform: translateX(-75px)
  }

  to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@keyframes f-classicInNext {
  0% {
      opacity: 0;
      -webkit-transform: translateX(-75px);
      transform: translateX(-75px)
  }

  to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@-webkit-keyframes f-classicInPrev {
  0% {
      opacity: 0;
      -webkit-transform: translateX(75px);
      transform: translateX(75px)
  }

  to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@keyframes f-classicInPrev {
  0% {
      opacity: 0;
      -webkit-transform: translateX(75px);
      transform: translateX(75px)
  }

  to {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0)
  }
}

@-webkit-keyframes f-classicOutNext {
  to {
      opacity: 0;
      -webkit-transform: translateX(-75px);
      transform: translateX(-75px)
  }
}

@keyframes f-classicOutNext {
  to {
      opacity: 0;
      -webkit-transform: translateX(-75px);
      transform: translateX(-75px)
  }
}

@-webkit-keyframes f-classicOutPrev {
  to {
      opacity: 0;
      -webkit-transform: translateX(75px);
      transform: translateX(75px)
  }
}

@keyframes f-classicOutPrev {
  to {
      opacity: 0;
      -webkit-transform: translateX(75px);
      transform: translateX(75px)
  }
}

:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65
}

.f-button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--f-button-bg);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  -webkit-box-shadow: var(--f-button-shadow);
  box-shadow: var(--f-button-shadow);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  color: var(--f-button-color);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--f-button-height);
  justify-content: center;
  margin: 0;
  padding: 0;
  pointer-events: all;
  position: relative;
  -webkit-transition: var(--f-button-transition);
  transition: var(--f-button-transition);
  width: var(--f-button-width)
}

@media(hover: hover) {
  .f-button:hover:not([disabled]) {
      background-color:var(--f-button-hover-bg);
      color: var(--f-button-hover-color)
  }
}

.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
  outline: none
}

.f-button:focus-visible {
  -webkit-box-shadow: inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color));
  box-shadow: inset 0 0 0 var(--f-button-outline,2px) var(--f-button-outline-color,var(--f-button-color));
  outline: none
}

.f-button svg {
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  -webkit-filter: var(--f-button-svg-filter);
  filter: var(--f-button-svg-filter);
  height: var(--f-button-svg-height);
  pointer-events: none;
  -webkit-transform: var(--f-button-transform);
  transform: var(--f-button-transform);
  -webkit-transition: opacity .15s ease;
  transition: opacity .15s ease;
  width: var(--f-button-svg-width)
}

.f-button[disabled] {
  cursor: default
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-next,.f-carousel__nav .f-button.is-prev,.fancybox__nav .f-button.is-next,.fancybox__nav .f-button.is-prev {
  position: absolute;
  z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  left: var(--f-button-prev-pos);
  right: auto
}

.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev {
  left: 50%;
  top: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.f-carousel__nav .f-button:disabled,.fancybox__nav .f-button:disabled {
  pointer-events: none
}

html.with-fancybox {
  overflow: visible;
  scroll-behavior: auto;
  width: auto
}

html.with-fancybox body {
  -ms-touch-action: none;
  touch-action: none
}

html.with-fancybox body.hide-scrollbar {
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden!important;
  overscroll-behavior-y: none;
  width: auto
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24,24,27,.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: hsla(0,0%,100%,.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #f8f8f8;
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 0;
  margin: 0;
  outline: none;
  overflow: visible;
  overscroll-behavior-y: contain;
  padding: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  z-index: var(--fancybox-zIndex,1050)
}

.fancybox__container *,.fancybox__container :after,.fancybox__container :before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}

.fancybox__container::-webkit-backdrop {
  background-color: transparent
}

.fancybox__container::backdrop {
  background-color: transparent
}

.fancybox__backdrop {
  background: var(--fancybox-bg);
  bottom: 0;
  left: 0;
  opacity: var(--fancybox-opacity,1);
  position: fixed;
  right: 0;
  top: 0;
  will-change: opacity;
  z-index: -1
}

.fancybox__carousel {
  -webkit-box-flex: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow-x: clip;
  overflow-y: visible;
  position: relative;
  z-index: 10
}

.fancybox__viewport {
  height: 100%;
  width: 100%
}

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.fancybox__track {
  margin: 0 auto
}

.fancybox__slide,.fancybox__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}

.fancybox__slide {
  -webkit-box-flex: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-scroll-chaining: none;
  align-items: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 4px;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px
}

.fancybox__slide.has-html5video,.fancybox__slide.has-iframe,.fancybox__slide.has-image,.fancybox__slide.has-video {
  overflow: hidden
}

.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected {
  overflow: visible
}

.fancybox__slide:after,.fancybox__slide:before {
  -webkit-box-flex: 0;
  content: "";
  -ms-flex: 0 0 0px;
  flex: 0 0 0;
  margin: auto
}

.fancybox__backdrop:empty,.fancybox__slide:empty,.fancybox__track:empty,.fancybox__viewport:empty {
  display: block
}

.fancybox__content {
  -ms-flex-item-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  align-self: center;
  background: var(--fancybox-content-bg,#fff);
  border-radius: 0;
  color: var(--fancybox-content-color,#374151);
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  max-width: 100%;
  padding: 2rem;
  position: relative;
  z-index: 20
}

.is-loading .fancybox__content {
  opacity: 0
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab
}

.can-zoom_in .fancybox__content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in
}

.can-zoom_out .fancybox__content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing
}

.fancybox__content [contenteditable],.fancybox__content [data-selectable] {
  cursor: auto
}

.fancybox__slide.has-image>.fancybox__content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 1px;
  padding: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: none;
  transition: none
}

.fancybox__slide.has-image>.fancybox__content>picture>img {
  height: auto;
  max-height: 100%;
  width: 100%
}

.is-animating .fancybox__content,.is-dragging .fancybox__content {
  will-change: transform,width,height
}

.fancybox-image {
  display: block;
  -webkit-filter: blur(0);
  filter: blur(0);
  height: 100%;
  margin: auto;
  min-height: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%
}

.fancybox__caption {
  -ms-flex-item-align: center;
  -ms-flex-negative: 0;
  align-self: center;
  color: var(--fancybox-color,currentColor);
  cursor: auto;
  flex-shrink: 0;
  line-height: 1.375;
  margin: 0;
  max-width: 100%;
  opacity: var(--fancybox-opacity,1);
  overflow-wrap: anywhere;
  padding: 14px 0 4px;
  visibility: visible
}

.is-closing .fancybox__caption,.is-loading .fancybox__caption {
  opacity: 0;
  visibility: hidden
}

.is-compact .fancybox__caption {
  padding-bottom: 0
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  right: 8px;
  top: 0;
  z-index: 40
}

.fancybox__content>.f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color,#fff);
  --f-button-hover-color: var(--fancybox-color,#fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  opacity: .75;
  position: absolute;
  right: 0;
  top: -38px
}

.is-loading .fancybox__content>.f-button.is-close-btn,.is-zooming-out .fancybox__content>.f-button.is-close-btn {
  visibility: hidden
}

.fancybox__content>.f-button.is-close-btn:hover {
  opacity: 1
}

.fancybox__footer {
  margin: 0;
  padding: 0;
  position: relative
}

.fancybox__footer .fancybox__caption {
  opacity: var(--fancybox-opacity,1);
  padding: 24px;
  -webkit-transition: all .25s ease;
  transition: all .25s ease;
  width: 100%
}

.is-compact .fancybox__footer {
  background: rgba(24,24,27,.5);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 20
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 9pt
}

.is-compact .fancybox__content>.f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0,0,0,.6);
  --f-button-active-bg: rgba(0,0,0,.6);
  --f-button-hover-bg: rgba(0,0,0,.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  right: 5px;
  top: 5px
}

.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24,24,27,.3);
  --f-button-active-bg: rgba(24,24,27,.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24,24,27,.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity,1)
}

.fancybox__nav .f-button:before {
  bottom: -30px;
  content: "";
  left: -20px;
  position: absolute;
  right: -20px;
  top: -30px;
  z-index: 1
}

.is-idle .fancybox__nav,.is-idle.is-compact .fancybox__footer {
  -webkit-animation: f-fadeOut .15s ease-out both;
  animation: f-fadeOut .15s ease-out both
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none
}

.fancybox__slide>.f-spinner {
  cursor: pointer;
  left: 50%;
  margin: var(--f-spinner-top,calc(var(--f-spinner-width)*-.5)) 0 0 var(--f-spinner-left,calc(var(--f-spinner-height)*-.5));
  position: absolute;
  top: 50%;
  z-index: 30
}

.fancybox-protected {
  bottom: 0;
  right: 0
}

.fancybox-ghost,.fancybox-protected {
  left: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 40
}

.fancybox-ghost {
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
  width: 100%
}

.fancybox-focus-guard {
  opacity: 0;
  outline: none;
  pointer-events: none;
  position: fixed
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=false]>:not(.fancybox__backdrop,.fancybox__carousel) {
  -webkit-animation: var(--f-interface-enter-duration,.25s) ease .1s backwards f-fadeIn;
  animation: var(--f-interface-enter-duration,.25s) ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  -webkit-animation: var(--f-backdrop-enter-duration,.35s) ease backwards f-fadeIn;
  animation: var(--f-backdrop-enter-duration,.35s) ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>:not(.fancybox__content),.fancybox__container.is-animated[aria-hidden=true]>:not(.fancybox__backdrop,.fancybox__carousel) {
  -webkit-animation: var(--f-interface-exit-duration,.15s) ease forwards f-fadeOut;
  animation: var(--f-interface-exit-duration,.15s) ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  -webkit-animation: var(--f-backdrop-exit-duration,.35s) ease forwards f-fadeOut;
  animation: var(--f-backdrop-exit-duration,.35s) ease forwards f-fadeOut
}

.has-html5video .fancybox__content,.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  max-width: 100%;
  min-height: 1px;
  overflow: visible
}

.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content {
  height: 90%;
  width: calc(100% - 90pt)
}

.fancybox__container.is-compact .has-iframe .fancybox__content,.fancybox__container.is-compact .has-map .fancybox__content,.fancybox__container.is-compact .has-pdf .fancybox__content {
  height: 100%;
  width: 100%
}

.has-html5video .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
  height: 540px;
  max-height: 100%;
  max-width: 100%;
  width: 60pc
}

.has-html5video .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-vimeo .fancybox__content,.has-youtube .fancybox__content {
  background: rgba(24,24,27,.9);
  color: #fff;
  padding: 0
}

.has-map .fancybox__content {
  background: #e5e3df
}

.fancybox__html5video,.fancybox__iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  width: 100%
}

.fancybox-placeholder {
  clip: rect(1px,1px,1px,1px)!important;
  border: 0!important;
  clip-path: inset(50%)!important;
  height: 1px!important;
  margin: -1px!important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  white-space: nowrap!important;
  width: 1px!important
}

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px
}

.f-thumbs {
  -webkit-box-flex: 0;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-perspective: 750pt;
  perspective: 750pt;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.f-thumbs .f-spinner {
  background-image: -webkit-gradient(linear,left top,left bottom,from(#ebeff2),to(#e2e8f0));
  background-image: linear-gradient(#ebeff2,#e2e8f0);
  border-radius: 2px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1
}

.f-thumbs .f-spinner svg {
  display: none
}

.f-thumbs.is-vertical {
  height: 100%
}

.f-thumbs__viewport {
  height: auto;
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%
}

.f-thumbs__slide,.f-thumbs__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.f-thumbs__slide {
  -webkit-box-flex: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: var(--f-thumb-height);
  justify-content: center;
  margin: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  width: var(--f-thumb-width)
}

.f-thumbs__slide.is-loading img {
  opacity: 0
}

.is-classic .f-thumbs__viewport {
  height: 100%
}

.is-modern .f-thumbs__track {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content
}

.is-modern .f-thumbs__track:before {
  bottom: 0;
  content: "";
  cursor: pointer;
  left: calc((var(--f-thumb-clip-width, 0))*-.5);
  position: absolute;
  top: 0;
  width: calc(var(--width, 0)*1px + var(--f-thumb-clip-width, 0))
}

.is-modern .f-thumbs__slide {
  pointer-events: none;
  -webkit-transform: translate3d(calc(var(--shift, 0)*-1px),0,0);
  transform: translate3d(calc(var(--shift, 0)*-1px),0,0);
  -webkit-transition: none;
  transition: none;
  width: var(--f-thumb-clip-width)
}

.is-modern.is-resting .f-thumbs__slide {
  -webkit-transition: -webkit-transform .33s ease;
  transition: -webkit-transform .33s ease;
  transition: transform .33s ease;
  transition: transform .33s ease,-webkit-transform .33s ease
}

.is-modern.is-resting .f-thumbs__slide__button {
  -webkit-transition: clip-path .33s ease;
  transition: clip-path .33s ease
}

.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  -webkit-filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color));
  filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color)) drop-shadow(2px 0 0 var(--f-thumb-outline-color)) drop-shadow(0 -1px 0 var(--f-thumb-outline-color)) drop-shadow(0 2px 0 var(--f-thumb-outline-color))
}

.f-thumbs__slide__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: var(--f-thumb-border-radius);
  cursor: pointer;
  height: 100%;
  margin: 0 -100%;
  opacity: var(--f-thumb-opacity);
  outline: none;
  overflow: hidden;
  padding: 0;
  pointer-events: auto;
  position: relative;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  width: var(--f-thumb-width)
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none
}

.f-thumbs__slide__button:focus-visible {
  opacity: var(--f-thumb-selected-opacity);
  outline: none
}

.is-modern .f-thumbs__slide__button {
  --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))*(1 - var(--progress, 0))*0.5) round var(--f-thumb-border-radius,0));
  clip-path: var(--clip-path)
}

.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity)
}

.is-classic .is-nav-selected .f-thumbs__slide__button:after {
  -webkit-animation: f-fadeIn .2s ease-out;
  animation: f-fadeIn .2s ease-out;
  border: var(--f-thumb-outline,0) solid var(--f-thumb-outline-color,transparent);
  content: "";
  height: auto;
  z-index: 10
}

.f-thumbs__slide__img,.is-classic .is-nav-selected .f-thumbs__slide__button:after {
  border-radius: var(--f-thumb-border-radius);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.f-thumbs__slide__img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  padding: var(--f-thumb-offset);
  pointer-events: none;
  width: 100%
}

.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 8px 0 9pt
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  opacity: var(--fancybox-opacity,1);
  position: relative;
  -webkit-transition: max-height .35s cubic-bezier(.23,1,.32,1);
  transition: max-height .35s cubic-bezier(.23,1,.32,1)
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.1)),to(hsla(0,0%,100%,.05)));
  background-image: linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.05))
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.1)),to(hsla(0,0%,100%,.05)));
  background-image: linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.05))
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
  max-height: 0!important
}

.is-closing .fancybox__thumbs {
  -webkit-transition: none!important;
  transition: none!important
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color,hsla(0,0%,100%,.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24,24,27,.65);
  --f-button-hover-bg: rgba(70,70,73,.65);
  --f-button-active-bg: rgba(90,90,93,.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24,24,27,.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  color: var(--fancybox-color,currentColor);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI Adjusted,Segoe UI,Liberation Sans,sans-serif;
  justify-content: space-between;
  margin: 0;
  opacity: var(--fancybox-opacity,1);
  padding: 0;
  pointer-events: none;
  text-shadow: var(--fancybox-toolbar-text-shadow,1px 1px 1px rgba(0,0,0,.5));
  z-index: 20
}

.fancybox__toolbar :focus-visible {
  z-index: 1
}

.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar {
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.is-idle .fancybox__toolbar {
  -webkit-animation: f-fadeOut .15s ease-out both;
  animation: f-fadeOut .15s ease-out both;
  pointer-events: none
}

.fancybox__toolbar__column {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  flex-grow: 1
}

.fancybox__toolbar__column.is-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: flex-end
}

.fancybox__infobar {
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  line-height: var(--f-button-height);
  padding: 0 5px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.fancybox__infobar span {
  padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
  position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child,[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child,[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: -webkit-box;
  display: flex
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: -ms-flexbox;
  display: flex
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.f-progress {
  background: var(--f-progress-color,var(--f-carousel-theme-color,#0091ff));
  height: 3px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 30
}