body {
  font-family: var(--font-family-font-font-family-latin);
  font-weight: var(--font-weight-font-font-weight-regular);
  position: relative;
  margin: 0;
  color: var(--color-foreground-foreground-strong);
}

.dialog-off-canvas-main-canvas {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
}

.container, .custom-container {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

.container .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.trc_related_container {
  margin-top: var(--space-space-5xl);
}
.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4 {
  font-weight: var(--font-weight-font-font-weight-extra-bold);
  color: var(--color-foreground-foreground-default);
}

.h1, h1 {
  font-size: var(--typography-font-size-heading1-lg);
  line-height: var(--typography-line-height-heading1-lg);
}

.h2, h2 {
  font-size: var(--typography-font-size-heading2-lg);
  line-height: var(--typography-line-height-heading2-lg);
}

.h3, h3 {
  font-size: var(--typography-font-size-heading3-lg);
  line-height: var(--typography-line-height-heading3-lg);
}

.h4, h4 {
  font-size: var(--typography-font-size-heading4-lg);
  line-height: var(--typography-line-height-heading4-lg);
}

.h5, h5 {
  font-weight: var(--font-weight-font-font-weight-bold);
  font-size: var(--typography-font-size-heading5-lg);
  line-height: var(--typography-line-height-heading5-lg);
  color: var(--color-foreground-foreground-default);
}

.md-show {
  display: block;
}

.sm-show {
  display: none;
}

.swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  opacity: 1;
  background: var(--color-foreground-foreground-inverse-inactive);
}

.swiper-pagination-bullet-active {
  background: var(--color-foreground-foreground-secondary-active);
}

.swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}

.swiper-horizontal .swiper-pagination-bullet-active {
  width: 26px;
  border-radius: var(--border-radius-border-border-radius-rounded);
}

.swiper-pagination {
  gap: 10px;
  justify-content: center;
  align-items: center;
}

.swiper-vertical .swiper-pagination {
  flex-direction: column;
  width: 6px;
  left: 16px;
  gap: 4px
}
.inverted p,
.inverted h1,
.inverted h2,
.inverted h3,
.inverted h4,
.inverted h5,
.inverted h6,
.inverted .h1,
.inverted .h2,
.inverted .h3,
.inverted .h4,
.inverted .h5,
.inverted .h6,
.inverted .description,
.inverted .title,
.inverted .desc .title,
.text_color_white h1,
.text_color_white h2,
.text_color_white h3,
.text_color_white h4,
.text_color_white h5,
.text_color_white h6,
.text_color_white .h1,
.text_color_white .h2,
.text_color_white .h3,
.text_color_white .h4,
.text_color_white .h5,
.text_color_white .h6,
.text_color_white .description,
.text_color_white .title,
.text_color_white .desc .title {
  color: var(--color-foreground-foreground-on-active);
}

.inverted .swiper-pagination-bullet, 
.inverted .swiper-pagination-bullet-active {
  background: var(--color-foreground-foreground-on-inverse);
}

hr {
  color: var(--color-color-neutral-neutral-80);
  opacity: 1;
  margin: var(--space-space-xl) 0;
}

.inverted hr,
.text_color_white hr {
  color: var(--color-border-width-border-width-disabled);
}

.u-width-full {
  width: 100vw;
  max-width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.inverted-shadow {
  width: 100vw;
  max-width: 100vw;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 100%;
  background-color: var(--color-color-neutral-neutral-100);
}

.page__content {
  min-height: 100vh;
}

.mb-40 {
  margin-bottom: var(--space-space-3xl);
}

.mt-40 {
  margin-top: var(--space-space-3xl);
}

/** Article Page UI  **/
.node-type--article .article-body-field h4 {
  margin: var(--space-space-2xl) 0;
  font-size: var(--typography-font-size-heading5-md);
  line-height: 22px;
}
.node-type--article h4 a {
  color: var(--color-foreground-foreground-secondary-active);
  text-decoration: none;
}
.node-type--article .article-body-field img {
  object-fit: contain;
  max-height: 625px;
  display: block;
  width: 100%;
}
/** Pagination CSS */
.pagination-button-container {
  display: flex;
  justify-content: center;
  gap: 4px;
}
.pagination-button-container .text-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-button-container .text-center .prev-btn {
  font-size: 0;
  background: url(../assets/images/chevron-left.svg) no-repeat center;
  display: inline-block;
  width: 24px;
  height: 24px;
}
.pagination-button-container .text-center .next-btn {
  font-size: 0;
  background: url(../assets/images/chevron-right.svg) no-repeat center;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 28px;
}
.page__sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
/** Paragra[h with Background color enabled CSS */
.paragraph_with_background_enabled {
  position: relative;
}
.paragraph_with_background_enabled .inverted-shadow {
  background-color: inherit;
}
.paragraph--type--content-grid {
  padding-top: var(--space-space-3xl);
}
.sp-container {
  width: 500px;
}
.sp-container .sp-palette-container {
  width: 100%;
}
.sp-container .sp-picker-container {
  display: none;
} 
.margin_top_lg {
  margin-top: var(--space-space-lg);
}
.margin_bottom_lg {
  margin-bottom: var(--space-space-lg);
}
.margin_top_bottom_lg {
  margin-top: var(--space-space-lg);
  margin-bottom: var(--space-space-lg);
}
.margin_top_xl {
  margin-top: var(--space-space-xl);
}
.margin_bottom_xl {
  margin-bottom: var(--space-space-xl);
}
.margin_top_bottom_xl {
  margin-top: var(--space-space-xl);
  margin-bottom: var(--space-space-xl);
}
.margin_top_two_xl {
  margin-top: var(--space-space-2xl);
}
.margin_bottom_two_xl {
  margin-bottom: var(--space-space-2xl);
}
.margin_top_bottom_two_xl {
  margin-top: var(--space-space-2xl);
  margin-bottom: var(--space-space-2xl);
}
.margin_top_three_xl {
  margin-top: var(--space-space-3xl);
}
.margin_bottom_three_xl {
  margin-bottom: var(--space-space-3xl);
}
.margin_top_bottom_three_xl {
  margin-top: var(--space-space-3xl);
  margin-bottom: var(--space-space-3xl);
}
.margin_top_four_xl {
  margin-top: var(--space-space-4xl);
}
.margin_bottom_four_xl {
  margin-bottom: var(--space-space-4xl);
}
.margin_top_bottom_four_xl {
  margin-top: var(--space-space-4xl);
  margin-bottom: var(--space-space-4xl);
}
.margin_top_five_xl {
  margin-top: var(--space-space-5xl);
}
.margin_bottom_five_xl {
  margin-bottom: var(--space-space-5xl);
}
.margin_top_bottom_five_xl {
  margin-top: var(--space-space-5xl);
  margin-bottom: var(--space-space-5xl);
}
.padding_top_lg {
  padding-top: var(--space-space-lg);
}
.padding_bottom_lg {
  padding-bottom: var(--space-space-lg);
}
.padding_top_bottom_lg {
  padding-top: var(--space-space-lg);
  padding-bottom: var(--space-space-lg);
}
.padding_top_xl {
  padding-top: var(--space-space-xl);
}
.padding_bottom_xl {
  padding-bottom: var(--space-space-xl);
}
.padding_top_bottom_xl {
  padding-top: var(--space-space-xl);
  padding-bottom: var(--space-space-xl);
}
.padding_top_two_xl {
  padding-top: var(--space-space-2xl);
}
.padding_bottom_two_xl {
  padding-bottom: var(--space-space-2xl);
}
.padding_top_bottom_two_xl {
  padding-top: var(--space-space-2xl);
  padding-bottom: var(--space-space-2xl);
}
.padding_top_three_xl {
  padding-top: var(--space-space-3xl);
}
.padding_bottom_three_xl {
  padding-bottom: var(--space-space-3xl);
}
.padding_top_bottom_three_xl {
  padding-top: var(--space-space-3xl);
  padding-bottom: var(--space-space-3xl);
}
.padding_top_four_xl {
  padding-top: var(--space-space-4xl);
}
.padding_bottom_four_xl {
  padding-bottom: var(--space-space-4xl);
}
.padding_top_bottom_four_xl {
  padding-top: var(--space-space-4xl);
  padding-bottom: var(--space-space-4xl);
}
.padding_top_five_xl {
  padding-top: var(--space-space-5xl);
}
.padding_bottom_five_xl {
  padding-bottom: var(--space-space-5xl);
}
.padding_top_bottom_five_xl {
  padding-top: var(--space-space-5xl);
  padding-bottom: var(--space-space-5xl);
}
.paragraph--type--advertising {
  text-align: center;
  margin-bottom: var(--space-space-sm);
}
[id^="js-dfp-tag-mbns"] {
  text-align: center;
}
.block-dfp .block__title,
.paragraph--type--advertising .block__title {
  font-size: var(--typography-font-size-label3-sm);
  font-weight: 500;
  line-height: 14px;
  color: var(--color-foreground-foreground-inactive);
  text-align: center;
  margin-bottom: 0;
}
.block-dfp .block__content {
  text-align: center;
}
.block-dfp {
  margin-bottom: var(--space-space-sm);
  margin-top: var(--space-space-sm);
}
.paragraph--type--advertising .block-dfp {
  margin-bottom: 0;
}
.vodus-banner:empty,
.vodus-banner-tag:empty {
  display: none;
}
.btn {
  padding: var(--space-space-md) var(--space-space-lg);
  font-weight: var(--font-weight-font-font-weight-bold);
  font-size: var(--typography-font-size-label1-md);
  line-height: var(--typography-line-height-label1-md);
  width: fit-content;
  text-decoration: none;
  border: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.btn-primary {
  color: var(--color-foreground-foreground-on-active);
  background-color: var(--color-surface-surface-active);
  border-radius: var(--border-radius-border-border-radius-md);
}
.ajax-load-more {
  margin-bottom: var(--space-space-sm);
}
.js .js-hide {
  display: none;
}
div[class^="text-"]:has(.ajax-load-more) {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
}
.loader {
  width: 40px;
  height: 40px;
  border: 3px solid var(--color-foreground-foreground-inverse-inactive);
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  margin-bottom: var(--space-space-sm);
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
 }
  100% {
    transform: rotate(360deg);
  }
} 
#dfp-popup-modal {
  display: none;
  width: 100vw;
  height: 100vh;
  z-index: var(--z-index-z-max);
  background: rgba(0, 0, 0, .8);
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
}
#dfp-popup-modal > div {
  position: relative;
  text-align: center;
}
#dfp-popup-close {
  background: #f50;
  border: 0;
  border-radius: 5px;
  color: var(--color-color-neutral-neutral-0);
  cursor: pointer;
  display: inline-block;
  font-weight: var(--font-weight-font-font-weight-bold);
  margin-bottom: var(--space-space-xl);
  margin-top: var(--space-space-xl);
  padding: var(--space-space-sm) var(--space-space-xl);
  text-transform: uppercase
}
.block-typeform-block div#type-form {
  min-height: 655px;
}
.app-container {
  background-color: var(--color-surface-surface-default);
}
.app-container > .page {
  z-index: 1;
  position: relative;
}
.modal-backdrop.show {
  display: none;
}
@media (min-width: 1281px) {
  .container, .custom-container {
    max-width: 1280px;
  }
}

/* Mini Desktop Start */
@media only screen and (max-width: 1280px) {
  .container, .custom-container {
    padding: 0 var(--space-space-5xl);
  }
}

@media only screen and (min-width: 961px) {
  .col-lg-8 .paragraph_with_background_enabled {
    padding-left: var(--space-space-lg);
    padding-right: var(--space-space-lg);
  }
  .col-lg-8 .paragraph_with_background_enabled .inverted-shadow {
    width: 100%;
    left: 0;
    transform: none;
    margin: 0;
    right: 0;
  }
}
/* Tablet Start */
@media only screen and (max-width: 960px) {
  .trc_related_container {
    margin-top: var(--space-space-xl);
  }
  .container, .custom-container {
    padding: 0 var(--space-space-2xl);
  }
  .md-show {
    display: none;
  }
  .sm-show {
    display: block;
  }
  .h1, h1 {
    font-size: var(--typography-font-size-heading1-sm);
    line-height: var(--typography-line-height-heading1-sm);
  }
  .h2, h2 {
    font-size: var(--typography-font-size-heading2-sm);
    line-height: var(--typography-line-height-heading2-sm);
  }
  .h3, h3 {
    font-size: var(--typography-font-size-heading3-sm);
    line-height: var(--typography-line-height-heading3-sm);
  }
  .h4, h4 {
    font-size: var(--typography-font-size-heading4-sm);
    line-height: var(--typography-line-height-heading4-sm);
  }
  .h5, h5 {
    font-size: var(--typography-font-size-heading5-sm);
    line-height: var(--typography-line-height-heading5-sm);
  }
  .v-width-full-sm {
    width: 100vw;
    max-width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .swiper-pagination.swiper-pagination-horizontal {
    display: none;
  }
}

/* Mobile Start */
@media only screen and (max-width: 767px) {
  .container, .custom-container {
    padding: 0 var(--space-space-xl);
  }
}

@media only screen and (max-width: 640px) {
  .container, .custom-container {
    padding: 0 var(--space-space-lg);
  }
}
