@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);@import url(https://use.typekit.net/hcb2spe.css);@charset "UTF-8";
/*=================================================================================
Template Name  : Canon revamp 2025
CSS name       : Main Style
Version        : 1.0.0
==================================================================================*/
/* 
FONTS - Poppins from Google font
======================================================== */
/* 
BASE - Variables, Typography, Break points etc
======================================================== */
/* 
VARIABLE - Font, Spacing, Color etc
======================================================== */
/* 
RESPONSIVE - Media screens
======================================================== */
.errorPage__sorry, .errorPage__404, .countdown-card__number, .ctaBanner__title {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 56px;
  line-height: 58px;
}
@media (min-width: 1400px) {
  .errorPage__sorry, .errorPage__404, .countdown-card__number, .ctaBanner__title {
    font-size: 66px;
    line-height: 68px;
  }
}
@media (max-width: 991px) {
  .errorPage__sorry, .errorPage__404, .countdown-card__number, .ctaBanner__title {
    font-size: 36px;
    line-height: 38px;
  }
}

.maintenancePage__content--title, .pressArticle__heading--title, .errorPage__content--title, .simsMastheadDownload__heading, .downloadBrochure__title, .masthead-inner-banner__title, .fourCard__multiple--heading-title, .articlesMasthead__heading--title {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 42px;
}
@media (min-width: 1400px) {
  .maintenancePage__content--title, .pressArticle__heading--title, .errorPage__content--title, .simsMastheadDownload__heading, .downloadBrochure__title, .masthead-inner-banner__title, .fourCard__multiple--heading-title, .articlesMasthead__heading--title {
    font-size: 46px;
    line-height: 58px;
  }
}
@media (max-width: 991px) {
  .maintenancePage__content--title, .pressArticle__heading--title, .errorPage__content--title, .simsMastheadDownload__heading, .downloadBrochure__title, .masthead-inner-banner__title, .fourCard__multiple--heading-title, .articlesMasthead__heading--title {
    font-size: 28px;
    line-height: 30px;
  }
}

.simsFaqDetail__heading--title, .upcomingEvents__card--content-title, .submission__content--heading, .solutionTwoCard__title, .solutionCardFullwidth__title {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-size: 32px;
  line-height: normal;
}
@media (min-width: 1400px) {
  .simsFaqDetail__heading--title, .upcomingEvents__card--content-title, .submission__content--heading, .solutionTwoCard__title, .solutionCardFullwidth__title {
    font-size: 40px;
    line-height: 42px;
  }
}
@media (max-width: 991px) {
  .simsFaqDetail__heading--title, .upcomingEvents__card--content-title, .submission__content--heading, .solutionTwoCard__title, .solutionCardFullwidth__title {
    font-size: 26px;
    line-height: 28px;
  }
}

.event-detail__sidebar--body-title, .eventsPayment__countdown--sparator, .eventsPayment__countdown--number, .tco__result-name, .tco__total-cost-name, .cps__title, .countdown--separator, .textBlock__video--title, .textBlock__media--title, .productsCategoriesPopup__heading--title, .listingHead__title, .results__title {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 28px;
  line-height: normal;
}
@media (min-width: 1400px) {
  .event-detail__sidebar--body-title, .eventsPayment__countdown--sparator, .eventsPayment__countdown--number, .tco__result-name, .tco__total-cost-name, .cps__title, .countdown--separator, .textBlock__video--title, .textBlock__media--title, .productsCategoriesPopup__heading--title, .listingHead__title, .results__title {
    font-size: 32px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .event-detail__sidebar--body-title, .eventsPayment__countdown--sparator, .eventsPayment__countdown--number, .tco__result-name, .tco__total-cost-name, .cps__title, .countdown--separator, .textBlock__video--title, .textBlock__media--title, .productsCategoriesPopup__heading--title, .listingHead__title, .results__title {
    font-size: 24px;
    line-height: normal;
  }
}

.productCompare__column--label, .productCompare__specifications--group-title, .events-registration__schedule--title, .mediaFormBanner__form--title, .modal-header-title, .softwareCard__content--title, .contactUsNav__nav--heading, .textBlock__group .grid-same .post-item .content .title, .textBlock__group .grid-same .select-regional .title, .informationModal__container--title {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: normal;
}
@media (min-width: 1400px) {
  .productCompare__column--label, .productCompare__specifications--group-title, .events-registration__schedule--title, .mediaFormBanner__form--title, .modal-header-title, .softwareCard__content--title, .contactUsNav__nav--heading, .textBlock__group .grid-same .post-item .content .title, .textBlock__group .grid-same .select-regional .title, .informationModal__container--title {
    font-size: 28px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .productCompare__column--label, .productCompare__specifications--group-title, .events-registration__schedule--title, .mediaFormBanner__form--title, .modal-header-title, .softwareCard__content--title, .contactUsNav__nav--heading, .textBlock__group .grid-same .post-item .content .title, .textBlock__group .grid-same .select-regional .title, .informationModal__container--title {
    font-size: 23px;
    line-height: normal;
  }
}

.errorPage__content, .alert__danger i, .tco__result-page, .tco__total-cost-page, .tco__result-title, .tco__result-cost, .tco__total-cost-title, .tco__total-cost-cost, .tco-title, .simsProductHeader__detail--series-model-title, .simsProductHeader__detail--title, .promotionMasthead__main--heading-title, .benefit-comparison .table-row .gold-value.notAvailable i, .benefit-comparison .table-row .silver-value.notAvailable i, .jumbotronCard__content--author strong, .itemCard__close, .contactUsMasthead .accordions__header, .articlesMasthead__content, .submission__content--code, .tabNavText__item, .share__label {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 22px;
  line-height: normal;
}
@media (min-width: 1400px) {
  .errorPage__content, .alert__danger i, .tco__result-page, .tco__total-cost-page, .tco__result-title, .tco__result-cost, .tco__total-cost-title, .tco__total-cost-cost, .tco-title, .simsProductHeader__detail--series-model-title, .simsProductHeader__detail--title, .promotionMasthead__main--heading-title, .benefit-comparison .table-row .gold-value.notAvailable i, .benefit-comparison .table-row .silver-value.notAvailable i, .jumbotronCard__content--author strong, .itemCard__close, .contactUsMasthead .accordions__header, .articlesMasthead__content, .submission__content--code, .tabNavText__item, .share__label {
    font-size: 24px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .errorPage__content, .alert__danger i, .tco__result-page, .tco__total-cost-page, .tco__result-title, .tco__result-cost, .tco__total-cost-title, .tco__total-cost-cost, .tco-title, .simsProductHeader__detail--series-model-title, .simsProductHeader__detail--title, .promotionMasthead__main--heading-title, .benefit-comparison .table-row .gold-value.notAvailable i, .benefit-comparison .table-row .silver-value.notAvailable i, .jumbotronCard__content--author strong, .itemCard__close, .contactUsMasthead .accordions__header, .articlesMasthead__content, .submission__content--code, .tabNavText__item, .share__label {
    font-size: 20px;
    line-height: normal;
  }
}

.simsNoticeDetail__body table thead tr td, .event-gallery__search__popup--heading-title, .event-detail__sidebar--footer-price span, .event-detail__subtitle, .eventsPayment__process--steps, .contactUs__content-title, .events-registration__schedule--card-content-time-data [class^=ci-], .events-registration__schedule--card-content-time-data [class*=" ci-"], .masthead-inner-banner__content, .benefit-comparison .table-row .gold-value i, .benefit-comparison .table-row .silver-value i, .panelCard .table-responsive table thead tr th,
.panelCard .table-responsive table thead tr td, .articleBanner__content, .recentEvents__subheading, .recentArticles__subheading, .solutions__subheading, .jumbotronCard__blockquote, .textBlock__group .grid-same .post-item .content ul li h5, .textBlock__group .table-responsive table thead tr th,
.textBlock__group .table-responsive table thead tr td, .recommendedProducts__content, .productHero__content, .mastheadDetails__subheading, .simsSearch__popup--heading-title,
.simsSearch__top-select__popup--heading-title, .consumablesPanel__info--title, .peopleCard__title, .mapCard__content table thead tr th, .mapCard__content table thead tr td, table thead tr th, table thead tr td {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 20px;
  line-height: normal;
}
@media (min-width: 1400px) {
  .simsNoticeDetail__body table thead tr td, .event-gallery__search__popup--heading-title, .event-detail__sidebar--footer-price span, .event-detail__subtitle, .eventsPayment__process--steps, .contactUs__content-title, .events-registration__schedule--card-content-time-data [class^=ci-], .events-registration__schedule--card-content-time-data [class*=" ci-"], .masthead-inner-banner__content, .benefit-comparison .table-row .gold-value i, .benefit-comparison .table-row .silver-value i, .panelCard .table-responsive table thead tr th,
  .panelCard .table-responsive table thead tr td, .articleBanner__content, .recentEvents__subheading, .recentArticles__subheading, .solutions__subheading, .jumbotronCard__blockquote, .textBlock__group .grid-same .post-item .content ul li h5, .textBlock__group .table-responsive table thead tr th,
  .textBlock__group .table-responsive table thead tr td, .recommendedProducts__content, .productHero__content, .mastheadDetails__subheading, .simsSearch__popup--heading-title,
  .simsSearch__top-select__popup--heading-title, .consumablesPanel__info--title, .peopleCard__title, .mapCard__content table thead tr th, .mapCard__content table thead tr td, table thead tr th, table thead tr td {
    font-size: 22px;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  .simsNoticeDetail__body table thead tr td, .event-gallery__search__popup--heading-title, .event-detail__sidebar--footer-price span, .event-detail__subtitle, .eventsPayment__process--steps, .contactUs__content-title, .events-registration__schedule--card-content-time-data [class^=ci-], .events-registration__schedule--card-content-time-data [class*=" ci-"], .masthead-inner-banner__content, .benefit-comparison .table-row .gold-value i, .benefit-comparison .table-row .silver-value i, .panelCard .table-responsive table thead tr th,
  .panelCard .table-responsive table thead tr td, .articleBanner__content, .recentEvents__subheading, .recentArticles__subheading, .solutions__subheading, .jumbotronCard__blockquote, .textBlock__group .grid-same .post-item .content ul li h5, .textBlock__group .table-responsive table thead tr th,
  .textBlock__group .table-responsive table thead tr td, .recommendedProducts__content, .productHero__content, .mastheadDetails__subheading, .simsSearch__popup--heading-title,
  .simsSearch__top-select__popup--heading-title, .consumablesPanel__info--title, .peopleCard__title, .mapCard__content table thead tr th, .mapCard__content table thead tr td, table thead tr th, table thead tr td {
    font-size: 18px;
    line-height: normal;
  }
}

.simsFaqDetail__static-pages div h1, .simsFaqDetail__static-pages div h2, .simsFaqDetail__static-pages div h3, .simsFaqDetail__static-pages div h4, .simsFaqDetail__static-pages div h5, .simsFaqDetail__static-pages div h6, .simsFaqDetail__static-pages--title, .event-detail__sidebar--body-desc, .eventsPayment__method--offline-card, .eventsPayment__method--title, .eventsPayment__participant--group-title, .eventsPayment__group--title, .eventsPayment__summary--overview-title, .eventsPayment__summary--collapse-title, .consumable-page__subtitle, .map-content__title, .wtb-map__location .item-location__title, .sdk__title, .voiceOption__card-title, .asideSection__group--title, .events-registration__schedule--card-title .radio, .events-registration__schedule--card-title, .simsProductHeader__detail--results, .simsMasthead__heading--subtitle, .simsMastheadDownload__action--disclaimer, .downloadBrochure__button, .benefit-comparison__header .col, .page__masthead--subHeading, .mediaFormBanner__content--desc, .contentFeatureBanner__content--desc, .featureHighlight__overview--content, .sliderBlock__caption p, .sliderBlock__caption, .vimeoVideo__caption, .youtubeVideo__caption, .responsiveVideo__caption, .featuredImage__content, .upcomingEvents__desc, .accordionsSlider__heading, .contactUsMasthead .accordions__header-contact-info, .contactUsMasthead__title, .submission__content--confirmation strong, .table__box thead th, .contactInfo__title, .poductRangeCard__content, .photo-library-card__title, .consumablesPanel__body--head-item, .tabNavTextCarousel__item, .popupCompare__heading--title, .solutionsCard__title, .mapCard__heading, .results, .sectionHeading__subtitle, .pageHeading__desc, .form-group .form-label {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
@media (min-width: 1400px) {
  .simsFaqDetail__static-pages div h1, .simsFaqDetail__static-pages div h2, .simsFaqDetail__static-pages div h3, .simsFaqDetail__static-pages div h4, .simsFaqDetail__static-pages div h5, .simsFaqDetail__static-pages div h6, .simsFaqDetail__static-pages--title, .event-detail__sidebar--body-desc, .eventsPayment__method--offline-card, .eventsPayment__method--title, .eventsPayment__participant--group-title, .eventsPayment__group--title, .eventsPayment__summary--overview-title, .eventsPayment__summary--collapse-title, .consumable-page__subtitle, .map-content__title, .wtb-map__location .item-location__title, .sdk__title, .voiceOption__card-title, .asideSection__group--title, .events-registration__schedule--card-title .radio, .events-registration__schedule--card-title, .simsProductHeader__detail--results, .simsMasthead__heading--subtitle, .simsMastheadDownload__action--disclaimer, .downloadBrochure__button, .benefit-comparison__header .col, .page__masthead--subHeading, .mediaFormBanner__content--desc, .contentFeatureBanner__content--desc, .featureHighlight__overview--content, .sliderBlock__caption p, .sliderBlock__caption, .vimeoVideo__caption, .youtubeVideo__caption, .responsiveVideo__caption, .featuredImage__content, .upcomingEvents__desc, .accordionsSlider__heading, .contactUsMasthead .accordions__header-contact-info, .contactUsMasthead__title, .submission__content--confirmation strong, .table__box thead th, .contactInfo__title, .poductRangeCard__content, .photo-library-card__title, .consumablesPanel__body--head-item, .tabNavTextCarousel__item, .popupCompare__heading--title, .solutionsCard__title, .mapCard__heading, .results, .sectionHeading__subtitle, .pageHeading__desc, .form-group .form-label {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 991px) {
  .simsFaqDetail__static-pages div h1, .simsFaqDetail__static-pages div h2, .simsFaqDetail__static-pages div h3, .simsFaqDetail__static-pages div h4, .simsFaqDetail__static-pages div h5, .simsFaqDetail__static-pages div h6, .simsFaqDetail__static-pages--title, .event-detail__sidebar--body-desc, .eventsPayment__method--offline-card, .eventsPayment__method--title, .eventsPayment__participant--group-title, .eventsPayment__group--title, .eventsPayment__summary--overview-title, .eventsPayment__summary--collapse-title, .consumable-page__subtitle, .map-content__title, .wtb-map__location .item-location__title, .sdk__title, .voiceOption__card-title, .asideSection__group--title, .events-registration__schedule--card-title .radio, .events-registration__schedule--card-title, .simsProductHeader__detail--results, .simsMasthead__heading--subtitle, .simsMastheadDownload__action--disclaimer, .downloadBrochure__button, .benefit-comparison__header .col, .page__masthead--subHeading, .mediaFormBanner__content--desc, .contentFeatureBanner__content--desc, .featureHighlight__overview--content, .sliderBlock__caption p, .sliderBlock__caption, .vimeoVideo__caption, .youtubeVideo__caption, .responsiveVideo__caption, .featuredImage__content, .upcomingEvents__desc, .accordionsSlider__heading, .contactUsMasthead .accordions__header-contact-info, .contactUsMasthead__title, .submission__content--confirmation strong, .table__box thead th, .contactInfo__title, .poductRangeCard__content, .photo-library-card__title, .consumablesPanel__body--head-item, .tabNavTextCarousel__item, .popupCompare__heading--title, .solutionsCard__title, .mapCard__heading, .results, .sectionHeading__subtitle, .pageHeading__desc, .form-group .form-label {
    font-size: 18px;
    line-height: normal;
  }
}

.simsNoticeDetail__body .ImportantUpper,
.simsNoticeDetail__body .MemoUpper,
.simsNoticeDetail__body .RefUpper, .simsNoticeDetail__post--date, .simsFaqDetail__static-pages .ImportantUpper,
.simsFaqDetail__static-pages .MemoUpper,
.simsFaqDetail__static-pages .RefUpper, .maintenancePage__content, .event-gallery__search--input, .event-detail__address, .event-detail__location, .event-detail__contact, .event-detail__info, .event-detail__category, .irs--flat .irs-single, .alert__danger, .tco__result-label, .tco__total-cost-label, .tco .range__end, .tco .range__start, .tco-subtitle, .cps__form p, .contactUs__content-time, .contactUs__content-clock, .contactUs__content-operatingHours, .contactUs__content-location, .asideSection__nav--productSpec-title, .productDisclaimer__listing--item, .globalSearch__product--card-title, .megamenu__listing--link, .megamenu__listing--button, .events-registration__schedule--card-content, .event-gallery__modal-title, .eventDisclaimer__listing--item, .benefit-comparison .table-row .col.title, .benefit-comparison .table-row .gold-value, .benefit-comparison .table-row .silver-value, .panelSolution__card, .productSticky__dropdown--menu, .productSticky__title, .photoGallery__content, .imageTwoColumn__desc, .accordionsImage__content .accordions__body, .itemCard, .articlesMasthead__heading--label, .textBlock .table-responsive-wrapper table thead tr th,
.textBlock .table-responsive-wrapper table thead tr td, .textBlock__image--thumbnails-caption, .textBlock__video--thumbnails-caption, .textBlock__media--thumbnails-caption, .mastheadDetails__navbar--link, .mastheadDetails__desc, .table__box th a,
.table__box td a, .table__box th:first-child,
.table__box td:first-child, .table__box tbody tr td, .productsCategoriesPopup__content--nav-button, .simsSearch .suggestions-list li,
.simsSearch__top-select .suggestions-list li, .simsSearch__input,
.simsSearch__top-select__input, .simsNoticeCard__header--tags-link, .simsNoticeCard__header--label-date, .event-search__input, .event-search__label, .consumablesPanel__body--main-product, .accessPanel__link, .tabsNavIcon__dropdown--item, .tabsNavIcon__dropdown--button, .listingHead__mobile--dropdown-button, .mapCard__content, .solutionTwoCard__content, .solutionCardFullwidth__content, .linkCard, .pagination__of-total, .pagination__page-number, .pagination__button, .searchForm__input, .btn-group .btn-outline-dark, .form-group.is-invalid .form-input.error,
.form-group.is-invalid .form-textarea.error,
.form-group.is-invalid .date-picker__icon.error,
.form-group.is-invalid .form-group__radio.error,
.form-group.is-invalid .form-group__checkbox.error,
.form-group.is-invalid .form-group__currency.error,
.form-group.is-invalid .form-select__selection.error, .form-textarea, .form-input, .form-control, .select2-container .form-select__dropdown .select2-results__option, .select2-container .form-select__dropdown .select2-search--dropdown .select2-search__field, .select2-container .form-select__selection .select2-selection__rendered, .select2-container .form-select__selection .select2-selection__placeholder, .select2-container .select__dropdown .select2-results__option, .select2-container .select__dropdown .select2-search--dropdown .select2-search__field, .select2-container .select__selection .select2-selection__rendered, .select2-container .select__selection .select2-selection__placeholder, .radio, .checkbox, body {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
}
@media (min-width: 1400px) {
  .simsNoticeDetail__body .ImportantUpper,
  .simsNoticeDetail__body .MemoUpper,
  .simsNoticeDetail__body .RefUpper, .simsNoticeDetail__post--date, .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper, .maintenancePage__content, .event-gallery__search--input, .event-detail__address, .event-detail__location, .event-detail__contact, .event-detail__info, .event-detail__category, .irs--flat .irs-single, .alert__danger, .tco__result-label, .tco__total-cost-label, .tco .range__end, .tco .range__start, .tco-subtitle, .cps__form p, .contactUs__content-time, .contactUs__content-clock, .contactUs__content-operatingHours, .contactUs__content-location, .asideSection__nav--productSpec-title, .productDisclaimer__listing--item, .globalSearch__product--card-title, .megamenu__listing--link, .megamenu__listing--button, .events-registration__schedule--card-content, .event-gallery__modal-title, .eventDisclaimer__listing--item, .benefit-comparison .table-row .col.title, .benefit-comparison .table-row .gold-value, .benefit-comparison .table-row .silver-value, .panelSolution__card, .productSticky__dropdown--menu, .productSticky__title, .photoGallery__content, .imageTwoColumn__desc, .accordionsImage__content .accordions__body, .itemCard, .articlesMasthead__heading--label, .textBlock .table-responsive-wrapper table thead tr th,
  .textBlock .table-responsive-wrapper table thead tr td, .textBlock__image--thumbnails-caption, .textBlock__video--thumbnails-caption, .textBlock__media--thumbnails-caption, .mastheadDetails__navbar--link, .mastheadDetails__desc, .table__box th a,
  .table__box td a, .table__box th:first-child,
  .table__box td:first-child, .table__box tbody tr td, .productsCategoriesPopup__content--nav-button, .simsSearch .suggestions-list li,
  .simsSearch__top-select .suggestions-list li, .simsSearch__input,
  .simsSearch__top-select__input, .simsNoticeCard__header--tags-link, .simsNoticeCard__header--label-date, .event-search__input, .event-search__label, .consumablesPanel__body--main-product, .accessPanel__link, .tabsNavIcon__dropdown--item, .tabsNavIcon__dropdown--button, .listingHead__mobile--dropdown-button, .mapCard__content, .solutionTwoCard__content, .solutionCardFullwidth__content, .linkCard, .pagination__of-total, .pagination__page-number, .pagination__button, .searchForm__input, .btn-group .btn-outline-dark, .form-group.is-invalid .form-input.error,
  .form-group.is-invalid .form-textarea.error,
  .form-group.is-invalid .date-picker__icon.error,
  .form-group.is-invalid .form-group__radio.error,
  .form-group.is-invalid .form-group__checkbox.error,
  .form-group.is-invalid .form-group__currency.error,
  .form-group.is-invalid .form-select__selection.error, .form-textarea, .form-input, .form-control, .select2-container .form-select__dropdown .select2-results__option, .select2-container .form-select__dropdown .select2-search--dropdown .select2-search__field, .select2-container .form-select__selection .select2-selection__rendered, .select2-container .form-select__selection .select2-selection__placeholder, .select2-container .select__dropdown .select2-results__option, .select2-container .select__dropdown .select2-search--dropdown .select2-search__field, .select2-container .select__selection .select2-selection__rendered, .select2-container .select__selection .select2-selection__placeholder, .radio, .checkbox, body {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 991px) {
  .simsNoticeDetail__body .ImportantUpper,
  .simsNoticeDetail__body .MemoUpper,
  .simsNoticeDetail__body .RefUpper, .simsNoticeDetail__post--date, .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper, .maintenancePage__content, .event-gallery__search--input, .event-detail__address, .event-detail__location, .event-detail__contact, .event-detail__info, .event-detail__category, .irs--flat .irs-single, .alert__danger, .tco__result-label, .tco__total-cost-label, .tco .range__end, .tco .range__start, .tco-subtitle, .cps__form p, .contactUs__content-time, .contactUs__content-clock, .contactUs__content-operatingHours, .contactUs__content-location, .asideSection__nav--productSpec-title, .productDisclaimer__listing--item, .globalSearch__product--card-title, .megamenu__listing--link, .megamenu__listing--button, .events-registration__schedule--card-content, .event-gallery__modal-title, .eventDisclaimer__listing--item, .benefit-comparison .table-row .col.title, .benefit-comparison .table-row .gold-value, .benefit-comparison .table-row .silver-value, .panelSolution__card, .productSticky__dropdown--menu, .productSticky__title, .photoGallery__content, .imageTwoColumn__desc, .accordionsImage__content .accordions__body, .itemCard, .articlesMasthead__heading--label, .textBlock .table-responsive-wrapper table thead tr th,
  .textBlock .table-responsive-wrapper table thead tr td, .textBlock__image--thumbnails-caption, .textBlock__video--thumbnails-caption, .textBlock__media--thumbnails-caption, .mastheadDetails__navbar--link, .mastheadDetails__desc, .table__box th a,
  .table__box td a, .table__box th:first-child,
  .table__box td:first-child, .table__box tbody tr td, .productsCategoriesPopup__content--nav-button, .simsSearch .suggestions-list li,
  .simsSearch__top-select .suggestions-list li, .simsSearch__input,
  .simsSearch__top-select__input, .simsNoticeCard__header--tags-link, .simsNoticeCard__header--label-date, .event-search__input, .event-search__label, .consumablesPanel__body--main-product, .accessPanel__link, .tabsNavIcon__dropdown--item, .tabsNavIcon__dropdown--button, .listingHead__mobile--dropdown-button, .mapCard__content, .solutionTwoCard__content, .solutionCardFullwidth__content, .linkCard, .pagination__of-total, .pagination__page-number, .pagination__button, .searchForm__input, .btn-group .btn-outline-dark, .form-group.is-invalid .form-input.error,
  .form-group.is-invalid .form-textarea.error,
  .form-group.is-invalid .date-picker__icon.error,
  .form-group.is-invalid .form-group__radio.error,
  .form-group.is-invalid .form-group__checkbox.error,
  .form-group.is-invalid .form-group__currency.error,
  .form-group.is-invalid .form-select__selection.error, .form-textarea, .form-input, .form-control, .select2-container .form-select__dropdown .select2-results__option, .select2-container .form-select__dropdown .select2-search--dropdown .select2-search__field, .select2-container .form-select__selection .select2-selection__rendered, .select2-container .form-select__selection .select2-selection__placeholder, .select2-container .select__dropdown .select2-results__option, .select2-container .select__dropdown .select2-search--dropdown .select2-search__field, .select2-container .select__selection .select2-selection__rendered, .select2-container .select__selection .select2-selection__placeholder, .radio, .checkbox, body {
    font-size: 16px;
    line-height: normal;
  }
}

.event-gallery__search__popup--content-title, .globalSearchResults__listing--desc, .globalSearchResults__listing--label-date, .eventsPayment__method--form .form-group .form-label, .eventsPayment__participant .form-group .form-label, .eventsPayment__summary--label-title, .eventsPayment__summary--overview-desc, .eventsPayment__countdown--time, .photo-library__modal--header-size, .photo-library__modal--header-category, .map-content__tags--tag, .map-content .map-contact p, .map-content__type-label, .map-content__type-text, .map-content__view-map, .map-content__address, .wtb-map__location .item-location__tags--tag, .wtb-map__location .item-location__contact p, .wtb-map__location .item-location__type-label, .wtb-map__location .item-location__type-text, .wtb-map__location .item-location__view-map, .wtb-map__location .item-location__address, .wtb-card__body-tag span, .wtb-card__body-title, .wtb-card__head-title, .voiceOption__card-label, .productCompare__specifications, .asideSection__nav--listing, .globalSearch__product--card-price-inner, .globalSearch__title, .importantNotices__listing li, .simsProductHeader__detail--series-model-results, .simsProductHeader__detail--series-label, .modal-body, .fourCard__content, .photoGalleyPopup__caption,
.galleyPopup__caption, .galleryCarousel__caption, .upcomingEvents__card--content-desc, .productFilter__wrapper .checkbox, .productFilter__wrapper .accordions__header, .productFilter__action, .productFilter__label, .mastheadDetails__color--active-label, .mastheadDetails__color--active, .contactInfo__desc, .simsSearch__popup--content-title,
.simsSearch__top-select__popup--content-title, .simsInformationCard__content, .daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons .drp-selected, .daterangepicker .calendar-table th, .daterangepicker .calendar-table td, .daterangepicker, .gallery-card__content-title, .photo-library-card__subTitle, .consumablesPanel__info--action, .consumablesPanel__info--listing--item, .popupCompare__heading--label, .listingHead, .searchResultsCard__content--label-date, .featuredArticleCard__content--tags-item, .solutionsCard__tags, .promotionCard__body ul li, .promotionCard__body p, .promotionCard__body, .eventCard__label--date, .eventCard__label--category, .eventCard__label, .eventCard__address, .articleCard__label--date, .articleCard__label--category, .articleCard__label, .articleCard__company, .productCard__desc, .productCard__listing li, .productCard__kit .select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option, .productCard__kit .select2-container .form-select__selection .select2-selection__rendered, .linkCard__contactUs, .button__sm, .tempus-dominus-widget i, .btn-group__content-title, .checkbox-switch__text {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
}
@media (min-width: 1400px) {
  .event-gallery__search__popup--content-title, .globalSearchResults__listing--desc, .globalSearchResults__listing--label-date, .eventsPayment__method--form .form-group .form-label, .eventsPayment__participant .form-group .form-label, .eventsPayment__summary--label-title, .eventsPayment__summary--overview-desc, .eventsPayment__countdown--time, .photo-library__modal--header-size, .photo-library__modal--header-category, .map-content__tags--tag, .map-content .map-contact p, .map-content__type-label, .map-content__type-text, .map-content__view-map, .map-content__address, .wtb-map__location .item-location__tags--tag, .wtb-map__location .item-location__contact p, .wtb-map__location .item-location__type-label, .wtb-map__location .item-location__type-text, .wtb-map__location .item-location__view-map, .wtb-map__location .item-location__address, .wtb-card__body-tag span, .wtb-card__body-title, .wtb-card__head-title, .voiceOption__card-label, .productCompare__specifications, .asideSection__nav--listing, .globalSearch__product--card-price-inner, .globalSearch__title, .importantNotices__listing li, .simsProductHeader__detail--series-model-results, .simsProductHeader__detail--series-label, .modal-body, .fourCard__content, .photoGalleyPopup__caption,
  .galleyPopup__caption, .galleryCarousel__caption, .upcomingEvents__card--content-desc, .productFilter__wrapper .checkbox, .productFilter__wrapper .accordions__header, .productFilter__action, .productFilter__label, .mastheadDetails__color--active-label, .mastheadDetails__color--active, .contactInfo__desc, .simsSearch__popup--content-title,
  .simsSearch__top-select__popup--content-title, .simsInformationCard__content, .daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons .drp-selected, .daterangepicker .calendar-table th, .daterangepicker .calendar-table td, .daterangepicker, .gallery-card__content-title, .photo-library-card__subTitle, .consumablesPanel__info--action, .consumablesPanel__info--listing--item, .popupCompare__heading--label, .listingHead, .searchResultsCard__content--label-date, .featuredArticleCard__content--tags-item, .solutionsCard__tags, .promotionCard__body ul li, .promotionCard__body p, .promotionCard__body, .eventCard__label--date, .eventCard__label--category, .eventCard__label, .eventCard__address, .articleCard__label--date, .articleCard__label--category, .articleCard__label, .articleCard__company, .productCard__desc, .productCard__listing li, .productCard__kit .select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option, .productCard__kit .select2-container .form-select__selection .select2-selection__rendered, .linkCard__contactUs, .button__sm, .tempus-dominus-widget i, .btn-group__content-title, .checkbox-switch__text {
    font-size: 16px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .event-gallery__search__popup--content-title, .globalSearchResults__listing--desc, .globalSearchResults__listing--label-date, .eventsPayment__method--form .form-group .form-label, .eventsPayment__participant .form-group .form-label, .eventsPayment__summary--label-title, .eventsPayment__summary--overview-desc, .eventsPayment__countdown--time, .photo-library__modal--header-size, .photo-library__modal--header-category, .map-content__tags--tag, .map-content .map-contact p, .map-content__type-label, .map-content__type-text, .map-content__view-map, .map-content__address, .wtb-map__location .item-location__tags--tag, .wtb-map__location .item-location__contact p, .wtb-map__location .item-location__type-label, .wtb-map__location .item-location__type-text, .wtb-map__location .item-location__view-map, .wtb-map__location .item-location__address, .wtb-card__body-tag span, .wtb-card__body-title, .wtb-card__head-title, .voiceOption__card-label, .productCompare__specifications, .asideSection__nav--listing, .globalSearch__product--card-price-inner, .globalSearch__title, .importantNotices__listing li, .simsProductHeader__detail--series-model-results, .simsProductHeader__detail--series-label, .modal-body, .fourCard__content, .photoGalleyPopup__caption,
  .galleyPopup__caption, .galleryCarousel__caption, .upcomingEvents__card--content-desc, .productFilter__wrapper .checkbox, .productFilter__wrapper .accordions__header, .productFilter__action, .productFilter__label, .mastheadDetails__color--active-label, .mastheadDetails__color--active, .contactInfo__desc, .simsSearch__popup--content-title,
  .simsSearch__top-select__popup--content-title, .simsInformationCard__content, .daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons .drp-selected, .daterangepicker .calendar-table th, .daterangepicker .calendar-table td, .daterangepicker, .gallery-card__content-title, .photo-library-card__subTitle, .consumablesPanel__info--action, .consumablesPanel__info--listing--item, .popupCompare__heading--label, .listingHead, .searchResultsCard__content--label-date, .featuredArticleCard__content--tags-item, .solutionsCard__tags, .promotionCard__body ul li, .promotionCard__body p, .promotionCard__body, .eventCard__label--date, .eventCard__label--category, .eventCard__label, .eventCard__address, .articleCard__label--date, .articleCard__label--category, .articleCard__label, .articleCard__company, .productCard__desc, .productCard__listing li, .productCard__kit .select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option, .productCard__kit .select2-container .form-select__selection .select2-selection__rendered, .linkCard__contactUs, .button__sm, .tempus-dominus-widget i, .btn-group__content-title, .checkbox-switch__text {
    font-size: 14px;
    line-height: normal;
  }
}

.eventsPayment__participant--group-subtitle, .eventsPayment__summary--overview-date, .photo-library__modal--card-size, .map-content__number, .wtb-map__location .item-location__number, .irs--flat .irs-grid-text, .importantNotices__number, .promotionMasthead__main--inclusive, .promotionMasthead__main--price-promo, .promotionMasthead__main--date, .mediaFormBanner__form--body .form-group .form-input-caption, .productSticky__price--promotion, .upcomingEvents__card--content-label-date, .textBlock__header--label-date, .mastheadDetails__price--promotion, .consumablesCard__content--detail-price-main .consumable-price--inclusive, .consumablesPanel__body--main-type, .consumablesPanel__heading--price-main .consumable-price--inclusive, .consumablesPanel__heading--price-main .consumable-price-promotion, .popupCompare__thumbnails--title, .promotionCard__price--promo, .promotionCard__header--redemption, .promotionCard__header--label-time, .promotionCard__header--label-new, .sellingPointCard small,
.sellingPointCard .footnote, .eventCard__price--label, .eventCard__location, .productCard__small .productCard__label--item, .productCard__price--inclusive, .productCard__price--promotion, .form-textarea-caption, .error, .form-input-caption,
.form-input .error, .form-control-caption,
.form-control .error, small,
.footnote {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
}
@media (min-width: 1400px) {
  .eventsPayment__participant--group-subtitle, .eventsPayment__summary--overview-date, .photo-library__modal--card-size, .map-content__number, .wtb-map__location .item-location__number, .irs--flat .irs-grid-text, .importantNotices__number, .promotionMasthead__main--inclusive, .promotionMasthead__main--price-promo, .promotionMasthead__main--date, .mediaFormBanner__form--body .form-group .form-input-caption, .productSticky__price--promotion, .upcomingEvents__card--content-label-date, .textBlock__header--label-date, .mastheadDetails__price--promotion, .consumablesCard__content--detail-price-main .consumable-price--inclusive, .consumablesPanel__body--main-type, .consumablesPanel__heading--price-main .consumable-price--inclusive, .consumablesPanel__heading--price-main .consumable-price-promotion, .popupCompare__thumbnails--title, .promotionCard__price--promo, .promotionCard__header--redemption, .promotionCard__header--label-time, .promotionCard__header--label-new, .sellingPointCard small,
  .sellingPointCard .footnote, .eventCard__price--label, .eventCard__location, .productCard__small .productCard__label--item, .productCard__price--inclusive, .productCard__price--promotion, .form-textarea-caption, .error, .form-input-caption,
  .form-input .error, .form-control-caption,
  .form-control .error, small,
  .footnote {
    font-size: 14px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .eventsPayment__participant--group-subtitle, .eventsPayment__summary--overview-date, .photo-library__modal--card-size, .map-content__number, .wtb-map__location .item-location__number, .irs--flat .irs-grid-text, .importantNotices__number, .promotionMasthead__main--inclusive, .promotionMasthead__main--price-promo, .promotionMasthead__main--date, .mediaFormBanner__form--body .form-group .form-input-caption, .productSticky__price--promotion, .upcomingEvents__card--content-label-date, .textBlock__header--label-date, .mastheadDetails__price--promotion, .consumablesCard__content--detail-price-main .consumable-price--inclusive, .consumablesPanel__body--main-type, .consumablesPanel__heading--price-main .consumable-price--inclusive, .consumablesPanel__heading--price-main .consumable-price-promotion, .popupCompare__thumbnails--title, .promotionCard__price--promo, .promotionCard__header--redemption, .promotionCard__header--label-time, .promotionCard__header--label-new, .sellingPointCard small,
  .sellingPointCard .footnote, .eventCard__price--label, .eventCard__location, .productCard__small .productCard__label--item, .productCard__price--inclusive, .productCard__price--promotion, .form-textarea-caption, .error, .form-input-caption,
  .form-input .error, .form-control-caption,
  .form-control .error, small,
  .footnote {
    font-size: 13px;
    line-height: normal;
  }
}

.footnote__list li, .footnote p, .footnote, .countdown-card__time {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
}
@media (min-width: 1400px) {
  .footnote__list li, .footnote p, .footnote, .countdown-card__time {
    font-size: 13px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .footnote__list li, .footnote p, .footnote, .countdown-card__time {
    font-size: 12px;
    line-height: normal;
  }
}

.peopleDetail__heading--label, .mediaFormBanner__content--label, .textBlock__header--label-category, .mastheadDetails__label--categories, .mastheadDetails__label--new, .banner__content--label, .sectionHeading__label, .pageHeading__label {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 1.28px;
}
@media (min-width: 1400px) {
  .peopleDetail__heading--label, .mediaFormBanner__content--label, .textBlock__header--label-category, .mastheadDetails__label--categories, .mastheadDetails__label--new, .banner__content--label, .sectionHeading__label, .pageHeading__label {
    font-size: 16px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .peopleDetail__heading--label, .mediaFormBanner__content--label, .textBlock__header--label-category, .mastheadDetails__label--categories, .mastheadDetails__label--new, .banner__content--label, .sectionHeading__label, .pageHeading__label {
    font-size: 12px;
    line-height: normal;
  }
}

.simsNoticeDetail__post--update, .solutionListing__content--label-new, .masthead-inner-banner__label, .contentFeatureBanner__content--label, .featureHighlight__overview--label, .staticBanner__label, .fourCard__badge--label, .threeCard__badge--label, .twoCard__badge--label, .articleBanner__label, .upcomingEvents__card--content-label-category, .simsNoticeCard__header--label-badge, .productCard__label--item {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 13px;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 1.28px;
}
@media (min-width: 1400px) {
  .simsNoticeDetail__post--update, .solutionListing__content--label-new, .masthead-inner-banner__label, .contentFeatureBanner__content--label, .featureHighlight__overview--label, .staticBanner__label, .fourCard__badge--label, .threeCard__badge--label, .twoCard__badge--label, .articleBanner__label, .upcomingEvents__card--content-label-category, .simsNoticeCard__header--label-badge, .productCard__label--item {
    font-size: 14px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .simsNoticeDetail__post--update, .solutionListing__content--label-new, .masthead-inner-banner__label, .contentFeatureBanner__content--label, .featureHighlight__overview--label, .staticBanner__label, .fourCard__badge--label, .threeCard__badge--label, .twoCard__badge--label, .articleBanner__label, .upcomingEvents__card--content-label-category, .simsNoticeCard__header--label-badge, .productCard__label--item {
    font-size: 11px;
    line-height: normal;
  }
}

.globalSearchResults__listing--label-tag, .searchResultsCard__content--label-tag {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 12px;
  line-height: normal;
  text-transform: uppercase;
  letter-spacing: 0.64px;
}
@media (max-width: 991px) {
  .globalSearchResults__listing--label-tag, .searchResultsCard__content--label-tag {
    font-size: 10px;
    line-height: normal;
  }
}

.megamenu__column--heading, .productsCategoriesPopup__content--title, .productsCategoriesPopup__content--back, .button {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
}
@media (max-width: 991px) {
  .megamenu__column--heading, .productsCategoriesPopup__content--title, .productsCategoriesPopup__content--back, .button {
    font-size: 16px;
    line-height: normal;
  }
}

.promotionMasthead__main--price-currency, .upcomingEvents__card--content-price, .mastheadDetails__price--currency, .promotionCard__price--item, .productCard__small .productCard__price--inner {
  font-family: "Lato", serif;
  font-weight: 500;
  font-size: 20px;
  line-height: normal;
}
@media (max-width: 991px) {
  .promotionMasthead__main--price-currency, .upcomingEvents__card--content-price, .mastheadDetails__price--currency, .promotionCard__price--item, .productCard__small .productCard__price--inner {
    font-size: 18px;
    line-height: normal;
  }
}

.productSticky__price--label {
  font-family: "Lato", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}
@media (max-width: 991px) {
  .productSticky__price--label {
    font-size: 14px;
    line-height: normal;
  }
}

@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
.fadeIn-right {
  opacity: 0;
  -webkit-transform: translateX(100px);
  transform: translateX(100px);
  -webkit-transition: opacity 600ms ease-in-out, transform 1500ms ease-in-out;
  -webkit-transition: opacity 600ms ease-in-out, -webkit-transform 1500ms ease-in-out;
  transition: opacity 600ms ease-in-out, -webkit-transform 1500ms ease-in-out;
  transition: opacity 600ms ease-in-out, transform 1500ms ease-in-out;
  transition: opacity 600ms ease-in-out, transform 1500ms ease-in-out, -webkit-transform 1500ms ease-in-out;
}

.fadeIn-up {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 600ms ease-in-out, transform 1500ms ease-in-out;
}

.fadeIn {
  opacity: 0;
  transform: translate(0, 0);
  transition: opacity 100ms ease-in-out, transform 1800ms ease-in-out;
}

.delay1s {
  transition-delay: 0.1s;
}

.delay2s {
  transition-delay: 0.2s;
}

.delay3s {
  transition-delay: 0.3s;
}

.delay4s {
  transition-delay: 0.4s;
}

.delay5s {
  transition-delay: 0.5s;
}

.delay6s {
  transition-delay: 0.6s;
}

.delay7s {
  transition-delay: 0.7s;
}

.delay8s {
  transition-delay: 0.8s;
}

.delay9s {
  transition-delay: 0.9s;
}

.delay10s {
  transition-delay: 1s;
}

.animate.fadeIn-up {
  opacity: 1;
  transform: translateY(0);
}
.animate.fadeIn-right {
  opacity: 1;
  transform: translateX(0);
}
.animate.fadeIn {
  opacity: 1;
  transform: translate(0, 0);
}
.animate.hover-zoom-sm {
  transition: transform 0.3s ease, margin 0.3s ease;
}
.animate.hover-zoom-sm:hover {
  transform: scale(1.01);
}
.animate.hover-zoom-bg-sm {
  transition: transform 0.3s ease, margin 0.3s ease;
}
.animate.hover-zoom-bg-sm:hover::after {
  transform: scale(1.01);
  cursor: pointer;
}
.animate.hover-zoom-bg-sm::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform 0.3s ease, margin 0.3s ease;
  z-index: 0;
}
.animate.hover-zoom-img-sm {
  overflow: hidden;
}
.animate.hover-zoom-img-sm img {
  transition: transform 0.3s ease, margin 0.3s ease;
}
.animate.hover-zoom-img-sm img:hover {
  transform: scale(1.01);
}
.animate.hover-zoom-thumbnail-sm {
  transform: none;
}
.animate.hover-zoom-thumbnail-sm .productCard__thumbnail {
  transition: transform 0.3s ease;
  transform: scale(1);
  overflow: hidden;
  will-change: transform;
}
.animate.hover-zoom-thumbnail-sm:hover > .productCard__thumbnail {
  transform: scale(1.01);
}
.animate.hover-zoom-md {
  transition: transform 0.3s ease, margin 0.3s ease;
}
.animate.hover-zoom-md:hover {
  transform: scale(1.015);
}
.animate.hover-zoom-bg-md {
  transition: transform 0.3s ease, margin 0.3s ease;
}
.animate.hover-zoom-bg-md:hover::after {
  transform: scale(1.015);
  cursor: pointer;
}
.animate.hover-zoom-bg-md::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform 0.3s ease, margin 0.3s ease;
  z-index: 0;
}
.animate.hover-zoom-img-md {
  overflow: hidden;
}
.animate.hover-zoom-img-md img {
  transition: transform 0.3s ease, margin 0.3s ease;
}
.animate.hover-zoom-img-md img:hover {
  transform: scale(1.015);
}
.animate.hover-zoom-thumbnail-md {
  transform: none;
}
.animate.hover-zoom-thumbnail-md .productCard__thumbnail {
  transition: transform 0.3s ease;
  transform: scale(1);
  overflow: hidden;
  will-change: transform;
}
.animate.hover-zoom-thumbnail-md:hover > .productCard__thumbnail {
  transform: scale(1.015);
}
.animate.hover-zoom-lg {
  transition: transform 0.3s ease, margin 0.3s ease;
}
.animate.hover-zoom-lg:hover {
  transform: scale(1.025);
}
.animate.hover-zoom-bg-lg {
  transition: transform 0.3s ease, margin 0.3s ease;
}
.animate.hover-zoom-bg-lg:hover::after {
  transform: scale(1.025);
  cursor: pointer;
}
.animate.hover-zoom-bg-lg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform 0.3s ease, margin 0.3s ease;
  z-index: 0;
}
.animate.hover-zoom-img-lg {
  overflow: hidden;
}
.animate.hover-zoom-img-lg img {
  transition: transform 0.3s ease, margin 0.3s ease;
}
.animate.hover-zoom-img-lg img:hover {
  transform: scale(1.025);
}
.animate.hover-zoom-thumbnail-lg {
  transform: none;
}
.animate.hover-zoom-thumbnail-lg .productCard__thumbnail {
  transition: transform 0.3s ease;
  transform: scale(1);
  overflow: hidden;
  will-change: transform;
}
.animate.hover-zoom-thumbnail-lg:hover > .productCard__thumbnail {
  transform: scale(1.025);
}
.animate.hover-zoom-xl {
  transition: transform 0.3s ease, margin 0.3s ease;
}
.animate.hover-zoom-xl:hover {
  transform: scale(1.04);
}
.animate.hover-zoom-bg-xl {
  transition: transform 0.3s ease, margin 0.3s ease;
}
.animate.hover-zoom-bg-xl:hover::after {
  transform: scale(1.04);
  cursor: pointer;
}
.animate.hover-zoom-bg-xl::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: inherit;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform 0.3s ease, margin 0.3s ease;
  z-index: 0;
}
.animate.hover-zoom-img-xl {
  overflow: hidden;
}
.animate.hover-zoom-img-xl img {
  transition: transform 0.3s ease, margin 0.3s ease;
}
.animate.hover-zoom-img-xl img:hover {
  transform: scale(1.04);
}
.animate.hover-zoom-thumbnail-xl {
  transform: none;
}
.animate.hover-zoom-thumbnail-xl .productCard__thumbnail {
  transition: transform 0.3s ease;
  transform: scale(1);
  overflow: hidden;
  will-change: transform;
}
.animate.hover-zoom-thumbnail-xl:hover > .productCard__thumbnail {
  transform: scale(1.04);
}

@keyframes hotspot-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(230, 0, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 30px rgba(230, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(230, 0, 0, 0);
  }
}
@keyframes hotspot-ripple {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  70% {
    transform: scale(1.8);
    opacity: 0;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
/* 
TYPOGRAPHY - H1-H6, Paragraph, Label etc
======================================================== */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  scroll-behavior: auto !important;
}

body {
  color: #383838;
  padding: 0;
  margin: 0;
}
@media (max-width: 991px) {
  body {
    padding-top: 66px;
  }
}
body.disabled {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 991px) {
  body.breadcrumb-active {
    padding-top: 100px;
  }
}
@media (max-width: 991px) {
  body.breadcrumb-action-active {
    padding-top: 121px;
  }
}
@media (max-width: 991px) {
  body.important-notices-show {
    padding-top: 99px;
  }
}
@media (max-width: 991px) {
  body.important-notices-show.breadcrumb-active {
    padding-top: 133px;
  }
}
@media (max-width: 991px) {
  body.important-notices-show.breadcrumb-action-active {
    padding-top: 154px;
  }
}
@media (max-width: 991px) {
  body.important-notices-show .header {
    top: 33px;
  }
}
body.important-notices-show .megamenu.move {
  height: calc(100vh - 198px);
  top: 198px;
}
body.important-notices-show.header-show .megamenu.move {
  height: calc(100vh - 163px);
  top: 163px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.important-notices-show.header-show .megamenu.move {
    height: calc(100vh - 184px);
    top: 184px;
  }
}
body.important-notices-show .globalSearch.move {
  height: calc(100vh - 198px);
  top: 198px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.important-notices-show .globalSearch.move {
    height: calc(100vh - 184px);
    top: 184px;
  }
}
@media (max-width: 991px) {
  body.important-notices-show .globalSearch.move {
    height: calc(100vh - 97px);
    top: 97px;
  }
}
body.important-notices-show.header-show .globalSearch.move {
  height: calc(100vh - 163px);
  top: 163px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  body.important-notices-show.header-show .globalSearch.move {
    height: calc(100vh - 148px);
    top: 148px;
  }
}
body.important-notices-show.breadcrumb-show .megamenu.move {
  height: calc(100vh - 250px);
  top: 250px;
}
body.important-notices-show.breadcrumb-show .globalSearch.move {
  height: calc(100vh - 250px);
  top: 250px;
}
@media (max-width: 991px) {
  body.important-notices-show.breadcrumb-show .globalSearch.move {
    height: calc(100vh - 131px);
    top: 131px;
  }
}
@media (max-width: 991px) {
  body.maintenancePage, body.errorPage {
    padding-top: 0;
  }
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-family: "proxima-nova", sans-serif !important;
  font-weight: 400;
}

h1 {
  font-family: "proxima-nova", sans-serif;
  font-size: 46px;
  line-height: 1.15;
  color: #000000;
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  h1 {
    font-size: 56px;
    line-height: 1.1;
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  h1 {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 16px;
  }
}

h2 {
  font-family: "proxima-nova", sans-serif;
  font-size: 36px;
  line-height: 1.2;
  color: #000000;
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  h2 {
    font-size: 46px;
    line-height: 1.15;
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  h2 {
    font-size: 30px;
    line-height: 1.25;
    margin-bottom: 16px;
  }
}

h3 {
  font-family: "proxima-nova", sans-serif;
  font-size: 26px;
  line-height: 1.25;
  color: #000000;
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  h3 {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  h3 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 16px;
  }
}

h4 {
  font-family: "proxima-nova", sans-serif;
  font-size: 24px;
  line-height: 1.3;
  color: #000000;
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  h4 {
    font-size: 26px;
    line-height: 1.25;
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  h4 {
    font-size: 22px;
    line-height: 1.3;
    margin-bottom: 16px;
  }
}

h5 {
  font-family: "proxima-nova", sans-serif;
  font-size: 20px;
  line-height: 1.35;
  color: #000000;
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  h5 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  h5 {
    font-size: 18px;
    line-height: 1.35;
    margin-bottom: 16px;
  }
}

h6 {
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
  line-height: 1.35;
  color: #000000;
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  h6 {
    font-size: 20px;
    line-height: 1.35;
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  h6 {
    font-size: 16px;
    line-height: 1.35;
    margin-bottom: 16px;
  }
}

p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 16px;
}
@media (min-width: 1400px) {
  p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 16px;
  }
}
p:last-child {
  margin-bottom: 0;
}
p:has(small) {
  line-height: normal;
}

a {
  color: #e41920;
  text-decoration: none;
  overflow-wrap: anywhere;
  word-break: break-word;
  transition: all 0.3s ease-in-out;
}
a:hover {
  text-decoration: underline;
}

button {
  transition: all 0.3s ease-in-out;
}

ul,
ol {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  ul,
  ol {
    margin-bottom: 16px;
  }
}
ul li,
ol li {
  font-size: 16px;
  line-height: 26px;
  padding: 1px 0;
}
@media (min-width: 1400px) {
  ul li,
  ol li {
    font-size: 18px;
    line-height: 28px;
  }
}
@media (max-width: 991px) {
  ul li,
  ol li {
    font-size: 16px;
    line-height: 26px;
  }
}

table {
  width: 100%;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  table {
    margin-bottom: 16px;
  }
}
table tr td ul:last-child, table tr td ol:last-child {
  margin-bottom: 0;
}
table thead tr {
  border-bottom: 1px solid #DBDBDB;
}
table thead tr th, table thead tr td {
  color: #000000;
  padding: 20px;
  vertical-align: top;
}
table tbody tr {
  border-bottom: 1px solid #DBDBDB;
}
table tbody tr:last-child {
  border-bottom: none;
}
table tbody tr td {
  padding: 20px;
  vertical-align: top;
}
@media (max-width: 991px) {
  table tbody tr td {
    padding: 10px;
  }
}
@media (max-width: 991px) {
  table.table-freeze-first th:first-child,
  table.table-freeze-first td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #ffffff;
    border-right: none;
  }
  table.table-freeze-first th:first-child::after,
  table.table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}

.section__gray .table-responsive .table-freeze-first th:first-child,
.section__gray .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .section__gray .table-responsive .table-freeze-first th:first-child,
  .section__gray .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .section__gray .table-responsive .table-freeze-first th:first-child::after,
  .section__gray .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.section__dark .table-responsive .table-freeze-first th:first-child,
.section__dark .table-responsive .table-freeze-first td:first-child {
  background-color: #000000;
}
@media (max-width: 991px) {
  .section__dark .table-responsive .table-freeze-first th:first-child,
  .section__dark .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .section__dark .table-responsive .table-freeze-first th:first-child::after,
  .section__dark .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}

/* 
SECTION - General Section Style
======================================================== */
main > .section:only-child,
main:has(> .section):has(> .productsCategoriesPopup):has(> :nth-child(2)):not(:has(> :nth-child(3))) {
  min-height: calc(100vh - 294px);
}
@media (max-width: 991px) {
  main > .section:only-child,
  main:has(> .section):has(> .productsCategoriesPopup):has(> :nth-child(2)):not(:has(> :nth-child(3))) {
    min-height: calc(100vh - 128px);
  }
}

body:has(main .wtb-map) main {
  min-height: 100%;
}

body.recent-products-show main {
  overflow: hidden;
}
body.recent-products-show .recentProducts {
  overflow: visible;
}

.section {
  position: relative;
}
@media (min-width: 1600px) {
  .section {
    margin: 80px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section {
    margin: 67px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section {
    margin: 53px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section {
    margin: 45px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section {
    margin: 40px 0;
  }
}
@media (max-width: 767px) {
  .section {
    margin: 36px 0;
  }
}
.section .pagination__button:hover {
  color: #e41920;
}
.section .pagination__button.disabled {
  color: #939393;
}
.section .pagination__button.disabled:hover {
  color: #939393;
}
.section .pagination__page-number {
  background-color: #F3F4F6;
}
.section .pastEvent__navigation .carousel-dots {
  background-color: #F3F4F6;
}
.section .pastEvent__navigation .carousel__nav--button {
  background-color: #F3F4F6;
}
.section .pastEvent__navigation .carousel__nav--button:hover {
  background-color: #e41920;
}
.section .pastEvent__navigation .carousel__nav--button.swiper-button-disabled {
  background-color: #F3F4F6;
}
.section .pastEvent__navigation .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
}
@media (min-width: 1600px) {
  .section.spt-128 {
    margin-top: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spt-128 {
    margin-top: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spt-128 {
    margin-top: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spt-128 {
    margin-top: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spt-128 {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .section.spt-128 {
    margin-top: 54px;
  }
}
@media (min-width: 1600px) {
  .section.spb-128 {
    margin-bottom: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spb-128 {
    margin-bottom: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spb-128 {
    margin-bottom: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spb-128 {
    margin-bottom: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spb-128 {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .section.spb-128 {
    margin-bottom: 54px;
  }
}
@media (min-width: 1600px) {
  .section.spt-80 {
    margin-top: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spt-80 {
    margin-top: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spt-80 {
    margin-top: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spt-80 {
    margin-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spt-80 {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .section.spt-80 {
    margin-top: 36px;
  }
}
@media (min-width: 1600px) {
  .section.spb-80 {
    margin-bottom: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spb-80 {
    margin-bottom: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spb-80 {
    margin-bottom: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spb-80 {
    margin-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spb-80 {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .section.spb-80 {
    margin-bottom: 36px;
  }
}
@media (min-width: 1600px) {
  .section.spt-64 {
    margin-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spt-64 {
    margin-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spt-64 {
    margin-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spt-64 {
    margin-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spt-64 {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .section.spt-64 {
    margin-top: 29px;
  }
}
@media (min-width: 1600px) {
  .section.spb-64 {
    margin-bottom: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spb-64 {
    margin-bottom: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spb-64 {
    margin-bottom: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spb-64 {
    margin-bottom: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spb-64 {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .section.spb-64 {
    margin-bottom: 29px;
  }
}
@media (min-width: 1600px) {
  .section.spt-48 {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spt-48 {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spt-48 {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spt-48 {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spt-48 {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .section.spt-48 {
    margin-top: 22px;
  }
}
@media (min-width: 1600px) {
  .section.spb-48 {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spb-48 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spb-48 {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spb-48 {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spb-48 {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .section.spb-48 {
    margin-bottom: 22px;
  }
}
@media (min-width: 1600px) {
  .section.spt-40 {
    margin-top: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spt-40 {
    margin-top: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spt-40 {
    margin-top: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spt-40 {
    margin-top: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spt-40 {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .section.spt-40 {
    margin-top: 18px;
  }
}
@media (min-width: 1600px) {
  .section.spb-40 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spb-40 {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spb-40 {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spb-40 {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spb-40 {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .section.spb-40 {
    margin-bottom: 18px;
  }
}
@media (min-width: 1600px) {
  .section.spt-32 {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spt-32 {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spt-32 {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spt-32 {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spt-32 {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .section.spt-32 {
    margin-top: 14px;
  }
}
@media (min-width: 1600px) {
  .section.spb-32 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spb-32 {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spb-32 {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spb-32 {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spb-32 {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .section.spb-32 {
    margin-bottom: 14px;
  }
}
@media (min-width: 1600px) {
  .section.spt-24 {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spt-24 {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spt-24 {
    margin-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spt-24 {
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spt-24 {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .section.spt-24 {
    margin-top: 11px;
  }
}
@media (min-width: 1600px) {
  .section.spb-24 {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spb-24 {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spb-24 {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spb-24 {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spb-24 {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .section.spb-24 {
    margin-bottom: 11px;
  }
}
@media (min-width: 1600px) {
  .section.spt-16 {
    margin-top: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spt-16 {
    margin-top: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spt-16 {
    margin-top: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spt-16 {
    margin-top: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spt-16 {
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .section.spt-16 {
    margin-top: 7px;
  }
}
@media (min-width: 1600px) {
  .section.spb-16 {
    margin-bottom: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spb-16 {
    margin-bottom: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spb-16 {
    margin-bottom: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spb-16 {
    margin-bottom: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spb-16 {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .section.spb-16 {
    margin-bottom: 7px;
  }
}
@media (min-width: 1600px) {
  .section.spt-12 {
    margin-top: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spt-12 {
    margin-top: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spt-12 {
    margin-top: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spt-12 {
    margin-top: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spt-12 {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .section.spt-12 {
    margin-top: 5px;
  }
}
@media (min-width: 1600px) {
  .section.spb-12 {
    margin-bottom: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.spb-12 {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.spb-12 {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.spb-12 {
    margin-bottom: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.spb-12 {
    margin-bottom: 6px;
  }
}
@media (max-width: 767px) {
  .section.spb-12 {
    margin-bottom: 5px;
  }
}
.section.spt-8 {
  margin-top: 8px;
}
@media (max-width: 991px) {
  .section.spt-8 {
    margin-top: 4px;
  }
}
.section.spb-8 {
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .section.spb-8 {
    margin-bottom: 4px;
  }
}
.section.spt-0 {
  margin-top: 0;
}
.section.spb-0 {
  margin-bottom: 0;
}
.section__gray {
  background-color: #F3F4F6;
  margin: 0;
}
@media (min-width: 1600px) {
  .section__gray {
    padding: 80px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section__gray {
    padding: 67px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section__gray {
    padding: 53px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section__gray {
    padding: 45px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section__gray {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .section__gray {
    padding: 36px 0;
  }
}
.section__gray .pagination__page-number {
  background-color: #ffffff;
}
.section__gray .pastEvent__navigation .carousel-dots {
  background-color: #ffffff;
}
.section__gray .pastEvent__navigation .carousel__nav--button {
  background-color: #ffffff;
}
.section__gray .pastEvent__navigation .carousel__nav--button:hover {
  background-color: #e41920;
}
.section__gray .pastEvent__navigation .carousel__nav--button.swiper-button-disabled {
  opacity: 0.4;
  background-color: #ffffff;
}
.section__gray .pastEvent__navigation .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #ffffff;
}
.section__dark {
  background-color: #000000;
  margin: 0;
  color: #939393;
}
@media (min-width: 1600px) {
  .section__dark {
    padding: 80px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section__dark {
    padding: 67px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section__dark {
    padding: 53px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section__dark {
    padding: 45px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section__dark {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .section__dark {
    padding: 36px 0;
  }
}
.section__dark .pastEvent__navigation .carousel-dots {
  background-color: #262626;
}
.section__dark .pastEvent__navigation .carousel-dots .swiper-pagination-bullet:hover::before {
  background-color: #e41920;
}
.section__dark .pastEvent__navigation .carousel-dots .swiper-pagination-bullet::before {
  background-color: #757575;
}
.section__dark .pastEvent__navigation .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #ffffff;
}
.section__dark .pastEvent__navigation .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #e41920;
}
.section__dark .pastEvent__navigation .carousel__nav--button {
  background-color: #262626;
  color: #ffffff;
}
.section__dark .pastEvent__navigation .carousel__nav--button:hover {
  background-color: #e41920;
}
.section__dark .pastEvent__navigation .carousel__nav--button.swiper-button-disabled {
  opacity: 0.5;
  background-color: #262626;
}
.section__dark .pastEvent__navigation .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #262626;
}
.section__dark .pagination__page-number {
  background-color: #262626;
  color: #ffffff;
}
.section__dark .pagination__of-total {
  color: #939393;
}
.section__dark .pagination__button {
  color: #ffffff;
}
.section__dark .pagination__button:hover {
  color: #e41920;
}
.section__dark .pagination__button.disabled {
  color: #757575;
}
.section__dark .pagination__button.disabled:hover {
  color: #757575;
}
.section__dark h1, .section__dark h2, .section__dark h3, .section__dark h4, .section__dark h5, .section__dark h6 {
  color: #ffffff;
}
.section__dark .sectionHeading__label {
  color: #ffffff;
}
.section__dark table {
  width: 100%;
  border-top: 1px solid #757575;
  border-bottom: 1px solid #757575;
}
.section__dark table thead tr {
  border-bottom: 1px solid #757575;
}
.section__dark table thead tr th {
  color: #ffffff;
}
.section__dark table thead tr td {
  color: #939393;
  vertical-align: top;
}
.section__dark table tbody tr {
  border-bottom: 1px solid #757575;
}
.section__dark table tbody tr td {
  vertical-align: top;
}
.section__dark .button__outline--dark {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.section__dark .button__outline--dark:visited {
  background: none;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.section__dark .button__outline--dark:disabled, .section__dark .button__outline--dark[disabled] {
  border: 1px solid #757575;
  background-color: transparent;
  color: #757575;
}
.section__dark .button__outline--dark:disabled:active, .section__dark .button__outline--dark:disabled:visited, .section__dark .button__outline--dark[disabled]:active, .section__dark .button__outline--dark[disabled]:visited {
  border: 1px solid #757575;
  background-color: transparent;
  color: #757575;
  text-decoration: none;
  box-shadow: none;
}
.section__dark .button__text {
  color: #ffffff;
}
.section__dark .button__text:hover {
  color: #e41920;
}
.section.section__gray.spt-128, .section.section__dark.spt-128 {
  margin-top: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spt-128, .section.section__dark.spt-128 {
    padding-top: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spt-128, .section.section__dark.spt-128 {
    padding-top: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spt-128, .section.section__dark.spt-128 {
    padding-top: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spt-128, .section.section__dark.spt-128 {
    padding-top: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spt-128, .section.section__dark.spt-128 {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spt-128, .section.section__dark.spt-128 {
    padding-top: 54px;
  }
}
.section.section__gray.spb-128, .section.section__dark.spb-128 {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spb-128, .section.section__dark.spb-128 {
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spb-128, .section.section__dark.spb-128 {
    padding-bottom: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spb-128, .section.section__dark.spb-128 {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spb-128, .section.section__dark.spb-128 {
    padding-bottom: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spb-128, .section.section__dark.spb-128 {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spb-128, .section.section__dark.spb-128 {
    padding-bottom: 54px;
  }
}
.section.section__gray.spt-80, .section.section__dark.spt-80 {
  margin-top: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spt-80, .section.section__dark.spt-80 {
    padding-top: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spt-80, .section.section__dark.spt-80 {
    padding-top: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spt-80, .section.section__dark.spt-80 {
    padding-top: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spt-80, .section.section__dark.spt-80 {
    padding-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spt-80, .section.section__dark.spt-80 {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spt-80, .section.section__dark.spt-80 {
    padding-top: 36px;
  }
}
.section.section__gray.spb-80, .section.section__dark.spb-80 {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spb-80, .section.section__dark.spb-80 {
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spb-80, .section.section__dark.spb-80 {
    padding-bottom: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spb-80, .section.section__dark.spb-80 {
    padding-bottom: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spb-80, .section.section__dark.spb-80 {
    padding-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spb-80, .section.section__dark.spb-80 {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spb-80, .section.section__dark.spb-80 {
    padding-bottom: 36px;
  }
}
.section.section__gray.spt-64, .section.section__dark.spt-64 {
  margin-top: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spt-64, .section.section__dark.spt-64 {
    padding-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spt-64, .section.section__dark.spt-64 {
    padding-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spt-64, .section.section__dark.spt-64 {
    padding-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spt-64, .section.section__dark.spt-64 {
    padding-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spt-64, .section.section__dark.spt-64 {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spt-64, .section.section__dark.spt-64 {
    padding-top: 29px;
  }
}
.section.section__gray.spb-64, .section.section__dark.spb-64 {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spb-64, .section.section__dark.spb-64 {
    padding-bottom: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spb-64, .section.section__dark.spb-64 {
    padding-bottom: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spb-64, .section.section__dark.spb-64 {
    padding-bottom: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spb-64, .section.section__dark.spb-64 {
    padding-bottom: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spb-64, .section.section__dark.spb-64 {
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spb-64, .section.section__dark.spb-64 {
    padding-bottom: 29px;
  }
}
.section.section__gray.spt-48, .section.section__dark.spt-48 {
  margin-top: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spt-48, .section.section__dark.spt-48 {
    padding-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spt-48, .section.section__dark.spt-48 {
    padding-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spt-48, .section.section__dark.spt-48 {
    padding-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spt-48, .section.section__dark.spt-48 {
    padding-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spt-48, .section.section__dark.spt-48 {
    padding-top: 24px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spt-48, .section.section__dark.spt-48 {
    padding-top: 22px;
  }
}
.section.section__gray.spb-48, .section.section__dark.spb-48 {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spb-48, .section.section__dark.spb-48 {
    padding-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spb-48, .section.section__dark.spb-48 {
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spb-48, .section.section__dark.spb-48 {
    padding-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spb-48, .section.section__dark.spb-48 {
    padding-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spb-48, .section.section__dark.spb-48 {
    padding-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spb-48, .section.section__dark.spb-48 {
    padding-bottom: 22px;
  }
}
.section.section__gray.spt-40, .section.section__dark.spt-40 {
  margin-top: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spt-40, .section.section__dark.spt-40 {
    padding-top: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spt-40, .section.section__dark.spt-40 {
    padding-top: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spt-40, .section.section__dark.spt-40 {
    padding-top: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spt-40, .section.section__dark.spt-40 {
    padding-top: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spt-40, .section.section__dark.spt-40 {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spt-40, .section.section__dark.spt-40 {
    padding-top: 18px;
  }
}
.section.section__gray.spb-40, .section.section__dark.spb-40 {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spb-40, .section.section__dark.spb-40 {
    padding-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spb-40, .section.section__dark.spb-40 {
    padding-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spb-40, .section.section__dark.spb-40 {
    padding-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spb-40, .section.section__dark.spb-40 {
    padding-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spb-40, .section.section__dark.spb-40 {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spb-40, .section.section__dark.spb-40 {
    padding-bottom: 18px;
  }
}
.section.section__gray.spt-32, .section.section__dark.spt-32 {
  margin-top: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spt-32, .section.section__dark.spt-32 {
    padding-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spt-32, .section.section__dark.spt-32 {
    padding-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spt-32, .section.section__dark.spt-32 {
    padding-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spt-32, .section.section__dark.spt-32 {
    padding-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spt-32, .section.section__dark.spt-32 {
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spt-32, .section.section__dark.spt-32 {
    padding-top: 14px;
  }
}
.section.section__gray.spb-32, .section.section__dark.spb-32 {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spb-32, .section.section__dark.spb-32 {
    padding-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spb-32, .section.section__dark.spb-32 {
    padding-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spb-32, .section.section__dark.spb-32 {
    padding-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spb-32, .section.section__dark.spb-32 {
    padding-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spb-32, .section.section__dark.spb-32 {
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spb-32, .section.section__dark.spb-32 {
    padding-bottom: 14px;
  }
}
.section.section__gray.spt-24, .section.section__dark.spt-24 {
  margin-top: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spt-24, .section.section__dark.spt-24 {
    padding-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spt-24, .section.section__dark.spt-24 {
    padding-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spt-24, .section.section__dark.spt-24 {
    padding-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spt-24, .section.section__dark.spt-24 {
    padding-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spt-24, .section.section__dark.spt-24 {
    padding-top: 12px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spt-24, .section.section__dark.spt-24 {
    padding-top: 11px;
  }
}
.section.section__gray.spb-24, .section.section__dark.spb-24 {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spb-24, .section.section__dark.spb-24 {
    padding-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spb-24, .section.section__dark.spb-24 {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spb-24, .section.section__dark.spb-24 {
    padding-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spb-24, .section.section__dark.spb-24 {
    padding-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spb-24, .section.section__dark.spb-24 {
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spb-24, .section.section__dark.spb-24 {
    padding-bottom: 11px;
  }
}
.section.section__gray.spt-16, .section.section__dark.spt-16 {
  margin-top: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spt-16, .section.section__dark.spt-16 {
    padding-top: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spt-16, .section.section__dark.spt-16 {
    padding-top: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spt-16, .section.section__dark.spt-16 {
    padding-top: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spt-16, .section.section__dark.spt-16 {
    padding-top: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spt-16, .section.section__dark.spt-16 {
    padding-top: 8px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spt-16, .section.section__dark.spt-16 {
    padding-top: 7px;
  }
}
.section.section__gray.spb-16, .section.section__dark.spb-16 {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spb-16, .section.section__dark.spb-16 {
    padding-bottom: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spb-16, .section.section__dark.spb-16 {
    padding-bottom: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spb-16, .section.section__dark.spb-16 {
    padding-bottom: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spb-16, .section.section__dark.spb-16 {
    padding-bottom: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spb-16, .section.section__dark.spb-16 {
    padding-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spb-16, .section.section__dark.spb-16 {
    padding-bottom: 7px;
  }
}
.section.section__gray.spt-12, .section.section__dark.spt-12 {
  margin-top: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spt-12, .section.section__dark.spt-12 {
    padding-top: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spt-12, .section.section__dark.spt-12 {
    padding-top: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spt-12, .section.section__dark.spt-12 {
    padding-top: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spt-12, .section.section__dark.spt-12 {
    padding-top: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spt-12, .section.section__dark.spt-12 {
    padding-top: 6px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spt-12, .section.section__dark.spt-12 {
    padding-top: 5px;
  }
}
.section.section__gray.spb-12, .section.section__dark.spb-12 {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .section.section__gray.spb-12, .section.section__dark.spb-12 {
    padding-bottom: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section.section__gray.spb-12, .section.section__dark.spb-12 {
    padding-bottom: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section.section__gray.spb-12, .section.section__dark.spb-12 {
    padding-bottom: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section.section__gray.spb-12, .section.section__dark.spb-12 {
    padding-bottom: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section.section__gray.spb-12, .section.section__dark.spb-12 {
    padding-bottom: 6px;
  }
}
@media (max-width: 767px) {
  .section.section__gray.spb-12, .section.section__dark.spb-12 {
    padding-bottom: 5px;
  }
}
.section.section__gray.spt-8, .section.section__dark.spt-8 {
  margin-top: 0;
  padding-top: 8px;
}
@media (max-width: 991px) {
  .section.section__gray.spt-8, .section.section__dark.spt-8 {
    padding-top: 4px;
  }
}
.section.section__gray.spb-8, .section.section__dark.spb-8 {
  margin-bottom: 0;
  padding-bottom: 8px;
}
@media (max-width: 991px) {
  .section.section__gray.spb-8, .section.section__dark.spb-8 {
    padding-bottom: 4px;
  }
}
.section.section__gray.spt-0, .section.section__dark.spt-0 {
  margin-top: 0;
  padding-top: 0;
}
.section.section__gray.spb-0, .section.section__dark.spb-0 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.section.section__dark .resluts {
  color: #939393;
}
.section .w-33 {
  width: 33.33333%;
}

@media (min-width: 1600px) {
  .container-fluid {
    max-width: 1600px;
  }
}

@media (max-width: 991px) {
  .container {
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1160px;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

.media-desktop {
  display: block !important;
}
@media (max-width: 991px) {
  .media-desktop {
    display: none !important;
  }
}

.media-screen-small {
  display: block !important;
}
@media (max-width: 575px) {
  .media-screen-small {
    display: none !important;
  }
}

.media-not-desktop {
  display: none !important;
}
@media (max-width: 991px) {
  .media-not-desktop {
    display: block !important;
  }
}

.media-screen-tablet {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .media-screen-tablet {
    display: block !important;
  }
}

.media-screen-mobile {
  display: none !important;
}
@media (max-width: 767px) {
  .media-screen-mobile {
    display: block !important;
  }
}

.media-fit-screen-mobile {
  display: none !important;
}
@media (max-width: 575px) {
  .media-fit-screen-mobile {
    display: block !important;
  }
}

.rounded-20 {
  border-radius: 20px !important;
}

.rounded-18 {
  border-radius: 18px !important;
}

.rounded-16 {
  border-radius: 16px !important;
}

.rounded-14 {
  border-radius: 14px !important;
}

.rounded-12 {
  border-radius: 12px !important;
}

.rounded-10 {
  border-radius: 10px !important;
}

.rounded-8 {
  border-radius: 8px !important;
}

.rounded-6 {
  border-radius: 6px !important;
}

.rounded-4 {
  border-radius: 4px !important;
}

.rounded-2 {
  border-radius: 2px !important;
}

.row-gap-8 {
  row-gap: 8px;
}
@media (max-width: 991px) {
  .row-gap-8 {
    row-gap: 4px;
  }
}

.row-gap-12 {
  row-gap: 12px;
}
@media (max-width: 991px) {
  .row-gap-12 {
    row-gap: 6px;
  }
}

.row-gap-16 {
  row-gap: 16px;
}
@media (max-width: 991px) {
  .row-gap-16 {
    row-gap: 8px;
  }
}

.row-gap-24 {
  row-gap: 24px;
}
@media (max-width: 991px) {
  .row-gap-24 {
    row-gap: 12px;
  }
}

.row-gap-32 {
  row-gap: 32px;
}
@media (max-width: 991px) {
  .row-gap-32 {
    row-gap: 16px;
  }
}

.row-gap-40 {
  row-gap: 40px;
}
@media (max-width: 991px) {
  .row-gap-40 {
    row-gap: 20px;
  }
}

.row-gap-48 {
  row-gap: 48px;
}
@media (max-width: 991px) {
  .row-gap-48 {
    row-gap: 24px;
  }
}

.row-gap-64 {
  row-gap: 64px;
}
@media (max-width: 991px) {
  .row-gap-64 {
    row-gap: 32px;
  }
}

.row-gap-80 {
  row-gap: 80px;
}
@media (max-width: 991px) {
  .row-gap-80 {
    row-gap: 40px;
  }
}

.embed-9x16 {
  position: relative;
  width: 100%;
  padding-bottom: 177.7777777778%;
  border-radius: 10px;
  overflow: hidden;
}
.embed-9x16 .tiktok-embed,
.embed-9x16 iframe {
  position: absolute;
  border: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.embed-9x16 .tiktok-embed {
  position: absolute !important;
  border: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img-print {
  display: none;
}

.color-primary {
  color: #e41920;
}

.color-black {
  color: #000000;
}

.color-white {
  color: #ffffff;
}

/* 
FORM - Input, Select, Teaxarea etc
======================================================== */
.checkbox {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
}
.checkbox:has(.checkbox__input:disabled) {
  color: #939393;
  cursor: not-allowed;
  opacity: 0.8;
}
.checkbox__input {
  position: absolute;
  width: auto;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
.checkbox__input:checked ~ .checkbox__checkmark {
  background-color: #e41920;
  border-color: #e41920;
}
.checkbox__input:checked ~ .checkbox__checkmark:after {
  display: block;
}
.checkbox__input:disabled ~ .checkbox__checkmark {
  background-color: #DBDBDB;
  border-color: #DBDBDB;
}
.checkbox:hover .checkbox__checkmark {
  border-color: #000000;
}
.checkbox:hover .checkbox__input:checked ~ .checkbox__checkmark {
  border-color: #e41920;
}
.checkbox__checkmark {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: 1px solid #939393;
  border-radius: 3px;
  left: 0;
  top: 2px;
}
.checkbox__checkmark::after {
  position: absolute;
  background-image: url(../media/svg/checkbox.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 10px 8px;
  display: none;
  content: "";
  color: #ffffff;
  width: 10px;
  height: 8px;
  top: 5px;
  left: 4px;
}

.rating-group {
  display: flex;
  justify-items: center;
  border: 1px solid #aaa;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
}
.rating-group input {
  display: none;
}

.rating-option {
  flex: 1;
  text-align: center;
  border-left: 1px solid #939393;
  cursor: pointer;
  background-color: #ffffff;
  transition: background 0.2s;
  width: 52px;
  height: 72px;
}
.rating-option:first-child {
  border-left: none;
}
.rating-option span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 72px;
  font-size: 1.25rem;
}
.rating-option input:checked + span {
  background-color: #e41920;
  color: #ffffff;
}
.rating-option:hover span {
  background-color: #e41920;
  color: #ffffff;
}
.rating-option:first-child span {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.rating-option:last-child span {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.checkbox-switch {
  position: relative;
  display: inline-block;
  align-content: center;
  height: 24px;
  padding-left: 44px;
}
@media (max-width: 991px) {
  .checkbox-switch {
    height: 20px;
    padding-left: 38px;
  }
}
.checkbox-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.checkbox-switch input:checked + .checkbox-switch__slider {
  background-color: #e41920;
}
.checkbox-switch input:checked + .checkbox-switch__slider + .checkbox-switch__text {
  color: #000000;
}
.checkbox-switch input:checked + .checkbox-switch__slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
@media (max-width: 991px) {
  .checkbox-switch input:checked + .checkbox-switch__slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
  }
}
.checkbox-switch__slider {
  position: absolute;
  cursor: pointer;
  width: 42px;
  height: 24px;
  top: 0;
  left: 0;
  border-radius: 34px;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 991px) {
  .checkbox-switch__slider {
    width: 34px;
    height: 20px;
  }
}
.checkbox-switch__slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 3px;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 991px) {
  .checkbox-switch__slider:before {
    width: 14px;
    height: 14px;
  }
}
.checkbox-switch__text {
  position: relative;
  color: #939393;
  top: -2px;
}

.radio {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
}
.radio__input {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
.radio__input:checked ~ .radio__checkmark {
  background-color: #e41920;
  border-color: #e41920;
}
.radio__input:checked ~ .radio__checkmark:after {
  display: block;
}
.radio:hover .checkbox__checkmark {
  border-color: #000000;
}
.radio__checkmark {
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border: 1px solid #DBDBDB;
  border-radius: 50%;
  left: 0;
  top: 3px;
  transition: 0.3s;
}
.radio__checkmark::after {
  position: absolute;
  background-color: #ffffff;
  display: none;
  content: "";
  color: #ffffff;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 5px;
  left: 5px;
}

.select2-container {
  z-index: 10;
}
.select2-container.select2 {
  width: 100% !important;
}
.select2-container.select2-container--disabled {
  opacity: 0.5;
}
.select2-container.select2-container--disabled .select__gray {
  background-color: #F3F4F6;
}
.select2-container.select2-container--disabled .select__white {
  background-color: #ffffff;
}
.select2-container.select2-container--open .select__selection {
  border-color: #939393;
  border-radius: 10px !important;
}
.select2-container.select2-container--open .select__selection .select2-selection__arrow::before {
  display: none;
}
.select2-container.select2-container--open .select__selection .select2-selection__arrow::after {
  display: block;
}
.select2-container .select__selection .select2-selection__placeholder {
  color: #000000;
}
.select2-container .select__selection .select2-selection__rendered {
  padding-left: 32px;
  padding-right: 64px;
  color: #000000;
}
.select2-container .select__selection.select2-selection--clearable .select2-selection__rendered {
  padding-right: 88px;
}
.select2-container .select__selection .select2-selection__arrow {
  width: 20px;
  height: 20px;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
}
.select2-container .select__selection .select2-selection__arrow::before, .select2-container .select__selection .select2-selection__arrow::after {
  position: absolute;
  display: block;
  font-family: "canonIcon" !important;
  content: "\ec5b";
  font-size: 20px;
  line-height: 20px;
  top: 0;
  left: 0;
}
.select2-container .select__selection .select2-selection__arrow::after {
  content: "\ec6c";
  display: none;
}
.select2-container .select__selection .select2-selection__arrow b {
  display: none;
}
.select2-container .select__selection .select2-selection__clear {
  background: none;
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  float: none;
  padding: 0;
  margin: 0;
  top: 50%;
  right: 62px;
  transform: translateY(-50%);
}
.select2-container .select__selection .select2-selection__clear span {
  display: none;
}
.select2-container .select__selection .select2-selection__clear::before, .select2-container .select__selection .select2-selection__clear::after {
  position: absolute;
  background-color: #000000;
  content: "";
  width: 14px;
  height: 1px;
  border-radius: 4px;
  top: 8px;
  left: 0;
  transform: rotate(45deg);
}
.select2-container .select__selection .select2-selection__clear::after {
  transform: rotate(-45deg);
}
.select2-container .select__gray {
  background-color: #F3F4F6;
  border: 1px solid #F3F4F6;
  border-radius: 10px;
}
.select2-container .select__white {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 10px;
}
.select2-container .select__md {
  height: auto;
}
.select2-container .select__md .select2-selection__rendered {
  padding-top: 16px;
  padding-bottom: 20px;
}
.select2-container .select__lg {
  height: auto;
}
.select2-container .select__lg .select2-selection__rendered {
  padding-top: 21px;
  padding-bottom: 25px;
}
.select2-container .select__dropdown {
  margin-top: 16px;
  background-color: #ffffff;
  border: none;
  border-radius: 10px;
  box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.select2-container .select__dropdown.select2-dropdown--above {
  margin-top: -16px;
}
.select2-container .select__dropdown .select2-search--dropdown {
  position: relative;
  padding: 0;
}
.select2-container .select__dropdown .select2-search--dropdown::before {
  position: absolute;
  display: block;
  font-family: "canonIcon" !important;
  content: "\e9de";
  color: #939393;
  font-size: 20px;
  line-height: 20px;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
}
.select2-container .select__dropdown .select2-search--dropdown .select2-search__field {
  color: #000000;
  border: none;
  border-bottom: 1px solid #DBDBDB;
  outline: 0;
  outline-offset: 0;
  padding: 22px 64px 22px 32px;
}
.select2-container .select__dropdown .select2-search--dropdown .select2-search__field::placeholder {
  color: #939393;
}
.select2-container .select__dropdown .select2-search--dropdown .select2-search__field:focus, .select2-container .select__dropdown .select2-search--dropdown .select2-search__field:focus-visible {
  outline: 0;
  outline-offset: 0;
}
.select2-container .select__dropdown .select2-results__option {
  color: #000000;
  padding: 16px 32px;
}
.select2-container .select__dropdown .select2-results__option:hover {
  background-color: #e41920;
  color: #ffffff;
}
.select2-container .select__dropdown .select2-results__option--selected, .select2-container .select__dropdown .select2-results__option--disabled {
  color: #939393;
  cursor: default;
}
.select2-container .select__dropdown .select2-results__option--selected:hover, .select2-container .select__dropdown .select2-results__option--disabled:hover {
  background-color: transparent;
  color: #939393;
}
.select2-container .select__dropdown .select2-results__option--selectable {
  background-color: transparent;
}
.select2-container .form-select__selection .select2-selection__placeholder {
  color: #000000;
}
.select2-container .form-select__selection .select2-selection__rendered {
  padding-left: 24px;
  padding-right: 24px;
  color: #000000;
}
.select2-container .form-select__selection.select2-selection--clearable .select2-selection__rendered {
  padding-right: 70px;
}
.select2-container .form-select__selection .select2-selection__arrow {
  width: 20px;
  height: 20px;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.select2-container .form-select__selection .select2-selection__arrow::before, .select2-container .form-select__selection .select2-selection__arrow::after {
  position: absolute;
  display: block;
  font-family: "canonIcon" !important;
  content: "\ec5b";
  font-size: 20px;
  line-height: 20px;
  top: 0;
  left: 0;
}
.select2-container .form-select__selection .select2-selection__arrow::after {
  content: "\ec6c";
  display: none;
}
.select2-container .form-select__selection .select2-selection__arrow b {
  display: none;
}
.select2-container .form-select__selection .select2-selection__clear {
  background: none;
  position: absolute;
  display: block;
  width: 16px;
  height: 16px;
  float: none;
  padding: 0;
  margin: 0;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
}
.select2-container .form-select__selection .select2-selection__clear span {
  display: none;
}
.select2-container .form-select__selection .select2-selection__clear::before, .select2-container .form-select__selection .select2-selection__clear::after {
  position: absolute;
  background-color: #000000;
  content: "";
  width: 14px;
  height: 1px;
  border-radius: 4px;
  top: 8px;
  left: 0;
  transform: rotate(45deg);
}
.select2-container .form-select__selection .select2-selection__clear::after {
  transform: rotate(-45deg);
}
.select2-container .form-select__selection.form-select-dark {
  color: #ffffff;
}
.select2-container .form-select__selection.form-select-dark .select2-selection__clear {
  color: #ffffff;
}
.select2-container .form-select__selection.w135 {
  width: 135px;
}
.select2-container .form-select__selection.w145 {
  width: 145px;
}
.select2-container .form-select__selection.w145 .select2-selection__rendered {
  padding-top: 19px;
}
.select2-container .form-select__gray {
  background-color: #939393;
  border: 1px solid #F3F4F6;
  border-radius: 10px;
}
.select2-container .form-select__white {
  background-color: #ffffff;
  border: 1px solid #939393;
  border-radius: 10px;
}
.select2-container .form-select__white.form-builder-select {
  height: 60px;
}
.select2-container .form-select__dark {
  background-color: #000000;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
}
.select2-container .form-select__dark .select2-selection__rendered {
  color: #ffffff;
}
.select2-container .form-select__dark .select2-selection__placeholder {
  color: #B3B3B3;
}
.select2-container .form-select__md {
  height: auto;
}
.select2-container .form-select__md .select2-selection__rendered {
  padding-top: 16px;
  padding-bottom: 20px;
}
.select2-container .form-select__lg {
  height: auto;
}
.select2-container .form-select__lg .select2-selection__rendered {
  padding-top: 21px;
  padding-bottom: 25px;
}
.select2-container .form-select__dropdown {
  background-color: #ffffff;
  box-shadow: 0 0 48px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.select2-container .form-select__dropdown.select2-dropdown--above {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.select2-container .form-select__dropdown.select2-dropdown--below {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.select2-container .form-select__dropdown .select2-search--dropdown {
  position: relative;
  padding: 0;
}
.select2-container .form-select__dropdown .select2-search--dropdown::before {
  position: absolute;
  display: block;
  font-family: "canonIcon" !important;
  content: "\e9de";
  color: #939393;
  font-size: 20px;
  line-height: 20px;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}
.select2-container .form-select__dropdown .select2-search--dropdown .select2-search__field {
  color: #000000;
  border: none;
  border-bottom: 1px solid #939393;
  outline: 0;
  outline-offset: 0;
  padding: 16px 64px 16px 24px;
}
.select2-container .form-select__dropdown .select2-search--dropdown .select2-search__field::placeholder {
  color: #939393;
}
.select2-container .form-select__dropdown .select2-search--dropdown .select2-search__field:focus, .select2-container .form-select__dropdown .select2-search--dropdown .select2-search__field:focus-visible {
  outline: 0;
  outline-offset: 0;
}
.select2-container .form-select__dropdown .select2-results__options {
  padding: 8px 0;
}
.select2-container .form-select__dropdown .select2-results__option {
  color: #000000;
  padding: 8px 24px;
}
.select2-container .form-select__dropdown .select2-results__option:hover {
  background-color: transparent;
  color: #e41920;
}
.select2-container .form-select__dropdown .select2-results__option--selectable {
  background-color: transparent;
  color: #000000;
}
.select2-container .form-select__dropdown .select2-results__option--selectable:hover {
  background-color: transparent;
  color: #e41920;
}
.select2-container .form-select__dropdown .select2-results__option--selectable.select2-results__option--selected {
  color: #939393;
  cursor: default;
}
.select2-container .form-select__dropdown .select2-results__option--selectable.select2-results__option--selected:hover {
  background-color: transparent;
  color: #939393;
}
.select2-container .form-select__dropdown .select2-results__option--highlighted {
  color: #000000;
}
.select2-container .form-select__dropdown .select2-results__option--highlighted:hover {
  background-color: transparent;
  color: #e41920;
}
.select2-container .form-select__dropdown.form-select-dark {
  background-color: #000000;
}
.select2-container .form-select__dropdown.form-select-dark .select2-search__field {
  background-color: #000000;
  color: #ffffff;
}
.select2-container .form-select__dropdown.form-select-dark .select2-results__option {
  color: #ffffff;
}

.select2-selection.select-focus {
  border: 1px solid #939393 !important;
}

.select2-selection.selected-focus {
  border: 1px solid #939393 !important;
}

.form-input, .form-control {
  display: block;
  width: 100%;
  height: 60px;
  padding: 12px 24px;
  appearance: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #939393;
  border-radius: 10px;
}
.form-input:focus, .form-control:focus {
  outline: 0;
  border-color: #939393;
}
.form-input::placeholder, .form-control::placeholder {
  color: #000000;
}
.form-input:disabled, .form-control:disabled {
  color: #F3F4F6;
  border-color: #F3F4F6;
}
.form-input-caption,
.form-input .error, .form-control-caption,
.form-control .error {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.form-input-caption i,
.form-input .error i, .form-control-caption i,
.form-control .error i {
  margin-right: 6px;
}
.form-input-date, .form-control-date {
  border-left: none;
}
.form-input.error, .form-control.error {
  margin-top: 0;
}

.error {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
  color: #e41920;
}
.error i {
  margin-right: 6px;
}

.form-textarea {
  display: block;
  width: 100%;
  padding: 12px 24px;
  appearance: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #939393;
  border-radius: 10px;
}
.form-textarea:focus {
  outline: 0;
  border-color: #939393;
}
.form-textarea::placeholder {
  color: #000000;
}
.form-textarea:disabled {
  color: #F3F4F6;
  border-color: #F3F4F6;
}
.form-textarea-caption {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.form-textarea-caption i {
  margin-right: 6px;
}

.form-group {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .form-group {
    margin-bottom: 12px;
  }
}
.form-group__lg {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .form-group__lg {
    margin-bottom: 24px;
  }
}
.form-group__xl {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .form-group__xl {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}
.form-group .form-label {
  margin-top: 16px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .form-group .form-label {
    margin-top: 12px;
    margin-bottom: 12px;
  }
}
.form-group.is-disabled .form-input,
.form-group.is-disabled .form-textarea {
  color: #939393;
  border-color: #939393;
}
.form-group.is-disabled .form-input::placeholder,
.form-group.is-disabled .form-textarea::placeholder {
  color: #939393;
}
.form-group.is-disabled .form-label,
.form-group.is-disabled .form-input-caption {
  color: #939393;
}
.form-group.is-disabled .select2-container--disabled .select2-selection--single {
  color: #939393;
  border-color: #939393;
  background-color: #ffffff;
}
.form-group.is-invalid .form-input,
.form-group.is-invalid .form-textarea,
.form-group.is-invalid .date-picker__icon,
.form-group.is-invalid .form-group__radio,
.form-group.is-invalid .form-group__checkbox,
.form-group.is-invalid .form-group__currency,
.form-group.is-invalid .form-select__selection {
  color: #e41920;
  border-color: #e41920;
  background-color: #fff2f4;
}
.form-group.is-invalid .form-input::placeholder,
.form-group.is-invalid .form-textarea::placeholder,
.form-group.is-invalid .date-picker__icon::placeholder,
.form-group.is-invalid .form-group__radio::placeholder,
.form-group.is-invalid .form-group__checkbox::placeholder,
.form-group.is-invalid .form-group__currency::placeholder,
.form-group.is-invalid .form-select__selection::placeholder {
  color: #e41920;
}
.form-group.is-invalid .form-input.error,
.form-group.is-invalid .form-textarea.error,
.form-group.is-invalid .date-picker__icon.error,
.form-group.is-invalid .form-group__radio.error,
.form-group.is-invalid .form-group__checkbox.error,
.form-group.is-invalid .form-group__currency.error,
.form-group.is-invalid .form-select__selection.error {
  display: block;
}
.form-group.is-invalid .input-currency {
  border-color: #e41920;
}
.form-group.is-invalid .form-select__selection .select2-selection__placeholder {
  color: #e41920;
}
.form-group.is-invalid .form-label,
.form-group.is-invalid .form-input-caption,
.form-group.is-invalid .error {
  display: block;
  color: #e41920;
}
.form-group-dark .form-input, .form-group-dark .form-textarea, .form-group-dark .form-select__selection {
  color: #ffffff;
  border-color: #939393;
  background-color: #000000;
}
.form-group-dark .form-input .select2-selection__rendered, .form-group-dark .form-input .select2-selection__placeholder, .form-group-dark .form-textarea .select2-selection__rendered, .form-group-dark .form-textarea .select2-selection__placeholder, .form-group-dark .form-select__selection .select2-selection__rendered, .form-group-dark .form-select__selection .select2-selection__placeholder {
  color: #ffffff;
}
.form-group-dark .form-input .select2-selection__clear::before, .form-group-dark .form-input .select2-selection__clear::after, .form-group-dark .form-textarea .select2-selection__clear::before, .form-group-dark .form-textarea .select2-selection__clear::after, .form-group-dark .form-select__selection .select2-selection__clear::before, .form-group-dark .form-select__selection .select2-selection__clear::after {
  background-color: #ffffff;
}
.form-group-dark .form-label,
.form-group-dark .form-input-caption {
  color: #ffffff;
}
.form-group-dark .select2-container--disabled .select2-selection--single {
  color: #ffffff;
  border-color: #939393;
  background-color: #000000;
}
.form-group-dark.is-invalid .form-input,
.form-group-dark.is-invalid .form-textarea,
.form-group-dark.is-invalid .form-select__selection {
  border-color: #e41920;
  background-color: #000000;
}
.form-group-dark.is-invalid .form-input::placeholder,
.form-group-dark.is-invalid .form-textarea::placeholder,
.form-group-dark.is-invalid .form-select__selection::placeholder {
  color: #e41920;
}
.form-group-dark.is-invalid .form-select__selection .select2-selection__placeholder {
  color: #e41920;
}
.form-group-dark.is-invalid .form-select__selection .select2-selection__arrow {
  color: #ffffff;
}
.form-group-dark.is-disabled .form-input {
  color: #939393;
  border-color: #DBDBDB;
}
.form-group-dark.is-disabled .form-label,
.form-group-dark.is-disabled .form-input-caption {
  color: #939393;
}
.form-group-dark.is-disabled .select2-container--disabled .select2-selection--single {
  color: #939393;
  border-color: #DBDBDB;
  background-color: #000000;
}
.form-group__radio, .form-group__checkbox {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  border: 1px solid #939393;
  border-radius: 10px;
  padding: 0.5rem 1.05rem;
  height: 60px;
  width: 100%;
  cursor: pointer;
  transition: 0.3s;
}
.form-group__radio:hover, .form-group__checkbox:hover {
  border-color: #e41920;
}
.form-group__radio .radio__input, .form-group__checkbox .radio__input {
  display: none;
}
.form-group__radio .radio__input:checked + *, .form-group__checkbox .radio__input:checked + * {
  border-color: #e41920;
}
.form-group__radio .checkbox__input, .form-group__checkbox .checkbox__input {
  width: 100%;
}
.form-group__radio:has(.radio__input:checked), .form-group__checkbox:has(.radio__input:checked) {
  border-color: #000000;
}
.form-group__radio.is-checked, .form-group__checkbox.is-checked {
  border-color: #000000;
}
.form-group__radio:hover, .form-group__checkbox:hover {
  border-color: #000000;
}
.form-group__radio:hover .radio__checkmark,
.form-group__radio:hover .checkbox__checkmark, .form-group__checkbox:hover .radio__checkmark,
.form-group__checkbox:hover .checkbox__checkmark {
  border-color: #000000;
}
.form-group__currency {
  display: inline-flex;
  align-items: center;
  border-radius: 10px;
  height: 60px;
  width: 100%;
  cursor: pointer;
  transition: 0.3s;
}
.form-group__currency .input-currency {
  color: #757575;
  height: 60px;
  border: 1px solid #939393;
  padding: 16px 0 16px 16px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: none;
  align-content: center;
}
.form-group__currency .form-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
}
.form-group__phone-number {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}
.form-group__phone-number .input-phone-number .form-select__selection {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.form-group__phone-number .input-phone-number .select2-container .select__md {
  height: 60px;
}
.form-group__phone-number .form-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.form-group__phone-number .select2-selection.select-focus,
.form-group__phone-number .select2-selection.selected-focus {
  border-right: none !important;
}

.form-label:empty + .date-picker__group, .input-group {
  margin-top: 20px;
}

.input-group .select2-container .form-select__selection .select2-selection__rendered {
  padding-right: 14px;
  padding-left: 14px;
}
.input-group .select2-container .select2-selection--single .select2-selection__rendered::before {
  font-family: "canonIcon" !important;
  content: "\e981";
  margin-right: 6px;
  color: #939393;
  display: inline-block;
}
.input-group .select2-container--focus .select2-selection--single .select2-selection__rendered::before {
  color: #e41920;
}

.btn-group {
  margin-bottom: 20px;
}
.btn-group .btn-outline-dark {
  background-color: #ffffff;
  border-color: #DBDBDB;
  color: #000000;
  height: 72px;
  width: 52px;
}
.btn-group .btn-outline-dark:hover, .btn-group .btn-outline-dark:focus {
  border-color: #e41920;
  background-color: #e41920;
  color: #ffffff;
}
.btn-group .btn-outline-dark.active {
  background-color: #e41920;
  color: #ffffff;
}
.btn-group__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn-group__content-title {
  font-style: italic;
  color: #939393;
}

.date-picker__group {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
}
.date-picker__group.is-focused .date-picker__icon, .date-picker__group.has-value .date-picker__icon {
  color: #e41920;
}
.date-picker__group.is-focused .date-picker__date, .date-picker__group.has-value .date-picker__date {
  border-right: none;
  border-radius: 0;
}
.date-picker__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
  color: #939393;
  background-color: #ffffff;
  border: 1px solid #939393;
  border-right: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.date-picker__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.75rem;
  color: #939393;
  background-color: #ffffff;
  border: 1px solid #939393;
  border-left: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.date-picker__clear i {
  font-size: 24px;
  color: #757575;
}
.date-picker__date {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding-left: 0;
}
.date-picker__date:focus {
  outline: 0;
  border-color: #939393;
}

.tempus-dominus-widget {
  border: 1px solid #939393;
  box-shadow: none;
  padding: 1rem 0.8rem 0.8rem 0.8rem;
  width: 320px !important;
  border-radius: 6px;
}
.tempus-dominus-widget .picker-switch {
  font-size: 1.05rem;
}
.tempus-dominus-widget .date-container:focus {
  box-shadow: none;
}
.tempus-dominus-widget .date-container-days {
  grid-auto-rows: 36px;
}
.tempus-dominus-widget .date-container-days .day {
  border-radius: 6px !important;
}
.tempus-dominus-widget .date-container-months {
  grid-auto-rows: 36px;
}
.tempus-dominus-widget .date-container-months .month {
  border-radius: 6px !important;
}
.tempus-dominus-widget .date-container-years {
  grid-auto-rows: 36px;
}
.tempus-dominus-widget .date-container-years .year {
  border-radius: 6px !important;
}
.tempus-dominus-widget .time-container .separator {
  border: 0px !important;
}
.tempus-dominus-widget .time-container .time-container-clock div {
  border-radius: 6px !important;
}
.tempus-dominus-widget .toolbar div {
  border-radius: 6px;
}
.tempus-dominus-widget .toolbar div i {
  font-size: 1.1rem !important;
}
.tempus-dominus-widget.light [data-action].disabled, .tempus-dominus-widget.light [data-action].disabled:hover, .tempus-dominus-widget.dark [data-action].disabled, .tempus-dominus-widget.dark [data-action].disabled:hover {
  color: #F8F8F8;
}
.tempus-dominus-widget.light .toolbar div, .tempus-dominus-widget.dark .toolbar div {
  display: none;
}
.tempus-dominus-widget.light .toolbar div:hover, .tempus-dominus-widget.dark .toolbar div:hover {
  background: #e41920;
}
.tempus-dominus-widget.light .date-container-days .dow, .tempus-dominus-widget.dark .date-container-days .dow {
  color: #000000 !important;
}
.tempus-dominus-widget.light .date-container-days .cw, .tempus-dominus-widget.dark .date-container-days .cw {
  color: #000000;
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight),
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight),
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight),
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight),
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight),
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight),
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight),
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight), .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight),
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight),
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight),
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight),
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight),
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight),
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight),
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight) {
  box-shadow: none;
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight):hover,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight):hover,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight):hover,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight):hover,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight):hover,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight):hover,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight):hover,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight):hover, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight):hover,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight):hover {
  background: #e41920;
  color: #ffffff;
  border-radius: 6px;
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active {
  background-color: #e41920;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-radius: 6px;
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active:focus,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active:focus,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active:focus,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active:focus,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active:focus,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active:focus,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active:focus,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active:focus, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active:focus,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active:focus,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active:focus,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active:focus,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active:focus,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active:focus,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active:focus,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active:focus {
  outline: none;
  box-shadow: none;
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active.old, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active.new,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active.old,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active.new, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active.old, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active.new,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active.old,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active.new {
  color: #ffffff;
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active.today:before, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active.today:before,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active.today:before {
  border-bottom-color: #F3F4F6;
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).new,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).old,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).new,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).old,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).new, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).old, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).new,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).old,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).new,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).old,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).new {
  color: #DBDBDB;
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).disabled:hover, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).disabled, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).disabled:hover,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).disabled,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).disabled:hover {
  color: #DBDBDB;
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .date-container-years div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .date-container-months div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).today:before,
.tempus-dominus-widget.light .time-container-second div:not(.no-highlight).today:before, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).today:before,
.tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).today:before {
  border-bottom-color: #e41920;
  border-top-color: #000000;
}
.tempus-dominus-widget.light button, .tempus-dominus-widget.dark button {
  color: #ffffff;
  background-color: #e41920;
  border-color: #e41920;
}
.tempus-dominus-widget.dark .date-container-days .dow {
  color: #939393 !important;
}
.tempus-dominus-widget.dark .date-container-days .cw {
  color: #939393;
}

.searchForm {
  position: relative;
}
.searchForm::before {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\e9de";
  color: #000000;
  font-size: 20px;
  line-height: 20px;
  top: 27px;
  left: 32px;
  color: #000000;
}
@media (max-width: 991px) {
  .searchForm::before {
    font-size: 18px;
    line-height: 20px;
    top: 18px;
    left: 24px;
  }
}
.searchForm__input {
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 10px;
  width: 100%;
  padding: 24px 32px 24px 76px;
  color: #000000;
}
@media (max-width: 991px) {
  .searchForm__input {
    padding: 16px 24px 16px 58px;
    flex: 1 1 auto;
  }
}
.searchForm__input--gray {
  background-color: #F3F4F6;
}
.searchForm__input::placeholder {
  color: #757575;
}
.searchForm__input:focus {
  outline: 0;
  border-color: #000000;
}

/* 
ELEMENTS - Buttons, Labels, Cards etc
======================================================== */
.button {
  display: inline-block;
  font-family: "Lato", serif;
  background-color: #e41920;
  border: 1px solid #e41920;
  border-radius: 5px;
  padding: 16.5px 32px;
  vertical-align: middle;
  user-select: none;
  text-align: center;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .button {
    padding: 12.5px 28px;
  }
}
.button:hover {
  background-color: #BD141A;
  border-color: #BD141A;
  text-decoration: none;
}
.button:active {
  background-color: #e41920;
  border: 1px solid #FFA1A4;
  box-shadow: inset 0px 0px 0px 1px rgb(255, 161, 164);
  text-decoration: none;
  outline: 0;
}
.button:visited {
  background-color: #e41920;
  border: 1px solid #e41920;
  text-decoration: none;
  box-shadow: none;
}
.button:visited:hover {
  background-color: #BD141A;
  border-color: #BD141A;
  text-decoration: none;
}
.button:visited:hover:active {
  background-color: #e41920;
  border: 1px solid #FFA1A4;
  box-shadow: inset 0px 0px 0px 1px rgb(255, 161, 164);
  text-decoration: none;
  outline: 0;
}
.button:disabled, .button[disabled] {
  border: 1px solid #f28c90;
  background-color: #f28c90;
  color: #ffffff;
  cursor: default;
}
.button:disabled:active, .button:disabled:visited, .button[disabled]:active, .button[disabled]:visited {
  border: 1px solid #f28c90;
  background-color: #f28c90;
  color: #ffffff;
  text-decoration: none;
  box-shadow: none;
}
.button__lg {
  padding: 19px 32px;
  border-radius: 10px;
}
.button__lg.button__icon--only {
  padding-right: 20.5px;
  padding-left: 20.5px;
}
.button__sm {
  padding: 11px 24px;
}
@media (max-width: 991px) {
  .button__sm {
    padding: 10.5px 24px;
  }
}
.button__sm.button__icon--only {
  padding-right: 11px;
  padding-left: 11px;
}
.button__block {
  display: block;
  width: 100%;
}
.button__icon--left, .button__icon--right {
  padding-left: 24px;
  padding-right: 24px;
}
.button__icon--left [class^=ci-],
.button__icon--left [class*=" ci-"], .button__icon--right [class^=ci-],
.button__icon--right [class*=" ci-"] {
  position: relative;
  top: 2px;
  margin-left: 0;
  margin-right: 8px;
}
.button__icon--only {
  text-align: center;
  padding-left: 14px;
  padding-right: 14px;
}
.button__icon--only [class^=ci-],
.button__icon--only [class*=" ci-"] {
  top: auto;
}
.button__icon--right [class^=ci-],
.button__icon--right [class*=" ci-"] {
  margin-left: 8px;
  margin-right: 0;
}
.button__outline--primary, .button__outline--dark, .button__outline--white {
  background: none;
  border: 1px solid #000000;
  color: #000000;
}
.button__outline--primary:hover, .button__outline--dark:hover, .button__outline--white:hover {
  background: none;
  border-color: #e41920;
  border: 1px solid #e41920;
  color: #e41920;
  text-decoration: none;
}
.button__outline--primary:active, .button__outline--dark:active, .button__outline--white:active {
  background: none;
  border: 1px solid #BD141A;
  box-shadow: none;
  text-decoration: none;
  outline: 0;
}
.button__outline--primary:visited, .button__outline--dark:visited, .button__outline--white:visited {
  background: none;
  border: 1px solid #000000;
  color: #000000;
}
.button__outline--primary:visited:hover, .button__outline--dark:visited:hover, .button__outline--white:visited:hover {
  background: none;
  border-color: #e41920;
  border: 1px solid #e41920;
  color: #e41920;
  text-decoration: none;
}
.button__outline--primary:visited:hover:active, .button__outline--dark:visited:hover:active, .button__outline--white:visited:hover:active {
  background: none;
  border: 1px solid #BD141A;
  box-shadow: none;
  text-decoration: none;
  outline: 0;
}
.button__outline--primary:disabled, .button__outline--primary[disabled], .button__outline--dark:disabled, .button__outline--dark[disabled], .button__outline--white:disabled, .button__outline--white[disabled] {
  border: 1px solid #DBDBDB;
  background-color: transparent;
  color: #DBDBDB;
}
.button__outline--primary:disabled:active, .button__outline--primary:disabled:visited, .button__outline--primary[disabled]:active, .button__outline--primary[disabled]:visited, .button__outline--dark:disabled:active, .button__outline--dark:disabled:visited, .button__outline--dark[disabled]:active, .button__outline--dark[disabled]:visited, .button__outline--white:disabled:active, .button__outline--white:disabled:visited, .button__outline--white[disabled]:active, .button__outline--white[disabled]:visited {
  border: 1px solid #DBDBDB;
  background-color: transparent;
  color: #DBDBDB;
  text-decoration: none;
  box-shadow: none;
}
.button__outline--white {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.button__outline--white:visited {
  background: none;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.button__outline--white:disabled, .button__outline--white[disabled] {
  border: 1px solid #757575;
  background-color: transparent;
  color: #757575;
}
.button__outline--white:disabled:active, .button__outline--white:disabled:visited, .button__outline--white[disabled]:active, .button__outline--white[disabled]:visited {
  border: 1px solid #757575;
  background-color: transparent;
  color: #757575;
  text-decoration: none;
  box-shadow: none;
}
.button__outline--primary {
  border: 1px solid #e41920;
  color: #e41920;
}
.button__outline--primary:hover {
  background-color: #BD141A;
  border-color: #BD141A;
  text-decoration: none;
  color: #ffffff;
}
.button__outline--primary:active {
  background-color: #e41920;
  border: 1px solid #FFA1A4;
  box-shadow: inset 0px 0px 0px 1px rgb(255, 161, 164);
  text-decoration: none;
  outline: 0;
  color: #ffffff;
}
.button__outline--primary:visited {
  background: none;
  border: 1px solid #e41920;
  color: #e41920;
}
.button__outline--primary:disabled, .button__outline--primary[disabled] {
  border: 1px solid #f28c90;
  background-color: transparent;
  color: #f28c90;
}
.button__outline--primary:disabled:active, .button__outline--primary:disabled:visited, .button__outline--primary[disabled]:active, .button__outline--primary[disabled]:visited {
  border: 1px solid #f28c90;
  background-color: transparent;
  color: #f28c90;
  text-decoration: none;
  box-shadow: none;
}
.button__text, .button__text--white {
  background: none;
  border: none;
  color: #000000;
}
.button__text:active, .button__text:hover, .button__text--white:active, .button__text--white:hover {
  background: none;
  border: none;
  color: #e41920;
  box-shadow: none;
  text-decoration: none;
}
.button__text:visited, .button__text--white:visited {
  background: none;
  border: none;
  color: #000000;
  box-shadow: none;
}
.button__text:disabled, .button__text[disabled], .button__text--white:disabled, .button__text--white[disabled] {
  border: none;
  background: transparent;
  color: #DBDBDB;
}
.button__text:disabled:active, .button__text:disabled:visited, .button__text[disabled]:active, .button__text[disabled]:visited, .button__text--white:disabled:active, .button__text--white:disabled:visited, .button__text--white[disabled]:active, .button__text--white[disabled]:visited {
  border: none;
  background-color: transparent;
  color: #DBDBDB;
  text-decoration: none;
  box-shadow: none;
}
.button__text--white {
  color: #ffffff;
}
.button__text--white:disabled, .button__text--white[disabled] {
  color: #757575;
}
.button__text--white:disabled:active, .button__text--white:disabled:visited, .button__text--white[disabled]:active, .button__text--white[disabled]:visited {
  color: #757575;
}
.button__text--white:active, .button__text--white:visited {
  background: none;
  border: none;
  color: #ffffff;
  box-shadow: none;
}

.pageHeading {
  text-align: center;
}
@media (min-width: 1600px) {
  .pageHeading {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pageHeading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pageHeading {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pageHeading {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pageHeading {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .pageHeading {
    margin-bottom: 22px;
  }
}
.pageHeading--singleHeading {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .pageHeading__label {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pageHeading__label {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pageHeading__label {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pageHeading__label {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pageHeading__label {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .pageHeading__label {
    margin-bottom: 11px;
  }
}
.pageHeading__title {
  margin-bottom: 0;
}
.pageHeading__desc {
  color: #757575;
}
@media (min-width: 1600px) {
  .pageHeading__desc {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pageHeading__desc {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pageHeading__desc {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pageHeading__desc {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pageHeading__desc {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .pageHeading__desc {
    margin-top: 14px;
  }
}

.sectionHeading {
  text-align: center;
}
@media (min-width: 1600px) {
  .sectionHeading {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .sectionHeading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .sectionHeading {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sectionHeading {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sectionHeading {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .sectionHeading {
    margin-bottom: 22px;
  }
}
@media (max-width: 991px) {
  .sectionHeading {
    margin-top: 16px;
  }
}
.sectionHeading__label {
  display: block;
}
@media (min-width: 1600px) {
  .sectionHeading__label {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .sectionHeading__label {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .sectionHeading__label {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sectionHeading__label {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sectionHeading__label {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .sectionHeading__label {
    margin-bottom: 11px;
  }
}
.sectionHeading__title {
  margin-bottom: 0;
}
.sectionHeading__subtitle {
  color: #757575;
  padding-left: 18%;
  padding-right: 18%;
}
@media (min-width: 1600px) {
  .sectionHeading__subtitle {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .sectionHeading__subtitle {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .sectionHeading__subtitle {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sectionHeading__subtitle {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sectionHeading__subtitle {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .sectionHeading__subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sectionHeading__subtitle {
    padding-left: 10%;
    padding-right: 10%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sectionHeading__subtitle {
    padding-left: 18%;
    padding-right: 18%;
  }
}
@media (max-width: 767px) {
  .sectionHeading__subtitle {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1600px) {
  .sectionHeading__action {
    margin-top: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .sectionHeading__action {
    margin-top: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .sectionHeading__action {
    margin-top: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sectionHeading__action {
    margin-top: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sectionHeading__action {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .sectionHeading__action {
    margin-top: 18px;
  }
}
.sectionHeading__left {
  text-align: left;
}
.sectionHeading__nav {
  flex: 0 0 auto;
  display: none;
}
@media (min-width: 1600px) {
  .sectionHeading__nav {
    padding-left: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .sectionHeading__nav {
    padding-left: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .sectionHeading__nav {
    padding-left: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sectionHeading__nav {
    padding-left: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sectionHeading__nav {
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .sectionHeading__nav {
    padding-left: 14px;
  }
}
.sectionHeading__nav--show {
  display: block;
}
@media (max-width: 991px) {
  .sectionHeading__nav--show {
    display: none;
  }
}

.section__dark .sectionHeading__subtitle {
  color: #939393;
}

.button {
  display: inline-block;
  font-family: "Lato", serif;
  background-color: #e41920;
  border: 1px solid #e41920;
  border-radius: 5px;
  padding: 16.5px 32px;
  vertical-align: middle;
  user-select: none;
  text-align: center;
  cursor: pointer;
  color: #ffffff;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .button {
    padding: 12.5px 28px;
  }
}
.button:hover {
  background-color: #BD141A;
  border-color: #BD141A;
  text-decoration: none;
}
.button:active {
  background-color: #e41920;
  border: 1px solid #FFA1A4;
  box-shadow: inset 0px 0px 0px 1px rgb(255, 161, 164);
  text-decoration: none;
  outline: 0;
}
.button:visited {
  background-color: #e41920;
  border: 1px solid #e41920;
  text-decoration: none;
  box-shadow: none;
}
.button:visited:hover {
  background-color: #BD141A;
  border-color: #BD141A;
  text-decoration: none;
}
.button:visited:hover:active {
  background-color: #e41920;
  border: 1px solid #FFA1A4;
  box-shadow: inset 0px 0px 0px 1px rgb(255, 161, 164);
  text-decoration: none;
  outline: 0;
}
.button:disabled, .button[disabled] {
  border: 1px solid #f28c90;
  background-color: #f28c90;
  color: #ffffff;
  cursor: default;
}
.button:disabled:active, .button:disabled:visited, .button[disabled]:active, .button[disabled]:visited {
  border: 1px solid #f28c90;
  background-color: #f28c90;
  color: #ffffff;
  text-decoration: none;
  box-shadow: none;
}
.button__lg {
  padding: 19px 32px;
  border-radius: 10px;
}
.button__lg.button__icon--only {
  padding-right: 20.5px;
  padding-left: 20.5px;
}
.button__sm {
  padding: 11px 24px;
}
@media (max-width: 991px) {
  .button__sm {
    padding: 10.5px 24px;
  }
}
.button__sm.button__icon--only {
  padding-right: 11px;
  padding-left: 11px;
}
.button__block {
  display: block;
  width: 100%;
}
.button__icon--left, .button__icon--right {
  padding-left: 24px;
  padding-right: 24px;
}
.button__icon--left [class^=ci-],
.button__icon--left [class*=" ci-"], .button__icon--right [class^=ci-],
.button__icon--right [class*=" ci-"] {
  position: relative;
  top: 2px;
  margin-left: 0;
  margin-right: 8px;
}
.button__icon--only {
  text-align: center;
  padding-left: 14px;
  padding-right: 14px;
}
.button__icon--only [class^=ci-],
.button__icon--only [class*=" ci-"] {
  top: auto;
}
.button__icon--right [class^=ci-],
.button__icon--right [class*=" ci-"] {
  margin-left: 8px;
  margin-right: 0;
}
.button__outline--primary, .button__outline--dark, .button__outline--white {
  background: none;
  border: 1px solid #000000;
  color: #000000;
}
.button__outline--primary:hover, .button__outline--dark:hover, .button__outline--white:hover {
  background: none;
  border-color: #e41920;
  border: 1px solid #e41920;
  color: #e41920;
  text-decoration: none;
}
.button__outline--primary:active, .button__outline--dark:active, .button__outline--white:active {
  background: none;
  border: 1px solid #BD141A;
  box-shadow: none;
  text-decoration: none;
  outline: 0;
}
.button__outline--primary:visited, .button__outline--dark:visited, .button__outline--white:visited {
  background: none;
  border: 1px solid #000000;
  color: #000000;
}
.button__outline--primary:visited:hover, .button__outline--dark:visited:hover, .button__outline--white:visited:hover {
  background: none;
  border-color: #e41920;
  border: 1px solid #e41920;
  color: #e41920;
  text-decoration: none;
}
.button__outline--primary:visited:hover:active, .button__outline--dark:visited:hover:active, .button__outline--white:visited:hover:active {
  background: none;
  border: 1px solid #BD141A;
  box-shadow: none;
  text-decoration: none;
  outline: 0;
}
.button__outline--primary:disabled, .button__outline--primary[disabled], .button__outline--dark:disabled, .button__outline--dark[disabled], .button__outline--white:disabled, .button__outline--white[disabled] {
  border: 1px solid #DBDBDB;
  background-color: transparent;
  color: #DBDBDB;
}
.button__outline--primary:disabled:active, .button__outline--primary:disabled:visited, .button__outline--primary[disabled]:active, .button__outline--primary[disabled]:visited, .button__outline--dark:disabled:active, .button__outline--dark:disabled:visited, .button__outline--dark[disabled]:active, .button__outline--dark[disabled]:visited, .button__outline--white:disabled:active, .button__outline--white:disabled:visited, .button__outline--white[disabled]:active, .button__outline--white[disabled]:visited {
  border: 1px solid #DBDBDB;
  background-color: transparent;
  color: #DBDBDB;
  text-decoration: none;
  box-shadow: none;
}
.button__outline--white {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.button__outline--white:visited {
  background: none;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.button__outline--white:disabled, .button__outline--white[disabled] {
  border: 1px solid #757575;
  background-color: transparent;
  color: #757575;
}
.button__outline--white:disabled:active, .button__outline--white:disabled:visited, .button__outline--white[disabled]:active, .button__outline--white[disabled]:visited {
  border: 1px solid #757575;
  background-color: transparent;
  color: #757575;
  text-decoration: none;
  box-shadow: none;
}
.button__outline--primary {
  border: 1px solid #e41920;
  color: #e41920;
}
.button__outline--primary:hover {
  background-color: #BD141A;
  border-color: #BD141A;
  text-decoration: none;
  color: #ffffff;
}
.button__outline--primary:active {
  background-color: #e41920;
  border: 1px solid #FFA1A4;
  box-shadow: inset 0px 0px 0px 1px rgb(255, 161, 164);
  text-decoration: none;
  outline: 0;
  color: #ffffff;
}
.button__outline--primary:visited {
  background: none;
  border: 1px solid #e41920;
  color: #e41920;
}
.button__outline--primary:disabled, .button__outline--primary[disabled] {
  border: 1px solid #f28c90;
  background-color: transparent;
  color: #f28c90;
}
.button__outline--primary:disabled:active, .button__outline--primary:disabled:visited, .button__outline--primary[disabled]:active, .button__outline--primary[disabled]:visited {
  border: 1px solid #f28c90;
  background-color: transparent;
  color: #f28c90;
  text-decoration: none;
  box-shadow: none;
}
.button__text, .button__text--white {
  background: none;
  border: none;
  color: #000000;
}
.button__text:active, .button__text:hover, .button__text--white:active, .button__text--white:hover {
  background: none;
  border: none;
  color: #e41920;
  box-shadow: none;
  text-decoration: none;
}
.button__text:visited, .button__text--white:visited {
  background: none;
  border: none;
  color: #000000;
  box-shadow: none;
}
.button__text:disabled, .button__text[disabled], .button__text--white:disabled, .button__text--white[disabled] {
  border: none;
  background: transparent;
  color: #DBDBDB;
}
.button__text:disabled:active, .button__text:disabled:visited, .button__text[disabled]:active, .button__text[disabled]:visited, .button__text--white:disabled:active, .button__text--white:disabled:visited, .button__text--white[disabled]:active, .button__text--white[disabled]:visited {
  border: none;
  background-color: transparent;
  color: #DBDBDB;
  text-decoration: none;
  box-shadow: none;
}
.button__text--white {
  color: #ffffff;
}
.button__text--white:disabled, .button__text--white[disabled] {
  color: #757575;
}
.button__text--white:disabled:active, .button__text--white:disabled:visited, .button__text--white[disabled]:active, .button__text--white[disabled]:visited {
  color: #757575;
}
.button__text--white:active, .button__text--white:visited {
  background: none;
  border: none;
  color: #ffffff;
  box-shadow: none;
}

.dropdown {
  display: inline-block;
  position: relative;
}
.dropdown .dropdownText {
  position: relative;
  cursor: pointer;
  padding-right: 28px;
}
.dropdown .dropdownText::before, .dropdown .dropdownText::after {
  position: absolute;
  font-family: "canonIcon" !important;
  display: block;
  content: "\ec5b";
  top: 1px;
  right: 0;
}
.dropdown .dropdownText::after {
  display: none;
  content: "\ec6c";
}
.dropdown .dropdownText.show {
  color: #e41920;
}
.dropdown .dropdownText.show::before {
  display: none;
}
.dropdown .dropdownText.show::after {
  display: block;
}
.dropdown__menu {
  background-color: #ffffff;
  padding: 16px;
  border: 1px solid #E8E9EB;
  box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.08);
}
.dropdown__item {
  display: block;
  color: #000000;
  padding: 6px 0;
}
.dropdown__item.active {
  position: relative;
  color: #939393;
  cursor: default;
}
.dropdown__item.active:hover {
  color: #939393;
}
.dropdown__item.active::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.dropdown__item:hover {
  color: #e41920;
  text-decoration: none;
}

.alertsCard {
  display: flex;
  background-color: #F3F4F6;
  border-radius: 10px;
  padding: 32px;
  padding-right: 80px;
  align-items: center;
}
@media (max-width: 991px) {
  .alertsCard {
    padding: 16px;
    padding-right: 40px;
  }
}
.alertsCard__icon {
  position: relative;
  width: 36px;
  height: 36px;
  font-size: 32px;
  line-height: 32px;
  margin-right: 24px;
}
@media (max-width: 991px) {
  .alertsCard__icon {
    width: 28px;
    height: 28px;
    margin-right: 16px;
  }
}
.alertsCard__desc {
  color: #000000;
  flex: 1 1 auto;
}

.results {
  color: #757575;
}
@media (min-width: 1600px) {
  .results {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .results {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .results {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .results {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .results {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .results {
    margin-bottom: 14px;
  }
}
@media (min-width: 1600px) {
  .results__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .results__title {
    margin-bottom: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .results__title {
    margin-bottom: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .results__title {
    margin-bottom: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .results__title {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .results__title {
    margin-bottom: 7px;
  }
}
.results__count {
  color: #757575;
}

.video-js .vjs-control-bar {
  background: #000000;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  height: 150px;
  align-items: center;
  padding: 0 120px;
}
.video-js .vjs-control {
  height: 30px;
}
.video-js .vjs-big-play-button {
  display: none;
}

.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: "canonIcon" !important;
  content: "\ea8e";
}

.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\ea89";
}

.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  font-family: "canonIcon" !important;
  content: "\eaaa";
}

.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\eaa9";
}

.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,
.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\eaac";
}

.video-js .vjs-play-progress {
  background-color: #e41920;
}

.tabNav {
  text-align: center;
  margin-bottom: 64px;
}
.tabNav__inner {
  display: inline-block;
  background-color: #F3F4F6;
  padding: 6px;
  border-radius: 7px;
}
.tabNav__nav {
  display: inline-block;
  color: #000000;
  border-radius: 5px;
  padding: 9.5px 32px;
}
.tabNav__nav.active {
  background-color: #ffffff;
}
.tabNav__nav:hover {
  text-decoration: none;
  color: #e41920;
}

.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  margin-top: 48px;
}
@media (min-width: 1600px) {
  .pagination {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pagination {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pagination {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pagination {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pagination {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .pagination {
    margin-top: 22px;
  }
}
.pagination__button {
  background: none;
  border: none;
  color: #000000;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .pagination__button--prev {
    margin-right: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pagination__button--prev {
    margin-right: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pagination__button--prev {
    margin-right: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pagination__button--prev {
    margin-right: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pagination__button--prev {
    margin-right: 16px;
  }
}
@media (max-width: 767px) {
  .pagination__button--prev {
    margin-right: 14px;
  }
}
.pagination__button--prev:hover, .pagination__button--prev:focus {
  text-decoration: none;
}
.pagination__button--next {
  margin-left: 32px;
}
@media (min-width: 1600px) {
  .pagination__button--next {
    margin-left: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pagination__button--next {
    margin-left: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pagination__button--next {
    margin-left: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pagination__button--next {
    margin-left: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pagination__button--next {
    margin-left: 16px;
  }
}
@media (max-width: 767px) {
  .pagination__button--next {
    margin-left: 14px;
  }
}
.pagination__button--next:hover, .pagination__button--next:focus {
  text-decoration: none;
}
.pagination__button.disabled {
  color: #939393;
  cursor: default;
}
.pagination__page-number {
  background-color: #ffffff;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  text-align: center;
  border: none;
  color: #000000;
  outline: none;
  -moz-appearance: textfield;
}
@media (min-width: 1400px) {
  .pagination__page-number {
    width: 52px;
    height: 52px;
  }
}
@media (max-width: 991px) {
  .pagination__page-number {
    width: 42px;
    height: 42px;
  }
}
.pagination__page-number::-webkit-inner-spin-button, .pagination__page-number::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.pagination__page-number:disabled {
  background-color: #F8F8F8;
  color: #939393;
  cursor: not-allowed;
}
.pagination__of-total {
  color: #757575;
}
@media (min-width: 1600px) {
  .pagination__of-total {
    margin-left: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pagination__of-total {
    margin-left: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pagination__of-total {
    margin-left: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pagination__of-total {
    margin-left: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pagination__of-total {
    margin-left: 6px;
  }
}
@media (max-width: 767px) {
  .pagination__of-total {
    margin-left: 5px;
  }
}

.section__gray .pagination__page-number {
  background-color: #ffffff;
}

.linkCard {
  display: block;
  background-color: #F3F4F6;
  border: 1px solid transparent;
  border-radius: 10px;
  color: #000000;
  padding: 20px 24px;
}
@media (min-width: 1400px) {
  .linkCard {
    padding: 24px 32px;
  }
}
@media (max-width: 991px) {
  .linkCard {
    padding: 16px 24px;
  }
}
.linkCard:hover {
  border-color: #000000;
  text-decoration: none;
}
@media (min-width: 1600px) {
  .linkCard__row {
    margin-left: -12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .linkCard__row {
    margin-left: -10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .linkCard__row {
    margin-left: -8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .linkCard__row {
    margin-left: -7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .linkCard__row {
    margin-left: -6px;
  }
}
@media (max-width: 767px) {
  .linkCard__row {
    margin-left: -5px;
  }
}
@media (min-width: 1600px) {
  .linkCard__row {
    margin-right: -12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .linkCard__row {
    margin-right: -10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .linkCard__row {
    margin-right: -8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .linkCard__row {
    margin-right: -7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .linkCard__row {
    margin-right: -6px;
  }
}
@media (max-width: 767px) {
  .linkCard__row {
    margin-right: -5px;
  }
}
@media (min-width: 1600px) {
  .linkCard__row {
    row-gap: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .linkCard__row {
    row-gap: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .linkCard__row {
    row-gap: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .linkCard__row {
    row-gap: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .linkCard__row {
    row-gap: 12px;
  }
}
@media (max-width: 767px) {
  .linkCard__row {
    row-gap: 11px;
  }
}
@media (min-width: 1600px) {
  .linkCard__row > * {
    padding-left: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .linkCard__row > * {
    padding-left: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .linkCard__row > * {
    padding-left: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .linkCard__row > * {
    padding-left: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .linkCard__row > * {
    padding-left: 6px;
  }
}
@media (max-width: 767px) {
  .linkCard__row > * {
    padding-left: 5px;
  }
}
@media (min-width: 1600px) {
  .linkCard__row > * {
    padding-right: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .linkCard__row > * {
    padding-right: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .linkCard__row > * {
    padding-right: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .linkCard__row > * {
    padding-right: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .linkCard__row > * {
    padding-right: 6px;
  }
}
@media (max-width: 767px) {
  .linkCard__row > * {
    padding-right: 5px;
  }
}
.linkCard__contactUs {
  position: relative;
  height: 70px;
  width: 319px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #000000;
  transition: border-color 0.3s ease, color 0.3s ease;
  text-align: center;
  margin-bottom: 10px;
  padding: 10px;
}
@media (min-width: 992px) and (max-width: 1199px), (min-width: 1200px) {
  .linkCard__contactUs {
    width: 100%;
    margin-bottom: 22px;
  }
}
@media (max-width: 991px) {
  .linkCard__contactUs {
    width: 150px;
    margin-bottom: 0;
  }
}
.linkCard__contactUs:hover {
  border-color: #e41920;
  color: #e41920;
  text-decoration: none;
}
.linkCard__contactUs.active {
  border-color: #e41920;
  color: #e41920;
}
.linkCard__contactUs.active:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  width: 14px;
  height: 14px;
  background-color: #e41920;
  border-radius: 50%;
}
.linkCard__contactUs.active:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border-radius: 50%;
}

.section__gray .linkCard {
  background-color: #ffffff;
}

.section__dark .linkCard {
  background-color: #262626;
  color: #DBDBDB;
}
.section__dark .linkCard:hover {
  border-color: #ffffff;
}

.link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}

.productCard {
  position: relative;
  background-color: #F3F4F6;
  height: 100%;
  margin-right: 0;
  border-radius: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCard {
    border-radius: 10px;
  }
}
@media (max-width: 991px) {
  .productCard {
    border-radius: 10px;
    margin-right: 0;
  }
}
.productCard__promotion--label {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0;
  right: 0;
  z-index: 1;
  color: #ffffff;
  font-size: 32px;
  line-height: 32px;
  overflow: hidden;
  border-top-right-radius: 20px;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .productCard__promotion--label {
    width: 56px;
    height: 56px;
    font-size: 24px;
    line-height: 24px;
    border-top-right-radius: 10px;
  }
}
.productCard__promotion--label::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 80px solid #e41920;
  border-left: 80px solid transparent;
  top: 0;
  right: 0;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .productCard__promotion--label::before {
    border-top: 56px solid #e41920;
    border-left: 56px solid transparent;
  }
}
.productCard__promotion--label span {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 2;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .productCard__promotion--label span {
    top: 4px;
    right: 4px;
  }
}
.productCard__link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .productCard__link {
    border-radius: 10px;
  }
}
.productCard__thumbnail {
  position: relative;
  background-color: #E8E9EB;
  text-align: center;
  padding-bottom: 65.8823529412%;
  overflow: hidden;
  border-radius: 20px 20px 0 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCard__thumbnail {
    border-radius: 10px 10px 0 0;
  }
}
@media (max-width: 991px) {
  .productCard__thumbnail {
    border-radius: 10px 10px 0 0;
  }
}
.productCard__thumbnail--image {
  position: absolute;
  display: none;
  max-width: 60%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.productCard__thumbnail--image.active {
  display: block;
}
.productCard__kit {
  position: relative;
  z-index: 5;
  text-align: center;
}
.productCard__kit--dropdown {
  position: relative;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
}
@media (max-width: 991px) {
  .productCard__kit--dropdown {
    margin-top: 12px;
  }
}
.productCard__kit .select2-container.select2 {
  width: 100% !important;
  text-align: left;
}
.productCard__kit .select2-container .form-select__dark,
.productCard__kit .select2-container .form-select__white {
  border-radius: 6px;
}
.productCard__kit .select2-container .form-select__selection .select2-selection__rendered {
  padding-left: 12px;
  padding-right: 32px;
}
.productCard__kit .select2-container .select__md .select2-selection__rendered {
  padding-top: 6px;
  padding-bottom: 6px;
}
.productCard__kit .select2-container .form-select__selection .select2-selection__arrow {
  width: 14px;
  height: 14px;
  right: 12px;
}
.productCard__kit .select2-container .form-select__selection .select2-selection__arrow::before, .productCard__kit .select2-container .form-select__selection .select2-selection__arrow::after {
  font-size: 14px;
  line-height: 14px;
}
.productCard__kit .select2-container .form-select__selection .select2-selection__arrow::after {
  display: none;
  font-family: "canonIcon" !important;
  content: "\ec6c";
}
.productCard__kit .select2-container.select2-container--open .form-select__selection .select2-selection__arrow::before {
  display: none;
}
.productCard__kit .select2-container.select2-container--open .form-select__selection .select2-selection__arrow::after {
  display: block;
}
.productCard__kit .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 1px solid #939393;
}
.productCard__kit .select2-container .form-select__selection .select2-selection__rendered {
  background-color: transparent;
}
.productCard__kit .select2-container {
  width: 100% !important;
}
.productCard__kit .select2-container .select2-dropdown {
  width: 100% !important;
  text-align: left;
}
.productCard__kit .select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options {
  color: #000000;
  padding: 0;
}
.productCard__kit .select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option {
  cursor: pointer;
  color: #000000;
  padding: 4px 12px;
}
.productCard__kit .select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option:first-child {
  padding-top: 8px;
}
.productCard__kit .select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option:last-child {
  padding-bottom: 8px;
}
.productCard__kit .select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option:hover {
  color: #e41920;
}
.productCard__kit .select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
  cursor: default;
  color: #939393;
}
.productCard__color {
  position: relative;
  text-align: center;
  z-index: 4;
  margin-top: 24px;
}
@media (max-width: 991px) {
  .productCard__color {
    margin-top: 12px;
  }
}
.productCard__color--button {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  margin: 0 6px;
  width: 28px;
  height: 28px;
  border: 1px solid transparent;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
}
.productCard__color--button:hover {
  border-color: #939393;
}
.productCard__color--button.active {
  border-color: #e41920;
}
.productCard__color--item {
  position: absolute;
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 1px solid #383838;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.productCard__content {
  position: relative;
  text-align: center;
  border-radius: 0 0 20px 20px;
}
@media (min-width: 1600px) {
  .productCard__content {
    padding: 40px 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCard__content {
    padding: 33px 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCard__content {
    padding: 27px 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCard__content {
    padding: 22px 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCard__content {
    padding: 20px 24px;
  }
}
@media (max-width: 767px) {
  .productCard__content {
    padding: 18px 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCard__content {
    border-radius: 0 0 10px 10px;
  }
}
@media (max-width: 991px) {
  .productCard__content {
    padding: 32px 24px;
    border-radius: 0 0 10px 10px;
  }
}
.productCard__label {
  text-transform: uppercase;
}
@media (min-width: 1600px) {
  .productCard__label--body {
    padding-bottom: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCard__label--body {
    padding-bottom: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCard__label--body {
    padding-bottom: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCard__label--body {
    padding-bottom: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCard__label--body {
    padding-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .productCard__label--body {
    padding-bottom: 7px;
  }
}
.productCard__label--item {
  line-height: 14px;
  color: #939393;
}
.productCard__label--item + .productCard__label--item {
  border-left: 1px solid #939393;
  margin-left: 8px;
  padding-left: 8px;
}
.productCard__label--item.label-new {
  color: #e41920;
}
.productCard__title {
  position: relative;
  margin-bottom: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .productCard__title {
    padding: 0;
  }
}
.productCard__title a {
  color: #000000;
  z-index: 2;
  position: relative;
}
.productCard__title a:hover {
  color: #e41920;
  text-decoration: none;
}
.productCard__price {
  position: relative;
  text-align: center;
  width: 100%;
}
@media (min-width: 1600px) {
  .productCard__price {
    margin-top: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCard__price {
    margin-top: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCard__price {
    margin-top: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCard__price {
    margin-top: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCard__price {
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .productCard__price {
    margin-top: 7px;
  }
}
@media (max-width: 991px) {
  .productCard__price {
    margin-top: 16px;
  }
}
.productCard__price--inner {
  display: inline-block;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #939393;
}
.productCard__price--inner sup {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  margin-right: 4px;
}
.productCard__price--promotion {
  line-height: normal;
  text-align: right;
}
@media (min-width: 1600px) {
  .productCard__price--promotion {
    margin-top: 8px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCard__price--promotion {
    margin-top: 7px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCard__price--promotion {
    margin-top: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCard__price--promotion {
    margin-top: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCard__price--promotion {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .productCard__price--promotion {
    margin-top: 4px;
  }
}
.productCard__price--inclusive {
  color: #939393;
}
@media (min-width: 1600px) {
  .productCard__price--inclusive {
    margin-top: 8px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCard__price--inclusive {
    margin-top: 7px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCard__price--inclusive {
    margin-top: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCard__price--inclusive {
    margin-top: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCard__price--inclusive {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .productCard__price--inclusive {
    margin-top: 4px;
  }
}
.productCard__listing {
  margin: 32px 0 0 0;
  padding: 0;
  border-top: 1px solid #DBDBDB;
}
.productCard__listing li {
  list-style: none;
  padding: 8px 0;
  margin: 0;
  color: #757575;
  border-bottom: 1px solid #DBDBDB;
}
.productCard__desc {
  color: #757575;
  margin-top: 16px;
}
.productCard__desc p {
  margin-bottom: 0;
}
.productCard__desc--action {
  margin-top: 16px;
}
.productCard__action {
  text-align: center;
}
@media (min-width: 1600px) {
  .productCard__action {
    margin-top: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCard__action {
    margin-top: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCard__action {
    margin-top: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCard__action {
    margin-top: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCard__action {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .productCard__action {
    margin-top: 18px;
  }
}
@media (min-width: 1600px) {
  .productCard__action {
    margin-bottom: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCard__action {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCard__action {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCard__action {
    margin-bottom: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCard__action {
    margin-bottom: 6px;
  }
}
@media (max-width: 767px) {
  .productCard__action {
    margin-bottom: 5px;
  }
}
@media (max-width: 991px) {
  .productCard__action {
    margin-top: 24px;
    margin-bottom: 8px;
  }
}
.productCard__action .button {
  position: relative;
  z-index: 4;
}
.productCard__small {
  border-radius: 14px;
  margin-right: 16px;
  border-radius: 0;
}
@media (max-width: 991px) {
  .productCard__small {
    border-radius: 0;
    margin-top: 0;
  }
}
.productCard__small .productCard__promotion--label {
  border-radius: 0;
}
.productCard__small .productCard__link {
  border-radius: 0;
}
.productCard__small .productCard__kit--dropdown {
  width: 65% !important;
}
.productCard__small .productCard__thumbnail {
  padding-bottom: 62.8272251309%;
  border-radius: 0;
}
.productCard__small .productCard__content {
  padding: 32px 24px;
  border-radius: 0;
}
.productCard__small .productCard__kit .select2-container.select2 {
  width: 100% !important;
  text-align: left;
}
.productCard__small .productCard__price {
  margin-top: 16px;
}
@media (max-width: 991px) {
  .productCard__small .productCard__price {
    margin-top: 16px;
  }
}
.productCard__small .productCard__price--inner {
  font-weight: 600;
  color: #939393;
}
.productCard__small .productCard__price--inner sup {
  font-size: 11px;
  font-weight: 600;
  margin-right: 4px;
}
@media (max-width: 991px) {
  .productCard__small .productCard__label--body {
    padding-bottom: 16px;
  }
}
.productCard__small .productCard__color--button {
  width: 22px;
  height: 22px;
}
@media (max-width: 991px) {
  .productCard__small .productCard__color--button {
    width: 20px;
    height: 20px;
    padding-top: 1px;
  }
}
.productCard__small .productCard__color--item {
  width: 18px;
  height: 18px;
}
@media (max-width: 991px) {
  .productCard__small .productCard__color--item {
    width: 16px;
    height: 16px;
  }
}

.section__gray .productCard {
  background-color: #ffffff;
}
.section__gray .productCard__kit .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 1px solid #939393;
}
.section__gray .productCard__kit .select2-container .form-select__selection .select2-selection__rendered {
  background-color: transparent;
}

.section__dark .productCard {
  background-color: #262626;
}
.section__dark .productCard .productCard__color--item {
  border-color: #939393;
}
.section__dark .productCard__thumbnail {
  background-color: #383838;
}
.section__dark .productCard__title a {
  color: #ffffff;
}
.section__dark .productCard__title a:hover {
  color: #e41920;
}
.section__dark .productCard__price--inner {
  color: #939393;
}
.section__dark .productCard__price--inclusive {
  color: #757575;
}
.section__dark .productCard__listing {
  border-top: 1px solid #383838;
}
.section__dark .productCard__listing li {
  border-bottom: 1px solid #383838;
  color: #939393;
}
.section__dark .productCard__kit .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #939393;
}

.prodCategoriesCard {
  position: relative;
}

.solutionCardFullwidth {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  overflow: hidden;
  border-radius: 20px;
  color: #DBDBDB;
  padding-top: 42.5%;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .solutionCardFullwidth {
    padding-top: 85.6020942408%;
  }
}
.solutionCardFullwidth::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(270deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%);
}
@media (max-width: 991px) {
  .solutionCardFullwidth::before {
    background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%);
  }
}
.solutionCardFullwidth__link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.solutionCardFullwidth .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media (max-width: 991px) {
  .solutionCardFullwidth .container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
}
.solutionCardFullwidth__title {
  color: #ffffff;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .solutionCardFullwidth__title {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  .solutionCardFullwidth__content {
    padding: 0 12px;
  }
}
.solutionCardFullwidth__action {
  position: relative;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .solutionCardFullwidth__action {
    padding: 32px 12px 48px 12px;
    margin-top: 0;
  }
}
.solutionCardFullwidth__action a {
  position: relative;
  z-index: 5;
}

.solutionTwoCard {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  overflow: hidden;
  border-radius: 20px;
  color: #DBDBDB;
  padding-top: 85.6020942408%;
}
@media (max-width: 991px) {
  .solutionTwoCard {
    margin-bottom: 12px;
  }
}
.solutionTwoCard::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 92%);
}
.solutionTwoCard__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.solutionTwoCard__main {
  position: absolute;
  padding: 64px;
  left: 0;
  bottom: 32px;
  z-index: 3;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .solutionTwoCard__main {
    padding: 32px;
    bottom: 16px;
  }
}
@media (max-width: 991px) {
  .solutionTwoCard__main {
    position: relative;
    bottom: auto;
    padding: 0 32px 48px 32px;
  }
}
.solutionTwoCard__main p {
  margin-bottom: 0;
}
.solutionTwoCard__title {
  color: #ffffff;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .solutionTwoCard__title {
    margin-bottom: 24px;
  }
}
.solutionTwoCard__content {
  width: 60%;
  z-index: 3;
}
@media (max-width: 991px) {
  .solutionTwoCard__content {
    width: 100%;
  }
}
.solutionTwoCard__action {
  position: relative;
  z-index: 4;
  pointer-events: none;
  margin-top: 40px;
}
@media (max-width: 991px) {
  .solutionTwoCard__action {
    margin-top: 32px;
  }
}
.solutionTwoCard__action a {
  position: relative;
  z-index: 5;
  pointer-events: auto;
}

.articleCard {
  position: relative;
  background-color: #F3F4F6;
  border: 1px solid #E8E9EB;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.articleCard__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.articleCard__thumbnail {
  position: relative;
  background-color: #939393;
  background-repeat: no-repeat;
  background-position-y: 0;
  background-size: cover;
  padding-bottom: 70.1754385965%;
  overflow: hidden;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .articleCard__thumbnail {
    margin-bottom: 32px;
  }
}
.articleCard__content {
  position: relative;
  padding: 0 32px;
}
@media (min-width: 1400px) {
  .articleCard__content {
    padding: 0 40px;
  }
}
@media (max-width: 991px) {
  .articleCard__content {
    padding: 0 24px;
  }
}
.articleCard__company {
  margin-bottom: 32px;
  color: #757575;
}
@media (max-width: 991px) {
  .articleCard__company {
    margin-bottom: 24px;
  }
}
.articleCard__label {
  display: block;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .articleCard__label {
    margin-bottom: 16px;
  }
}
.articleCard__label--category {
  position: relative;
  display: inline-block;
  color: #757575;
  padding-right: 9px;
  margin-right: 6px;
  margin-bottom: 4px;
  z-index: 3;
}
.articleCard__label--category a {
  color: #757575;
}
.articleCard__label--category a:hover {
  text-decoration: none;
  color: #e41920;
}
.articleCard__label--category::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #757575;
  width: 1px;
  height: 14px;
  top: 5px;
  right: 0;
}
.articleCard__label--category:last-child {
  padding-right: 0;
  margin-right: 0;
}
.articleCard__label--category:last-child::after {
  display: none;
}
.articleCard__label--date {
  position: relative;
  color: #757575;
}
.articleCard__title {
  transition: all 0.3s ease-in-out;
  margin-bottom: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 64px;
  overflow: hidden;
}
@media (min-width: 1400px) {
  .articleCard__title {
    max-height: 68px;
  }
}
@media (max-width: 991px) {
  .articleCard__title {
    max-height: 58px;
    overflow: hidden;
    margin-bottom: 16px;
  }
}
.articleCard__title a {
  position: relative;
  z-index: 3;
  color: #000000;
}
.articleCard__title a:hover {
  text-decoration: none;
  color: #e41920;
}
.articleCard__action {
  position: relative;
  width: 100%;
  padding: 32px;
  padding-top: 32px;
  left: 0;
  bottom: 0;
}
.articleCard__action a {
  position: relative;
  z-index: 3;
}
@media (min-width: 1400px) {
  .articleCard__action {
    padding: 40px;
  }
}
@media (max-width: 991px) {
  .articleCard__action {
    padding: 16px 24px 32px 24px;
  }
}

.section__gray .articleCard {
  background-color: #ffffff;
  border-color: #E8E9EB;
}

.section__dark .articleCard {
  background-color: #262626;
  border-color: #383838;
}
.section__dark .articleCard .articleCard__label--date {
  color: #939393;
}
.section__dark .articleCard .articleCard__title {
  color: #ffffff;
}
.section__dark .articleCard .articleCard__title a {
  color: #ffffff;
}
.section__dark .articleCard .articleCard__title a:hover {
  color: #e41920;
}
.section__dark .articleCard .articleCard__label--category {
  color: #939393;
}
.section__dark .articleCard .articleCard__label--category:hover {
  text-decoration: none;
  color: #e41920;
}
.section__dark .articleCard .articleCard__label--category a {
  color: #939393;
}
.section__dark .articleCard .articleCard__label--category a:hover {
  text-decoration: none;
  color: #e41920;
}

.eventCard {
  position: relative;
  background-color: #F3F4F6;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.eventCard__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.eventCard__address {
  color: #757575;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .eventCard__address {
    margin-bottom: 12px;
  }
}
.eventCard__location {
  position: absolute;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 8px 12px;
  top: 24px;
  right: 24px;
  color: #000000;
  z-index: 2;
}
.eventCard__location span {
  position: relative;
  color: #e41920;
  margin-right: 2px;
  top: 1.5px;
}
.eventCard__thumbnail {
  position: relative;
  background-color: #939393;
  background-repeat: no-repeat;
  background-position-y: 0;
  background-size: cover;
  overflow: hidden;
  margin-bottom: 32px;
  align-content: center;
  max-height: 255px;
}
@media (min-width: 1600px) {
  .eventCard__thumbnail {
    max-height: 292px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventCard__thumbnail {
    max-height: 320px;
  }
}
@media (max-width: 991px) {
  .eventCard__thumbnail {
    margin-bottom: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventCard__thumbnail {
    max-height: 228px;
  }
}
@media (max-width: 767px) {
  .eventCard__thumbnail {
    max-height: none;
  }
}
.eventCard__thumbnail--image {
  position: relative;
  z-index: 1;
}
.eventCard__thumbnail::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  backdrop-filter: blur(10px);
  top: 0;
  left: 0;
}
.eventCard__content {
  position: relative;
  padding: 0 40px;
}
@media (max-width: 991px) {
  .eventCard__content {
    padding: 0 32px;
  }
}
.eventCard__label {
  display: block;
  margin-bottom: 16px;
}
.eventCard__label--category {
  position: relative;
  display: inline-block;
  color: #757575;
  padding-right: 9px;
  margin-right: 6px;
  margin-bottom: 4px;
}
.eventCard__label--category a {
  color: #757575;
}
.eventCard__label--category a:hover {
  text-decoration: none;
  color: #e41920;
}
.eventCard__label--category::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #757575;
  width: 1px;
  height: 14px;
  top: 5px;
  right: 0;
}
.eventCard__label--category:last-child {
  padding-right: 0;
  margin-right: 0;
}
.eventCard__label--category:last-child::after {
  display: none;
}
.eventCard__label--date {
  position: relative;
  color: #757575;
}
.eventCard__title {
  transition: all 0.3s ease-in-out;
  margin-bottom: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 64px;
  overflow: hidden;
}
@media (min-width: 1400px) {
  .eventCard__title {
    max-height: 68px;
  }
}
@media (max-width: 991px) {
  .eventCard__title {
    max-height: 58px;
    overflow: hidden;
    margin-bottom: 16px;
  }
}
.eventCard__title a {
  color: #000000;
  position: relative;
  z-index: 3;
}
.eventCard__title a:hover {
  text-decoration: none;
  color: #e41920;
}
.eventCard__action {
  position: relative;
  width: 100%;
  padding: 24px 40px;
  margin-top: 32px;
  border-top: 1px solid #DBDBDB;
  left: 0;
  bottom: 0;
}
@media (max-width: 991px) {
  .eventCard__action {
    padding: 24px 32px;
  }
}
.eventCard__action a {
  position: relative;
  z-index: 3;
}
.eventCard__price--label {
  color: #757575;
  margin-bottom: 4px;
}
.eventCard__price--item {
  position: relative;
}

.section__gray .eventCard {
  background-color: #ffffff;
}

.section__dark .eventCard {
  background-color: #262626;
}
.section__dark .eventCard .eventCard__label--date {
  color: #939393;
}
.section__dark .eventCard .eventCard__title {
  color: #ffffff;
}
.section__dark .eventCard .eventCard__title a {
  color: #ffffff;
}
.section__dark .eventCard .eventCard__title a:hover {
  color: #e41920;
}
.section__dark .eventCard .eventCard__label--category {
  color: #939393;
}
.section__dark .eventCard .eventCard__label--category a {
  color: #939393;
}
.section__dark .eventCard .eventCard__label--category a:hover {
  text-decoration: none;
  color: #e41920;
}
.section__dark .eventCard .eventCard__action {
  border-color: #383838;
}
.section__dark .eventCard .eventCard__address {
  color: #939393;
}
.section__dark .eventCard .eventCard__price--label {
  color: #939393;
}
.section__dark .eventCard .eventCard__price--item {
  color: #ffffff;
}

.quickLinkCard {
  position: relative;
  margin-top: 8px;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .quickLinkCard {
    margin-top: 6px;
    margin-bottom: 6px;
  }
}
.quickLinkCard:hover .quickLinkCard__title {
  color: #e41920;
}
.quickLinkCard__body {
  position: relative;
  background-color: #F3F4F6;
  padding: 12px;
  border-radius: 6px;
  min-height: 104px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .quickLinkCard__body {
    min-height: 64px;
  }
}
@media (max-width: 991px) {
  .quickLinkCard__body {
    min-height: 84px;
  }
}
.quickLinkCard__target {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.quickLinkCard__image {
  width: 80px;
  height: auto;
  margin-right: 16px;
  border-radius: 6px;
  align-self: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .quickLinkCard__image {
    width: 40px;
  }
}
@media (max-width: 991px) {
  .quickLinkCard__image {
    width: 60px;
  }
}
.quickLinkCard__title {
  margin-bottom: 0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .quickLinkCard__title {
    font-size: 14px;
    line-height: normal;
  }
}

.section__gray .quickLinkCard__body {
  background-color: #ffffff;
}

.section__dark .quickLinkCard__body {
  background-color: #262626;
}

.sellingPointCard {
  background-color: #F3F4F6;
  border-radius: 10px;
  padding: 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sellingPointCard {
    padding: 32px;
  }
}
.sellingPointCard__icon {
  display: inline-block;
  font-size: 48px;
  line-height: 48px;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .sellingPointCard__icon {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 16px;
  }
}
.sellingPointCard small,
.sellingPointCard .footnote {
  display: block;
  line-height: 26px;
  margin-top: 24px;
}
@media (max-width: 991px) {
  .sellingPointCard small,
  .sellingPointCard .footnote {
    margin-top: 16px;
    line-height: 24px;
  }
}
.sellingPointCard p:has(small) {
  line-height: 26px;
}
@media (max-width: 991px) {
  .sellingPointCard p:has(small) {
    line-height: 24px;
  }
}

.section__gray .sellingPointCard {
  background-color: #ffffff;
}

.section__dark .sellingPointCard {
  background-color: #262626;
}
.section__dark .sellingPointCard .sellingPointCard__icon {
  color: #ffffff;
}

.promotionCard {
  background-color: #F3F4F6;
  border-radius: 16px;
  padding: 32px 24px;
  padding-right: 0;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .promotionCard {
    padding: 24px 16px;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .promotionCard {
    border-radius: 12px;
  }
}
.promotionCard__header {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-right: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #DBDBDB;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .promotionCard__header {
    padding-right: 16px;
    padding-bottom: 16px;
  }
}
.promotionCard__header--link {
  position: absolute;
  display: block;
  width: calc(100% + 24px);
  height: calc(100% + 32px);
  left: -24px;
  top: -32px;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .promotionCard__header--link {
    width: calc(100% + 16px);
    height: calc(100% + 24px);
    left: -16px;
    top: -24px;
  }
}
.promotionCard__header--thumbnail {
  flex: 0 0 auto;
  width: 105px;
  margin-right: 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .promotionCard__header--thumbnail {
    margin-right: 16px;
    width: 65px;
  }
}
@media (max-width: 991px) {
  .promotionCard__header--thumbnail {
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  .promotionCard__header--thumbnail .img-fluid {
    max-width: 70%;
  }
}
.promotionCard__header--content {
  flex: 1;
}
.promotionCard__header--label-new {
  display: inline-block;
  color: #ffffff;
  background-color: #e41920;
  padding: 4px 8px;
  margin-right: 6px;
  border-radius: 5px;
  margin-bottom: 12px;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .promotionCard__header--label-new {
    margin-right: 4px;
  }
}
.promotionCard__header--label-time {
  display: inline-block;
  color: #e41920;
  padding: 4px 8px;
  border: 1px solid #e41920;
  border-radius: 5px;
  margin-bottom: 12px;
}
.promotionCard__header--redemption {
  margin-bottom: 0;
}
.promotionCard__header--title {
  position: relative;
  margin-bottom: 0;
  margin-top: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 68px;
  overflow: hidden;
  z-index: 2;
}
@media (min-width: 1400px) {
  .promotionCard__header--title {
    max-height: 72px;
  }
}
@media (max-width: 991px) {
  .promotionCard__header--title {
    max-height: 58px;
  }
}
.promotionCard__header--title a {
  color: #000000;
}
.promotionCard__header--title a:hover {
  color: #e41920;
  text-decoration: none;
}
.promotionCard__body {
  padding-top: 24px;
  padding-right: 24px;
  color: #757575;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .promotionCard__body {
    padding-top: 16px;
    padding-right: 16px;
  }
}
.promotionCard__body strong {
  color: #000000;
}
.promotionCard__body--content {
  min-height: 140px;
}
.promotionCard__body--action {
  margin-top: 24px;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .promotionCard__body--action {
    margin-top: 16px;
  }
}
.promotionCard__body--action .button__text {
  padding: 0;
}
.promotionCard__footer {
  display: flex;
  flex-wrap: wrap;
  padding-top: 24px;
  padding-right: 24px;
  margin-top: 24px;
  border-top: 1px solid #DBDBDB;
  align-items: center;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .promotionCard__footer {
    padding-top: 16px;
    padding-right: 16px;
    margin-top: 16px;
    row-gap: 16px;
  }
}
.promotionCard__footer--price {
  flex: 1;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .promotionCard__footer--price {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
    text-align: right;
  }
}
.promotionCard__footer--action {
  flex: 0 0 auto;
  max-width: 114px;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .promotionCard__footer--action {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .promotionCard__footer--action .button {
    width: 100%;
  }
}
.promotionCard__footer--terms-conditions .button__text {
  padding: 0;
}
.promotionCard__price {
  display: inline-block;
  text-align: right;
}
.promotionCard__price--item {
  color: #000000;
  font-weight: 600;
}
.promotionCard__price--item sup {
  font-size: 11px;
  line-height: 11px;
  font-weight: 600;
  top: -9px;
  margin-right: 2px;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .promotionCard__price--item sup {
    font-size: 10px;
    line-height: 10px;
  }
}
.promotionCard__price--promo {
  color: #939393;
  margin-top: 4px;
}
.promotionCard__price--inclusive {
  font-size: 11px;
  line-height: 11px;
  color: #939393;
  margin-top: 4px;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .promotionCard__price--inclusive {
    font-size: 10px;
    line-height: 10px;
  }
}

.section__gray .promotionCard {
  background-color: #ffffff;
}

.section__dark .promotionCard {
  background-color: #262626;
}
.section__dark .promotionCard .promotionCard__header--title {
  color: #ffffff;
}
.section__dark .promotionCard .promotionCard__header--title a {
  color: #ffffff;
}
.section__dark .promotionCard .promotionCard__header--title a:hover {
  color: #e41920;
}
.section__dark .promotionCard .promotionCard__price--item {
  color: #ffffff;
}
.section__dark .promotionCard .promotionCard__body {
  color: #939393;
}
.section__dark .promotionCard .promotionCard__body strong {
  color: #ffffff;
}
.section__dark .promotionCard .promotionCard__header--redemption,
.section__dark .promotionCard .promotionCard__price--promo,
.section__dark .promotionCard .promotionCard__price--inclusive {
  color: #939393;
}
.section__dark .promotionCard .promotionCard__header,
.section__dark .promotionCard .promotionCard__footer {
  border-color: #757575;
}

.featuresImageCard__thumbnail {
  position: relative;
  background-color: transparent;
  padding-bottom: 121.2962962963%;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  .featuresImageCard__thumbnail {
    margin-bottom: 32px;
  }
}
.featuresImageCard__thumbnail--landscape, .featuresImageCard__thumbnail--portrait {
  position: absolute;
  max-height: 100%;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.featuresImageCard__thumbnail--landscape {
  height: auto;
  max-height: none;
  max-width: 100%;
}
.featuresImageCard__content {
  color: #757575;
}
.featuresImageCard__content--title a {
  color: #000000;
}
.featuresImageCard__content--title a:hover {
  color: #e41920;
  text-decoration: none;
}

.overviewCard {
  background-color: #F3F4F6;
  border-radius: 20px;
  padding: 64px 64px 32px 64px;
  height: 100%;
}
@media (max-width: 991px) {
  .overviewCard {
    padding: 32px 32px 16px 32px;
    border-radius: 10px;
    margin-bottom: 32px;
    height: auto;
  }
}
.overviewCard__content {
  color: #757575;
}
.overviewCard__content ul {
  padding: 0;
  margin: 0;
  width: calc(100% + 64px);
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .overviewCard__content ul {
    width: calc(100% + 32px);
    margin-bottom: 16px;
  }
}
.overviewCard__content ul li {
  list-style: none;
  width: 100%;
  height: auto;
  padding: 16px 0;
  padding-right: 64px;
  margin: 0;
  border-bottom: 1px solid #DBDBDB;
}
@media (max-width: 991px) {
  .overviewCard__content ul li {
    padding: 8px 0;
    padding-right: 32px;
  }
}
.overviewCard__content ul li:first-child {
  padding-top: 0;
}

.badgeCard__wrapper {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border: 1px solid #DBDBDB;
  border-radius: 14px;
  padding: 32px;
  text-align: center;
}
.badgeCard__img {
  width: auto;
  max-height: 78px;
}

.section__dark .badgeCard__wrapper {
  background-color: #262626;
  border: 1px solid #383838;
}

.segmentationsCard {
  position: relative;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 80%;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .segmentationsCard {
    padding-bottom: 53.7313432836%;
    border-radius: 10px;
  }
}
.segmentationsCard::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0.5;
  top: 0;
  left: 0;
  z-index: 1;
}
.segmentationsCard__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.segmentationsCard__content {
  position: absolute;
  width: 350px;
  height: auto;
  left: 50%;
  bottom: 64px;
  transform: translateX(-50%);
  z-index: 4;
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .segmentationsCard__content {
    bottom: 24px;
  }
}
@media (max-width: 991px) {
  .segmentationsCard__content {
    width: 100%;
    bottom: 32px;
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
  }
}
.segmentationsCard__content--title {
  color: #ffffff;
  margin-bottom: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .segmentationsCard__content--title {
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  .segmentationsCard__content--title {
    margin-bottom: 0;
  }
}
.segmentationsCard__content .button {
  position: relative;
  z-index: 5;
}
@media (max-width: 991px) {
  .segmentationsCard__content .button {
    display: none;
  }
}

.mapCard {
  background-color: #F3F4F6;
  padding: 16px;
  border-radius: 20px;
}
.mapCard__heading {
  color: #757575;
  margin-bottom: 80px;
  text-align: center;
}
@media (max-width: 991px) {
  .mapCard__heading {
    margin-bottom: 40px;
  }
}
.mapCard__title {
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  .mapCard__title {
    margin-bottom: 24px;
  }
}
.mapCard__content {
  color: #757575;
  padding: 80px;
}
@media (max-width: 991px) {
  .mapCard__content {
    padding: 40px;
  }
}
.mapCard__content strong {
  color: #000000;
  font-weight: 400;
}
.mapCard__content table {
  background: none;
  border: none !important;
  color: #000000;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .mapCard__content table {
    margin-bottom: 16px;
  }
}
.mapCard__content table > :not(caption) > * > * {
  background-color: transparent;
}
.mapCard__content table thead tr {
  border-bottom: 1px solid #DBDBDB;
}
.mapCard__content table thead tr th, .mapCard__content table thead tr td {
  color: #000000;
  padding: 20px;
}
@media (max-width: 991px) {
  .mapCard__content table thead tr th, .mapCard__content table thead tr td {
    padding: 10px;
  }
}
.mapCard__content table tbody tr {
  border-bottom: 1px solid #DBDBDB;
}
.mapCard__content table tbody tr td {
  padding: 20px;
  color: #000000;
}
@media (max-width: 991px) {
  .mapCard__content table tbody tr td {
    padding: 10px;
  }
}
.mapCard__content table tbody tr td:first-child {
  padding-left: 0;
}
.mapCard__content table tbody tr td:last-child {
  padding-right: 0;
}
.mapCard__group {
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  .mapCard__group {
    margin-bottom: 24px;
  }
}
.mapCard__group:last-child {
  margin-bottom: 0;
}
.mapCard__group--title {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .mapCard__group--title {
    margin-bottom: 12px;
  }
}
.mapCard__group--contact {
  margin: 0;
  padding: 0;
}
.mapCard__group--contact li {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0 0 8px 0;
  color: #000000;
}
.mapCard__group--contact li:last-child {
  margin-bottom: 0;
}
.mapCard__group--contact li a {
  word-break: break-all;
}
.mapCard__group--contact li a.button {
  word-break: normal;
}
.mapCard__group--icon {
  margin-right: 8px;
}
.mapCard__media--address {
  margin-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .mapCard__media--address {
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 0;
    margin-top: 20px;
  }
}
.mapCard__iframe {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 540px;
  border-radius: 14px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .mapCard__iframe {
    min-height: 270px;
  }
}
.mapCard__iframe iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.solutionsCard {
  background-color: #F3F4F6;
  border-radius: 10px;
  padding: 48px 0 48px 32px;
}
.solutionsCard__link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.solutionsCard__image {
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 32px;
  height: 110px;
}
.solutionsCard__image--fluid {
  width: auto;
  max-height: 100%;
}
.solutionsCard__content {
  padding-top: 32px;
  padding-right: 48px;
}
.solutionsCard__tags {
  color: #757575;
  margin-bottom: 16px;
}
.solutionsCard__title a {
  color: #000000;
  position: relative;
  z-index: 3;
}
.solutionsCard__title a:hover {
  color: #e41920;
  text-decoration: none;
}
.solutionsCard__action .button {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  z-index: 4;
}

.section__gray .solutionsCard {
  background-color: #ffffff;
}

.section__dark .solutionsCard {
  background-color: #262626;
}
.section__dark .solutionsCard__tags {
  color: #939393;
}
.section__dark .solutionsCard__title {
  color: #ffffff;
}
.section__dark .solutionsCard__title a {
  color: #ffffff;
}
.section__dark .solutionsCard__title a:hover {
  color: #e41920;
  text-decoration: none;
}

.regionSelectorCard {
  background-color: #ffffff;
  border-radius: 20px;
  height: 100%;
}
@media (min-width: 1600px) {
  .regionSelectorCard {
    padding: 32px 0 32px 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .regionSelectorCard {
    padding: 27px 0 27px 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .regionSelectorCard {
    padding: 21px 0 21px 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .regionSelectorCard {
    padding: 18px 0 18px 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .regionSelectorCard {
    padding: 16px 0 16px 20px;
  }
}
@media (max-width: 767px) {
  .regionSelectorCard {
    padding: 14px 0 14px 18px;
  }
}
@media (max-width: 991px) {
  .regionSelectorCard {
    border-radius: 10px;
    padding: 16px 0 16px 16px;
  }
}
@media (min-width: 1600px) {
  .regionSelectorCard__title {
    padding-right: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .regionSelectorCard__title {
    padding-right: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .regionSelectorCard__title {
    padding-right: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .regionSelectorCard__title {
    padding-right: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .regionSelectorCard__title {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .regionSelectorCard__title {
    padding-right: 18px;
  }
}
@media (min-width: 1600px) {
  .regionSelectorCard__title {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .regionSelectorCard__title {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .regionSelectorCard__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .regionSelectorCard__title {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .regionSelectorCard__title {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .regionSelectorCard__title {
    margin-bottom: 18px;
  }
}
@media (max-width: 991px) {
  .regionSelectorCard__title {
    padding-right: 16px;
    margin-bottom: 16px;
  }
}
.regionSelectorCard__listing {
  margin: 0;
  padding: 0;
}
.regionSelectorCard__listing li {
  border-top: 1px solid #DBDBDB;
  margin: 0;
  list-style: none;
}
@media (min-width: 1600px) {
  .regionSelectorCard__listing li {
    padding: 16px 40px 16px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .regionSelectorCard__listing li {
    padding: 13px 33px 13px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .regionSelectorCard__listing li {
    padding: 11px 27px 11px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .regionSelectorCard__listing li {
    padding: 9px 22px 9px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .regionSelectorCard__listing li {
    padding: 8px 20px 8px 0;
  }
}
@media (max-width: 767px) {
  .regionSelectorCard__listing li {
    padding: 7px 18px 7px 0;
  }
}
@media (max-width: 991px) {
  .regionSelectorCard__listing li {
    padding: 12px 16px 12px 0;
  }
}
.regionSelectorCard__listing li:last-child {
  padding-bottom: 0;
}
.regionSelectorCard__listing li a {
  color: #000000;
}
.regionSelectorCard__listing li a:hover {
  color: #e41920;
  text-decoration: none;
}

.featuredArticleCard {
  position: relative;
  background-color: transparent;
  background-position-y: 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 48.7160120846%;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .featuredArticleCard {
    border-radius: 10px 10px 0 0;
    background-size: 100% auto;
  }
}
.featuredArticleCard::before {
  background: #000000;
  background: linear-gradient(270deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
@media (max-width: 991px) {
  .featuredArticleCard::before {
    height: auto;
    padding-top: 48.7160120846%;
  }
}
.featuredArticleCard__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  pointer-events: auto;
}
.featuredArticleCard__body {
  position: absolute;
  width: 100%;
  height: 100%;
  align-content: center;
  z-index: 4;
  top: 0;
  right: 0;
  pointer-events: none;
}
@media (max-width: 991px) {
  .featuredArticleCard__body {
    position: relative;
    background-color: #ffffff;
    height: auto;
    align-content: normal;
    top: auto;
    right: auto;
    border-radius: 0 0 10px 10px;
  }
}
.featuredArticleCard__row {
  margin: 0;
}
.featuredArticleCard__column {
  padding: 0;
}
.featuredArticleCard__content {
  position: relative;
  z-index: 2;
  color: #ffffff;
  padding: 0 64px 0 80px;
  pointer-events: none;
}
@media (max-width: 991px) {
  .featuredArticleCard__content {
    color: #757575;
    padding: 32px 24px;
  }
}
@media (min-width: 1600px) {
  .featuredArticleCard__content--date {
    margin-bottom: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .featuredArticleCard__content--date {
    margin-bottom: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .featuredArticleCard__content--date {
    margin-bottom: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featuredArticleCard__content--date {
    margin-bottom: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .featuredArticleCard__content--date {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .featuredArticleCard__content--date {
    margin-bottom: 7px;
  }
}
@media (max-width: 991px) {
  .featuredArticleCard__content--date {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 16px;
  }
}
.featuredArticleCard__content--title {
  color: #ffffff;
  margin-bottom: 0;
  pointer-events: auto;
  position: relative;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 86px;
  overflow: hidden;
}
@media (min-width: 1400px) {
  .featuredArticleCard__content--title {
    max-height: 106px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featuredArticleCard__content--title {
    max-height: 86px;
  }
}
@media (max-width: 991px) {
  .featuredArticleCard__content--title {
    max-height: 75px;
    color: #000000;
  }
}
.featuredArticleCard__content--title a {
  color: #ffffff;
}
@media (max-width: 991px) {
  .featuredArticleCard__content--title a {
    color: #000000;
  }
}
.featuredArticleCard__content--title a:hover {
  text-decoration: none;
  color: #e41920;
}
@media (min-width: 1600px) {
  .featuredArticleCard__content--tags {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .featuredArticleCard__content--tags {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .featuredArticleCard__content--tags {
    margin-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featuredArticleCard__content--tags {
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .featuredArticleCard__content--tags {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .featuredArticleCard__content--tags {
    margin-top: 11px;
  }
}
@media (max-width: 991px) {
  .featuredArticleCard__content--tags {
    margin-top: 16px;
  }
}
.featuredArticleCard__content--tags-item {
  position: relative;
  display: inline-block;
  color: #ffffff;
  padding-right: 9px;
  margin-right: 6px;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .featuredArticleCard__content--tags-item {
    color: #757575;
  }
}
.featuredArticleCard__content--tags-item a {
  color: #ffffff;
}
.featuredArticleCard__content--tags-item a:hover {
  text-decoration: none;
  color: #e41920;
}
.featuredArticleCard__content--tags-item::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #ffffff;
  width: 1px;
  height: 14px;
  top: 5px;
  right: 0;
}
@media (max-width: 991px) {
  .featuredArticleCard__content--tags-item::after {
    background-color: #757575;
  }
}
.featuredArticleCard__content--tags-item:last-child {
  padding-right: 0;
  margin-right: 0;
}
.featuredArticleCard__content--tags-item:last-child::after {
  display: none;
}
@media (min-width: 1600px) {
  .featuredArticleCard__content--action {
    margin-top: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .featuredArticleCard__content--action {
    margin-top: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .featuredArticleCard__content--action {
    margin-top: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featuredArticleCard__content--action {
    margin-top: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .featuredArticleCard__content--action {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .featuredArticleCard__content--action {
    margin-top: 18px;
  }
}
@media (max-width: 991px) {
  .featuredArticleCard__content--action {
    margin-top: 32px;
  }
}
@media (max-width: 991px) {
  .featuredArticleCard__content--action .button__outline--white {
    border: 1px solid #000000;
    color: #000000;
  }
}
@media (max-width: 991px) {
  .featuredArticleCard__content--action .button__outline--white:hover {
    border: 1px solid #e41920;
    color: #e41920;
  }
}
.featuredArticleCard__content--action a {
  pointer-events: auto;
  position: relative;
  z-index: 5;
}

.peopleCard {
  position: relative;
  background-color: #F3F4F6;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.peopleCard__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.peopleCard__thumbnail {
  position: relative;
  background-color: #939393;
  background-repeat: no-repeat;
  background-position-y: 0;
  background-size: cover;
  padding-bottom: 62.1176470588%;
  overflow: hidden;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .peopleCard__thumbnail {
    margin-bottom: 32px;
  }
}
.peopleCard__content {
  position: relative;
  padding: 0 40px;
}
@media (max-width: 991px) {
  .peopleCard__content {
    padding: 0 32px;
  }
}
.peopleCard__title {
  transition: all 0.3s ease-in-out;
  margin-bottom: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  max-height: 82px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .peopleCard__title {
    overflow: hidden;
    margin-bottom: 32px;
  }
}
.peopleCard__title a {
  color: #000000;
}
.peopleCard__title a:hover {
  text-decoration: none;
  color: #e41920;
}

.section__gray .peopleCard {
  background-color: #ffffff;
}

.section__dark .peopleCard {
  background-color: #262626;
}
.section__dark .peopleCard .peopleCard__title {
  color: #ffffff;
}
.section__dark .peopleCard .peopleCard__title a {
  color: #ffffff;
}
.section__dark .peopleCard .peopleCard__title a:hover {
  color: #e41920;
}

.searchResultsCard {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  background-color: #F3F4F6;
  padding: 16px;
  overflow: hidden;
  border-radius: 16px;
  height: 100%;
}
@media (max-width: 991px) {
  .searchResultsCard {
    padding: 12px;
    border-radius: 10px;
  }
}
.searchResultsCard__link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.searchResultsCard__thumbnail {
  position: relative;
  background-color: #E8E9EB;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 0 0 auto;
  width: 50%;
  min-height: 387px;
  max-width: 50%;
  border-radius: 14px;
}
@media (min-width: 1600px) {
  .searchResultsCard__thumbnail {
    min-height: 443px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .searchResultsCard__thumbnail {
    min-height: 317px;
  }
}
@media (max-width: 991px) {
  .searchResultsCard__thumbnail {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
    min-height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .searchResultsCard__thumbnail {
    min-height: 460px;
  }
}
@media (max-width: 767px) {
  .searchResultsCard__thumbnail {
    min-height: 218px;
  }
}
.searchResultsCard__thumbnail--image {
  width: 100%;
  height: auto;
  opacity: 0;
}
.searchResultsCard__thumbnail--product {
  position: absolute;
  max-width: 50%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.searchResultsCard__content {
  flex: 0 0 auto;
  width: 50%;
  max-width: 50%;
  height: 100%;
  align-self: center;
}
@media (min-width: 1600px) {
  .searchResultsCard__content {
    padding: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .searchResultsCard__content {
    padding: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .searchResultsCard__content {
    padding: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .searchResultsCard__content {
    padding: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .searchResultsCard__content {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .searchResultsCard__content {
    padding: 22px;
  }
}
@media (max-width: 991px) {
  .searchResultsCard__content {
    padding: 24px 12px;
    width: 100%;
    max-width: 100%;
  }
}
.searchResultsCard__content--label {
  display: flex;
  margin-bottom: 24px;
  gap: 16px;
  align-items: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .searchResultsCard__content--label {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .searchResultsCard__content--label {
    margin-bottom: 12px;
    gap: 8px;
  }
}
.searchResultsCard__content--label-tag {
  display: block;
  flex: 0 0 auto;
  border: 1px solid #757575;
  padding: 8px 12px;
  border-radius: 5px;
  color: #757575;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .searchResultsCard__content--label-tag {
    font-size: 10px;
    line-height: normal;
    padding: 6px 12px;
  }
}
.searchResultsCard__content--label-date {
  display: block;
  flex: 0 0 auto;
  color: #757575;
}
.searchResultsCard__content--title {
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 65px;
  overflow: hidden;
  margin-bottom: 24px;
}
@media (min-width: 1400px) {
  .searchResultsCard__content--title {
    max-height: 69px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .searchResultsCard__content--title {
    max-height: 65px;
  }
}
@media (max-width: 991px) {
  .searchResultsCard__content--title {
    max-height: 57px;
    margin-bottom: 16px;
  }
}
.searchResultsCard__content--title a {
  position: relative;
  z-index: 3;
  color: #000000;
}
.searchResultsCard__content--title a:hover {
  text-decoration: none;
  color: #e41920;
}
.searchResultsCard__content--desc {
  color: #757575;
}
.searchResultsCard__content--desc p {
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  max-height: 84px;
  overflow: hidden;
}
@media (min-width: 1400px) {
  .searchResultsCard__content--desc p {
    max-height: 84px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .searchResultsCard__content--desc p {
    -webkit-line-clamp: 2;
    max-height: 52px;
  }
}
@media (max-width: 991px) {
  .searchResultsCard__content--desc p {
    max-height: 78px;
  }
}
.searchResultsCard__content--action {
  margin-top: 32px;
}
@media (max-width: 991px) {
  .searchResultsCard__content--action {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .searchResultsCard__content--action {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
}
.searchResultsCard__content--action-popup {
  margin-left: 12px;
}
@media (max-width: 767px) {
  .searchResultsCard__content--action-popup {
    margin-left: 0;
  }
}
.searchResultsCard__content--action .button {
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .searchResultsCard__content--action .button {
    flex: 0 0 auto;
  }
}
.searchResultsCard__content--action .button__text {
  padding: 0;
}

.section__gray .searchResultsCard {
  background-color: #ffffff;
}
.section__gray .searchResultsCard__thumbnail {
  background-color: #F3F4F6;
}

.section__dark .searchResultsCard {
  background-color: #262626;
}
.section__dark .searchResultsCard__thumbnail {
  background-color: #383838;
}

.businessServiceCard {
  background-color: #F3F4F6;
  overflow: hidden;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .businessServiceCard {
    border-radius: 10px;
  }
}
.businessServiceCard__thumbnail {
  position: relative;
  background-color: #E8E9EB;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 48.7058823529%;
}
.businessServiceCard__thumbnail--logo {
  position: absolute;
  background-color: #ffffff;
  width: auto;
  height: 80px;
  border-radius: 10px;
  overflow: hidden;
  top: 16px;
  right: 16px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessServiceCard__thumbnail--logo {
    border-radius: 8px;
    height: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .businessServiceCard__thumbnail--logo {
    border-radius: 8px;
    height: 60px;
  }
}
@media (max-width: 767px) {
  .businessServiceCard__thumbnail--logo {
    border-radius: 6px;
    top: 12px;
    right: 12px;
    height: 40px;
  }
}
.businessServiceCard__thumbnail--logo-img {
  width: auto;
  height: 100%;
}
.businessServiceCard__content {
  padding: 32px 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessServiceCard__content {
    padding: 24px;
  }
}
@media (max-width: 991px) {
  .businessServiceCard__content {
    padding: 24px 20px;
  }
}
@media (min-width: 1400px) {
  .businessServiceCard__content {
    padding: 40px;
  }
}
@media (min-width: 1600px) {
  .businessServiceCard__content--title {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .businessServiceCard__content--title {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .businessServiceCard__content--title {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessServiceCard__content--title {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .businessServiceCard__content--title {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .businessServiceCard__content--title {
    margin-bottom: 14px;
  }
}
@media (min-width: 1600px) {
  .businessServiceCard__content--action {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .businessServiceCard__content--action {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .businessServiceCard__content--action {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessServiceCard__content--action {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .businessServiceCard__content--action {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .businessServiceCard__content--action {
    margin-top: 14px;
  }
}
.businessServiceCard__content--action .button {
  padding: 0;
}

.section__gray .businessServiceCard {
  background-color: #ffffff;
}

.section__dark .businessServiceCard {
  background-color: #262626;
}
.section__dark .businessServiceCard__thumbnail {
  background-color: #383838;
}
.section__dark .businessServiceCard__content {
  color: #939393;
}

.carousel__nav--button {
  background: #ffffff;
  width: 52px;
  height: 52px;
  border: none;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  color: #000000;
  transition: all 0.3s ease-in-out;
}
.carousel__nav--button + .carousel__nav--button {
  margin-left: 6px;
}
.carousel__nav--button:hover {
  background-color: #e41920;
  color: #ffffff;
}
.carousel__nav--button.swiper-button-disabled {
  opacity: 0.3;
}
.carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
  color: #000000;
}

.carousel-dots {
  background-color: #ffffff;
  display: flex;
  height: 52px;
  padding: 0 28px;
  margin: 0 8px;
  border-radius: 120px;
}
.carousel-dots .swiper-pagination-bullet {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  border-radius: 50%;
  align-self: center;
  margin: 0 4px;
}
.carousel-dots .swiper-pagination-bullet::before {
  position: absolute;
  content: "";
  background-color: #757575;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.carousel-dots .swiper-pagination-bullet:hover::before {
  background-color: #e41920;
}
.carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #000000;
}
.carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #e41920;
}

.listingHead {
  position: relative;
  padding-bottom: 24px;
  border-bottom: 1px solid #000000;
}
@media (max-width: 991px) {
  .listingHead {
    margin-bottom: 16px;
  }
}
.listingHead__row {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .listingHead__title {
    font-size: 20px;
    line-height: normal;
  }
}
.listingHead__sort--label {
  display: inline-block;
  margin-right: 8px;
}
@media (max-width: 991px) {
  .listingHead__sort--column {
    width: 100%;
    display: none;
  }
}
.listingHead__mobile {
  display: none;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .listingHead__mobile {
    display: flex;
  }
}
.listingHead__mobile--filter {
  flex: 0 0 auto;
  position: relative;
  background-color: transparent;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
  font-size: 24px;
  line-height: 24px;
  width: 58px;
  height: 52px;
  margin-left: 8px;
}
.listingHead__mobile--filter--number {
  background-color: #e41920;
  position: absolute;
  width: 14px;
  height: 14px;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  line-height: 13px;
  overflow: hidden;
  right: 8px;
  top: 7px;
}
.listingHead__mobile--dropdown-button {
  background-color: #F3F4F6;
  width: 100%;
  text-align: left;
  border: none;
  height: 52px;
  padding: 0 48px 0 24px;
  border-radius: 10px;
}
.listingHead__mobile--dropdown-button::before {
  position: relative;
  font-family: "canonIcon" !important;
  content: "\eb5f";
  font-size: 20px;
  line-height: 20px;
  top: 3px;
  margin-right: 12px;
}
.listingHead__mobile--dropdown-button::after {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec5b";
  right: 24px;
  top: 18px;
}
.listingHead__mobile--dropdown-button.show::after {
  content: "\ec6c";
}
.listingHead__mobile--dropdown-menu {
  background-color: #F3F4F6;
  padding: 0;
  width: 100%;
  border: none;
  border-radius: 10px;
  z-index: 12;
}
.listingHead__mobile--dropdown-item {
  padding: 16px 24px;
  border-bottom: 1px solid #DBDBDB;
  word-break: break-all;
  overflow: hidden;
  cursor: pointer;
}
.listingHead__mobile--dropdown-item.active {
  color: #939393;
  cursor: default;
}
.listingHead__mobile--dropdown-item:last-child {
  border-bottom: none;
}
.listingHead__mobile--dropdown-link {
  color: #000000;
}
.listingHead__mobile--dropdown-link.active {
  color: #939393;
  cursor: default;
}

.popupCompare {
  position: fixed;
  background-color: rgba(26, 26, 26, 0.9);
  width: calc(100% - 32px);
  border-radius: 10px;
  padding: 16px;
  left: 16px;
  bottom: 16px;
  z-index: 99;
  color: #ffffff;
  backdrop-filter: blur(10px);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .popupCompare {
    padding: 16px;
  }
}
@media (min-width: 1600px) {
  .popupCompare {
    padding: 16px 32px;
    width: calc(100% - 64px);
    left: 32px;
  }
}
@media (max-width: 991px) {
  .popupCompare {
    width: 100%;
    border-radius: 0;
    left: 0;
    bottom: 0;
    padding: 16px;
  }
}
.popupCompare__row {
  display: flex;
}
@media (max-width: 991px) {
  .popupCompare__row {
    display: block;
  }
}
.popupCompare__heading {
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .popupCompare__heading {
    width: 100%;
  }
}
.popupCompare__heading--title {
  margin-bottom: 0;
  color: #ffffff;
}
@media (min-width: 1600px) {
  .popupCompare__heading--title {
    font-size: 22px;
    line-height: 28px;
  }
}
.popupCompare__heading--label {
  color: #939393;
}
@media (max-width: 991px) {
  .popupCompare__heading--label {
    margin-top: 4px;
  }
}
@media (min-width: 1600px) {
  .popupCompare__heading--label {
    font-size: 18px;
    line-height: 24px;
  }
}
.popupCompare__heading::after {
  display: none;
}
@media (max-width: 991px) {
  .popupCompare__heading::after {
    font-family: "canonIcon" !important;
    content: "\ec5b";
    position: absolute;
    display: block;
    top: 32px;
    right: 16px;
  }
}
.popupCompare__heading.collapsed::after {
  content: "\ec6c";
}
.popupCompare__thumbnails {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 auto;
  padding: 0 16px 0 32px;
  min-height: 60px;
}
@media (max-width: 991px) {
  .popupCompare__thumbnails {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .popupCompare__thumbnails {
    padding: 0 16px 0 32px;
  }
}
@media (min-width: 1600px) {
  .popupCompare__thumbnails {
    min-height: 72px;
    padding: 0 32px 0 32px;
  }
}
.popupCompare__thumbnails--desktop {
  display: flex;
}
@media (max-width: 991px) {
  .popupCompare__thumbnails--desktop {
    display: none;
  }
}
.popupCompare__thumbnails--column {
  padding-left: 96px;
  padding-right: 16px;
  position: relative;
  flex: 0 0 auto;
  width: 33.33333333%;
}
@media (max-width: 991px) {
  .popupCompare__thumbnails--column {
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .popupCompare__thumbnails--column {
    padding-left: 8px;
    padding-right: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .popupCompare__thumbnails--column {
    padding-left: 0;
  }
}
@media (min-width: 1600px) {
  .popupCompare__thumbnails--column {
    padding-left: 110px;
    padding-right: 32px;
    width: 33.33333333%;
  }
}
@media (min-width: 1800px) {
  .popupCompare__thumbnails--column {
    width: 25%;
  }
}
.popupCompare__thumbnails--close {
  position: relative;
  background: none;
  border: none;
  width: 22px;
  height: 16px;
  padding: 0;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .popupCompare__thumbnails--close {
    position: absolute;
    background-color: #F3F4F6;
    color: #000000;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-bottom: 0;
    top: 6px;
    left: 12px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .popupCompare__thumbnails--close {
    top: 12px;
    left: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .popupCompare__thumbnails--close {
    position: absolute;
    background-color: #F3F4F6;
    color: #000000;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-bottom: 0;
    top: 2px;
    left: 4px;
  }
}
.popupCompare__thumbnails--close::before, .popupCompare__thumbnails--close::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #ffffff;
  width: 12px;
  height: 1px;
  border-radius: 2px;
  top: 9px;
  left: 5px;
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .popupCompare__thumbnails--close::before, .popupCompare__thumbnails--close::after {
    width: 8px;
    height: 1px;
    background-color: #000000;
  }
}
@media (max-width: 991px) {
  .popupCompare__thumbnails--close::before, .popupCompare__thumbnails--close::after {
    width: 8px;
    height: 1px;
    background-color: #000000;
  }
}
.popupCompare__thumbnails--close::after {
  transform: rotate(-45deg);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .popupCompare__thumbnails--close:hover {
    background-color: #e41920;
  }
}
@media (max-width: 991px) {
  .popupCompare__thumbnails--close:hover {
    background-color: #e41920;
  }
}
.popupCompare__thumbnails--close:hover::before, .popupCompare__thumbnails--close:hover::after {
  background-color: #e41920;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .popupCompare__thumbnails--close:hover::before, .popupCompare__thumbnails--close:hover::after {
    background-color: #ffffff;
  }
}
@media (max-width: 991px) {
  .popupCompare__thumbnails--close:hover::before, .popupCompare__thumbnails--close:hover::after {
    background-color: #ffffff;
  }
}
.popupCompare__thumbnails--title {
  color: #ffffff;
  margin: 0;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 34px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .popupCompare__thumbnails--title {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    max-height: 16px;
    overflow: hidden;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .popupCompare__thumbnails--title {
    font-size: 14px;
    line-height: normal;
  }
}
.popupCompare__thumbnails--thumb {
  position: absolute;
  background-color: #ffffff;
  border-radius: 4px;
  width: 80px;
  height: 60px;
  left: 0;
  top: 0;
}
@media (max-width: 991px) {
  .popupCompare__thumbnails--thumb {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 75.4716981132%;
    margin-bottom: 8px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .popupCompare__thumbnails--thumb {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .popupCompare__thumbnails--thumb {
    position: relative;
    margin-bottom: 8px;
  }
}
@media (min-width: 1600px) {
  .popupCompare__thumbnails--thumb {
    width: 98px;
    height: 72px;
  }
}
.popupCompare__thumbnails--img {
  position: absolute;
  max-width: 60%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .popupCompare__thumbnails--img {
    max-width: 50%;
  }
}
.popupCompare__action {
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .popupCompare__action {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
  }
}
.popupCompare__action--desktop {
  display: block;
}
@media (max-width: 991px) {
  .popupCompare__action--desktop {
    display: none;
  }
}
@media (max-width: 991px) {
  .popupCompare__action .button {
    flex: 0 0 auto;
    max-width: calc(50% - 8px);
    width: calc(50% - 8px);
    margin-right: 4px;
  }
}
.popupCompare__action .button + .button {
  margin-left: 8px;
}
@media (max-width: 991px) {
  .popupCompare__action .button + .button {
    margin-right: 4px;
    margin-left: 4px;
  }
}
@media (max-width: 991px) {
  .popupCompare__action {
    border-top: 1px solid #383838;
    padding-top: 24px;
    margin-top: 24px;
  }
}
.popupCompare__mobile {
  display: none;
}
@media (max-width: 991px) {
  .popupCompare__mobile {
    display: block;
  }
}

.informationModal__content.modal-content {
  padding: 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .informationModal__content:has(.informationModal__thumbnail > *) .informationModal__close {
    top: 12px;
    right: 16px;
  }
}
@media (max-width: 991px) {
  .informationModal__content:not(:has(.informationModal__thumbnail > *)) .informationModal__close {
    top: 16px;
    right: 24px;
  }
}
.informationModal__close.modal-close {
  position: absolute;
  z-index: 2;
  top: 24px;
}
@media (max-width: 991px) {
  .informationModal__close.modal-close {
    top: 12px;
    right: 16px;
  }
}
.informationModal__body.modal-body {
  padding: 0;
}
.informationModal__thumbnail {
  text-align: center;
}
.informationModal__thumbnail:has(*) + .informationModal__container {
  padding-top: 24px;
}
@media (max-width: 991px) {
  .informationModal__thumbnail:has(*) ~ .informationModal__close {
    top: 24px;
    right: 24px;
  }
}
@media (min-width: 1600px) {
  .informationModal__container {
    padding: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .informationModal__container {
    padding: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .informationModal__container {
    padding: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .informationModal__container {
    padding: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .informationModal__container {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .informationModal__container {
    padding: 18px;
  }
}
@media (max-width: 991px) {
  .informationModal__container {
    padding: 24px;
    padding-top: 54px;
  }
}
.informationModal__container--title {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .informationModal__container--body {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .informationModal__container--body {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .informationModal__container--body {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .informationModal__container--body {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .informationModal__container--body {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .informationModal__container--body {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .informationModal__container--body {
    margin-top: 24px;
  }
}
.informationModal__container p {
  margin-bottom: 16px;
}
.informationModal__container p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .informationModal__container--action {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .informationModal__container--action {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .informationModal__container--action {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .informationModal__container--action {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .informationModal__container--action {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .informationModal__container--action {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .informationModal__container--action {
    margin-top: 24px;
  }
}
.informationModal__container--action .button + .button {
  margin-left: 8px;
}

.imageBlock {
  text-align: center;
}
.imageBlock__wrapper {
  display: inline-block;
}
.imageBlock__heading {
  max-width: 100%;
}
@media (min-width: 1600px) {
  .imageBlock__heading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .imageBlock__heading {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .imageBlock__heading {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .imageBlock__heading {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imageBlock__heading {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .imageBlock__heading {
    margin-bottom: 18px;
  }
}
.imageBlock img {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .imageBlock img {
    border-radius: 10px;
  }
}
.imageBlock__caption {
  margin: 0 auto;
  color: #757575;
  max-width: 100%;
}
@media (min-width: 1600px) {
  .imageBlock__caption {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .imageBlock__caption {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .imageBlock__caption {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .imageBlock__caption {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .imageBlock__caption {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .imageBlock__caption {
    margin-top: 14px;
  }
}
.imageBlock.section__dark .imageBlock__caption {
  color: #939393;
}

.share {
  position: relative;
  border-top: 1px solid #DBDBDB;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .share {
    padding-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .share {
    padding-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .share {
    padding-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .share {
    padding-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .share {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .share {
    padding-top: 29px;
  }
}
.share__wrapper {
  display: flex;
  position: relative;
  align-items: center;
}
.share__wrapper.block {
  display: block;
}
.share__wrapper.block .share__label {
  display: block;
  margin-right: 0;
}
@media (min-width: 1600px) {
  .share__wrapper.block .share__label {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .share__wrapper.block .share__label {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .share__wrapper.block .share__label {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .share__wrapper.block .share__label {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .share__wrapper.block .share__label {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .share__wrapper.block .share__label {
    margin-bottom: 14px;
  }
}
@media (max-width: 991px) {
  .share__wrapper.block .share__label {
    margin-bottom: 16px;
  }
}
.share__label {
  line-height: normal;
  margin-right: 32px;
}
@media (max-width: 991px) {
  .share__label {
    margin-right: 16px;
  }
}
.share__link {
  position: relative;
  display: inline-block;
  background-color: #F3F4F6;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  margin-right: 8px;
}
.share__link svg {
  position: absolute;
  width: 20px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.share__link svg path {
  transition: all 0.3s ease-in-out;
}
.share__link:hover svg {
  width: 20px;
  height: 20px;
}
.share__link:hover svg path {
  fill: #e41920;
}
.share__download-pdf {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .share__download-pdf {
    display: block;
  }
}
.share__action {
  align-content: end;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .share__action {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .share__action .button {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .share.spt-24 {
    margin: 48px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .share.spt-24 {
    margin: 40px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .share.spt-24 {
    margin: 32px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .share.spt-24 {
    margin: 27px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .share.spt-24 {
    margin: 24px 0;
  }
}
@media (max-width: 767px) {
  .share.spt-24 {
    margin: 22px 0;
  }
}

.tabsNavIcon__wrapper {
  background-color: #F3F4F6;
  border-radius: 20px;
  padding: 8px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .tabsNavIcon__wrapper {
    display: none;
  }
}
.tabsNavIcon__nav {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  border: none;
}
.tabsNavIcon__nav--item {
  position: relative;
  text-align: center;
  flex: 1 1 auto;
  cursor: pointer;
  width: 170px;
  height: 108px;
  font-size: 14px;
  line-height: normal;
  white-space: normal;
  color: #000000;
  transition: all 0.3s ease;
  cursor: pointer;
  align-content: center;
  border-right: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .tabsNavIcon__nav--item {
    padding: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .tabsNavIcon__nav--item {
    padding: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .tabsNavIcon__nav--item {
    padding: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .tabsNavIcon__nav--item {
    padding: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tabsNavIcon__nav--item {
    padding: 8px;
  }
}
@media (max-width: 767px) {
  .tabsNavIcon__nav--item {
    padding: 7px;
  }
}
@media (min-width: 1400px) {
  .tabsNavIcon__nav--item {
    font-size: 16px;
    line-height: normal;
    width: 190px;
    height: 128px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .tabsNavIcon__nav--item {
    font-size: 14px;
    line-height: normal;
    flex: 1;
  }
}
.tabsNavIcon__nav--item:hover {
  color: #e41920;
}
.tabsNavIcon__nav--item.active {
  background-color: #ffffff;
  border-radius: 10px;
  border-right-color: #ffffff;
  z-index: 2;
}
.tabsNavIcon__nav--item.active:hover {
  color: #000000;
}
.tabsNavIcon__nav--item.active::before {
  position: absolute;
  content: "";
  background-color: #F3F4F6;
  width: 2px;
  height: 100%;
  top: 0;
  left: -2px;
}
.tabsNavIcon__nav--item:only-child, .tabsNavIcon__nav--item:last-child {
  border-right: none;
}
.tabsNavIcon__nav--item-icon {
  display: inline-block;
  font-size: 26px;
  line-height: 26px;
}
@media (min-width: 1600px) {
  .tabsNavIcon__nav--item-icon {
    margin-bottom: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .tabsNavIcon__nav--item-icon {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .tabsNavIcon__nav--item-icon {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .tabsNavIcon__nav--item-icon {
    margin-bottom: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tabsNavIcon__nav--item-icon {
    margin-bottom: 6px;
  }
}
@media (max-width: 767px) {
  .tabsNavIcon__nav--item-icon {
    margin-bottom: 5px;
  }
}
@media (min-width: 1400px) {
  .tabsNavIcon__nav--item-icon {
    font-size: 32px;
    line-height: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .tabsNavIcon__nav--item-icon {
    font-size: 24px;
    line-height: 24px;
  }
}
.tabsNavIcon__dropdown {
  display: block;
}
.tabsNavIcon__dropdown--button {
  position: relative;
  width: 100%;
  background-color: #F3F4F6;
  height: 60px;
  padding-left: 60px;
  padding-right: 60px;
  border: none;
  border-radius: 10px;
  overflow: hidden;
  word-break: break-all;
}
@media (max-width: 991px) {
  .tabsNavIcon__dropdown--button {
    font-size: 16px;
    line-height: normal;
  }
}
.tabsNavIcon__dropdown--button::after {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec5b";
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}
.tabsNavIcon__dropdown--button.show::after {
  content: "\ec6c";
}
.tabsNavIcon__dropdown--button [class^=ci-], .tabsNavIcon__dropdown--button [class*=" ci-"] {
  position: absolute;
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  font-size: 18px;
  line-height: 43px;
  border-radius: 50%;
  overflow: hidden;
  left: 8px;
  top: 8px;
}
.tabsNavIcon__dropdown--button [class^=ci-]::before, .tabsNavIcon__dropdown--button [class*=" ci-"]::before {
  position: relative;
  top: -2px;
}
.tabsNavIcon__dropdown--menu {
  background-color: #F3F4F6;
  padding: 0;
  width: 100%;
  border: none;
  border-radius: 10px;
  z-index: 12;
}
.tabsNavIcon__dropdown--item {
  border-bottom: 1px solid #DBDBDB;
  word-break: break-all;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
}
@media (min-width: 1600px) {
  .tabsNavIcon__dropdown--item {
    padding: 24px 8px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .tabsNavIcon__dropdown--item {
    padding: 20px 7px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .tabsNavIcon__dropdown--item {
    padding: 16px 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .tabsNavIcon__dropdown--item {
    padding: 13px 4px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tabsNavIcon__dropdown--item {
    padding: 12px 4px;
  }
}
@media (max-width: 767px) {
  .tabsNavIcon__dropdown--item {
    padding: 11px 4px;
  }
}
.tabsNavIcon__dropdown--item:last-child {
  border-bottom: none;
}
.tabsNavIcon__dropdown--item.active {
  color: #939393;
  cursor: default;
}

.section__gray .tabsNavIcon__wrapper {
  background-color: #ffffff;
}
.section__gray .tabsNavIcon__nav--item {
  border-color: #E8E9EB;
}
.section__gray .tabsNavIcon__nav--item.active {
  background-color: #F3F4F6;
  border-right-color: #F3F4F6;
}
.section__gray .tabsNavIcon__nav--item.active::before {
  background-color: #ffffff;
}

.section__dark .tabsNavIcon__wrapper {
  background-color: #262626;
}
.section__dark .tabsNavIcon__nav--item {
  color: #939393;
  border-color: #383838;
}
.section__dark .tabsNavIcon__nav--item:hover {
  color: #e41920;
}
.section__dark .tabsNavIcon__nav--item.active {
  background-color: #383838;
  border-right-color: #383838;
  color: #ffffff;
}
.section__dark .tabsNavIcon__nav--item.active:hover {
  color: #ffffff;
}
.section__dark .tabsNavIcon__nav--item.active::before {
  background-color: #262626;
}
.section__dark .tabsNavIcon__dropdown--button {
  background-color: #262626;
}
.section__dark .tabsNavIcon__dropdown--button [class^=ci-], .section__dark .tabsNavIcon__dropdown--button [class*=" ci-"] {
  background-color: #383838;
  color: #ffffff;
}
.section__dark .tabsNavIcon__dropdown--button-text {
  color: #ffffff;
}
.section__dark .tabsNavIcon__dropdown--button::before,
.section__dark .tabsNavIcon__dropdown--button::after {
  color: #ffffff;
}
.section__dark .tabsNavIcon__dropdown--menu {
  background-color: #262626;
}
.section__dark .tabsNavIcon__dropdown--item {
  border-color: #383838;
  color: #DBDBDB;
}
.section__dark .tabsNavIcon__dropdown--item.active {
  color: #757575;
}

.tabNavText__wrapper {
  border-bottom: 1px solid #DBDBDB;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tabNavText__item {
  background: none;
  border: none;
  cursor: pointer;
  flex: 1 0 0;
  color: #757575;
  position: relative;
  text-align: center;
  padding: 32px;
}
@media (min-width: 1600px) {
  .tabNavText__item {
    padding: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .tabNavText__item {
    padding: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .tabNavText__item {
    padding: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .tabNavText__item {
    padding: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tabNavText__item {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .tabNavText__item {
    padding: 14px;
  }
}
@media (max-width: 991px) {
  .tabNavText__item {
    font-size: 20px;
    line-height: 26px;
    padding-left: 0;
    padding-right: 0;
  }
}
.tabNavText__item::before {
  display: none;
  position: absolute;
  content: "";
  background-color: #e41920;
  width: 100%;
  height: 2px;
  left: 0;
  bottom: -1px;
}
.tabNavText__item.active {
  color: #000000;
}
.tabNavText__item.active::before {
  display: block;
}
.tabNavText__item:hover {
  color: #000000;
  text-decoration: none;
}

.accessPanel__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}
@media (max-width: 767px) {
  .accessPanel__wrapper {
    gap: 10px;
  }
}
.accessPanel__link {
  background-color: #F3F4F6;
  flex: 1 0 0;
  text-align: center;
  color: #000000;
  padding: 16px 32px 20px 32px;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .accessPanel__link {
    padding: 12px 16px 12px 16px;
    font-size: 14px;
    line-height: normal;
  }
}
.accessPanel__link:hover {
  background-color: #e41920;
  text-decoration: none;
  color: #ffffff;
}
.accessPanel__link:only-child {
  flex: 0 0 40%;
  max-width: 40%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 991px) {
  .accessPanel__link:only-child {
    padding: 12px 16px 6px 16px;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 991px) {
  .accessPanel__link:only-child .accessPanel__icon {
    display: inline-block;
    margin-right: 16px;
  }
}
@media (max-width: 991px) {
  .accessPanel__link.mobile-fullwidth {
    flex: 0 0 auto;
    width: 100%;
  }
}
.accessPanel__icon {
  position: relative;
  font-size: 22px;
  line-height: 22px;
  margin-right: 24px;
  top: 5px;
}
@media (max-width: 991px) {
  .accessPanel__icon {
    font-size: 20px;
    line-height: 20px;
    display: block;
    margin-right: 0;
    margin-bottom: 16px;
  }
}

.tabNavTextCarousel {
  border-bottom: 1px solid #DBDBDB;
}
.tabNavTextCarousel__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.tabNavTextCarousel .swiper {
  position: relative;
  flex: 1;
  opacity: 0;
}
.tabNavTextCarousel .swiper.swiper-initialized {
  opacity: 1;
}
.tabNavTextCarousel .swiper::before {
  position: absolute;
  background: #F3F4F6;
  background: linear-gradient(270deg, rgb(243, 244, 246) 20%, rgba(243, 244, 246, 0) 100%);
  content: "";
  width: 180px;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 2;
}
@media (max-width: 991px) {
  .tabNavTextCarousel .swiper::before {
    width: 40px;
  }
}
.tabNavTextCarousel .swiper-slide {
  width: auto;
}
.tabNavTextCarousel .swiper-slide.swiper-slide-last {
  width: 180px;
}
@media (max-width: 991px) {
  .tabNavTextCarousel .swiper-slide.swiper-slide-last {
    width: 10px;
  }
}
.tabNavTextCarousel .swiper-nav-button {
  position: relative;
  background-color: #ffffff;
  margin-right: 32px;
  border: none;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  z-index: 4;
}
@media (min-width: 768px) and (max-width: 991px) {
  .tabNavTextCarousel .swiper-nav-button {
    margin-right: 12px;
  }
}
@media (max-width: 767px) {
  .tabNavTextCarousel .swiper-nav-button {
    margin-right: 0;
  }
}
.tabNavTextCarousel .swiper-nav-button.swiper-nav-button-before-int, .tabNavTextCarousel .swiper-nav-button.swiper-button-disabled {
  opacity: 0;
}
.tabNavTextCarousel .swiper-nav-button-next {
  margin-right: 0;
  margin-left: 0;
}
@media (max-width: 991px) {
  .tabNavTextCarousel .swiper-nav-button-next {
    margin-right: 0;
    margin-left: 0;
  }
}
.tabNavTextCarousel.show-next .swiper-nav-button-next {
  display: block;
}
.tabNavTextCarousel.show-next .swiper-nav-button-prev {
  display: none;
}
.tabNavTextCarousel.show-prev .swiper-nav-button-next {
  display: none;
}
.tabNavTextCarousel.show-prev .swiper-nav-button-prev {
  display: block;
}
.tabNavTextCarousel__item {
  display: inline-block;
  position: relative;
  padding: 24px 16px;
  color: #757575;
}
@media (max-width: 991px) {
  .tabNavTextCarousel__item {
    padding: 12px 8px;
  }
}
.tabNavTextCarousel__item::after {
  position: absolute;
  content: "";
  background-color: #e41920;
  width: 100%;
  height: 1.5px;
  left: 0;
  bottom: 0;
  display: none;
}
.tabNavTextCarousel__item:hover {
  text-decoration: none;
  color: #e41920;
}
.tabNavTextCarousel__item.active {
  color: #000000;
}
.tabNavTextCarousel__item.active::after {
  display: block;
}
.tabNavTextCarousel__item.active:hover {
  color: #000000;
}

.fileUpload__box {
  border: 2px dashed #bbb;
  border-radius: 10px;
  height: 80px;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  transition: border-color 0.3s;
}
.fileUpload__box:hover {
  border-color: #e41920;
}
.fileUpload__icon {
  font-size: 1.25rem;
}
.fileUpload__text {
  font-size: 1rem;
  font-weight: 500;
}
.fileUpload__input {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.fileUpload__input:not(caption) {
  position: absolute !important;
}

.consumablesPanel__group {
  display: flex;
  flex-wrap: wrap;
}
.consumablesPanel__group--wrapper {
  flex: 1;
}
@media (max-width: 991px) {
  .consumablesPanel__group--wrapper {
    flex: 0 0 auto;
    width: 100%;
  }
}
.consumablesPanel .accordion-collapse {
  width: 100%;
}
.consumablesPanel__heading {
  background-color: #F3F4F6;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  padding: 32px 48px;
  margin-bottom: 16px;
  border-radius: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumablesPanel__heading {
    border-radius: 10px;
  }
}
@media (max-width: 991px) {
  .consumablesPanel__heading {
    position: relative;
    display: block;
    padding: 24px 24px;
    margin-bottom: 12px;
    border-radius: 10px;
  }
}
.consumablesPanel__heading.accordion-heading-collapse {
  cursor: pointer;
}
.consumablesPanel__heading.accordion-heading-collapse .accordion-heading-arrow {
  display: block;
}
@media (max-width: 991px) {
  .consumablesPanel__heading.accordion-heading-collapse .accordion-heading-arrow {
    position: absolute;
    margin-left: 0;
    top: 30px;
    right: 24px;
  }
}
.consumablesPanel__heading .accordion-heading-arrow {
  display: none;
  margin-left: 24px;
}
.consumablesPanel__heading .accordion-heading-arrow::before {
  content: "\ec6c";
}
.consumablesPanel__heading.collapsed .accordion-heading-arrow::before {
  content: "\ec5b";
}
@media (max-width: 991px) {
  .consumablesPanel__heading .consumablesPanel__heading--price {
    display: block;
  }
}
@media (max-width: 991px) {
  .consumablesPanel__heading .consumablesPanel__heading--price .consumablesPanel__heading--price-action {
    position: absolute;
    margin-left: 0;
    bottom: 24px;
    right: 24px;
  }
}
@media (max-width: 991px) {
  .consumablesPanel__heading .consumablesPanel__heading--price .consumablesPanel__heading--price-action .consumablesPanel__heading--price-action-icon {
    margin-left: 8px;
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .consumablesPanel__heading .consumablesPanel__heading--price .consumablesPanel__heading--price-action .consumablesPanel__heading--price-action-icon::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .consumablesPanel__heading.consumablesPanel__heading--product .consumablesPanel__heading--content {
    padding-top: 0;
    margin-bottom: 0;
  }
}
.consumablesPanel__heading--content {
  flex: 1 1 auto;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
}
@media (max-width: 991px) {
  .consumablesPanel__heading--content {
    position: relative;
    display: block;
    padding-top: 30px;
    margin-bottom: 12px;
  }
}
.consumablesPanel__heading--title {
  display: inline-block;
  margin: 0;
}
@media (max-width: 991px) {
  .consumablesPanel__heading--title {
    display: block;
  }
}
.consumablesPanel__heading--label {
  border: 1px solid #757575;
  border-radius: 5px;
  font-size: 12px;
  line-height: normal;
  text-transform: uppercase;
  color: #757575;
  letter-spacing: 1px;
  padding: 8px 16px;
  margin-left: 24px;
}
@media (max-width: 991px) {
  .consumablesPanel__heading--label {
    position: absolute;
    border-radius: 4px;
    font-size: 10px;
    padding: 4px 8px;
    margin-left: 0;
    top: 0;
    left: 0;
  }
}
.consumablesPanel__heading--price {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  row-gap: 8px;
}
.consumablesPanel__heading--price-main {
  flex: 1 1 auto;
  color: #000000;
  font-weight: 500;
}
@media (max-width: 991px) {
  .consumablesPanel__heading--price-main {
    padding-right: 64px;
  }
}
.consumablesPanel__heading--price-main sup {
  font-size: 12px;
  line-height: normal;
}
.consumablesPanel__heading--price-main .consumable-price {
  text-align: right;
}
@media (max-width: 991px) {
  .consumablesPanel__heading--price-main .consumable-price {
    text-align: left;
  }
}
.consumablesPanel__heading--price-main .consumable-price-promotion {
  color: #939393;
  text-align: right;
}
@media (max-width: 991px) {
  .consumablesPanel__heading--price-main .consumable-price-promotion {
    margin-left: 6px;
    display: inline-block;
    text-align: left;
  }
}
.consumablesPanel__heading--price-main .consumable-price--inclusive {
  color: #939393;
  text-align: right;
}
@media (max-width: 991px) {
  .consumablesPanel__heading--price-main .consumable-price--inclusive {
    text-align: left;
  }
}
.consumablesPanel__heading--price-action {
  margin-left: 0;
}
.consumablesPanel__heading--price-action-icon {
  position: relative;
  font-size: 20px;
  line-height: 20px;
  margin-left: 8px;
  padding-left: 12px;
}
.consumablesPanel__heading--price-action-icon::after {
  position: absolute;
  content: "";
  background-color: #DBDBDB;
  width: 1px;
  height: 18px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.consumablesPanel__heading--price-action-icon:first-child {
  border: none;
  margin-left: 24px;
  padding-left: 0;
}
@media (max-width: 991px) {
  .consumablesPanel__heading--price-action-icon:first-child {
    margin-left: 16px;
  }
}
.consumablesPanel__heading--price-action-icon:first-child::after {
  display: none;
}
.consumablesPanel__heading--price-action-icon:hover {
  text-decoration: none;
}
.consumablesPanel__heading--price-action-link {
  display: inline-block;
  text-align: left;
}
.consumablesPanel__body {
  background-color: #F3F4F6;
  border-radius: 20px;
  padding: 24px 0 24px 48px;
  margin-bottom: 48px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumablesPanel__body {
    border-radius: 10px;
  }
}
@media (max-width: 991px) {
  .consumablesPanel__body {
    padding: 12px 0 32px 24px;
    margin-bottom: 16px;
    overflow: scroll;
    border-radius: 10px;
  }
}
.consumablesPanel__body--wrapper {
  padding-right: 48px;
  padding-bottom: 32px;
}
.consumablesPanel__body--table {
  table-layout: fixed;
  width: 100%;
  border: none;
}
@media (max-width: 991px) {
  .consumablesPanel__body--table {
    width: max-content;
  }
}
.consumablesPanel__body--table thead tr {
  border-bottom: 1px solid #DBDBDB;
}
.consumablesPanel__body--table thead tr td {
  text-align: left;
  width: auto;
  padding: 24px 0;
  padding-right: 24px;
}
.consumablesPanel__body--table tbody tr {
  border: none;
}
.consumablesPanel__body--table tbody tr td {
  text-align: left;
  width: auto;
  padding: 0;
  padding-top: 16px;
  padding-right: 24px;
}
.consumablesPanel__body--table tbody tr td .consumablesPanel__heading--price-main .consumable-price,
.consumablesPanel__body--table tbody tr td .consumablesPanel__heading--price-main .consumable-price-promotion,
.consumablesPanel__body--table tbody tr td .consumablesPanel__heading--price-main .consumable-price--inclusive {
  text-align: left;
}
@media (max-width: 991px) {
  .consumablesPanel__body--table tbody tr td .consumablesPanel__heading--price-main .consumable-price-promotion {
    display: block;
  }
}
.consumablesPanel__body--table tbody tr:first-child td {
  padding-top: 24px;
}
.consumablesPanel__body .consumablesPanel__heading--price {
  justify-content: flex-start;
}
.consumablesPanel__body .consumablesPanel__heading--price-main {
  flex: 0 0 auto;
}
.consumablesPanel__body--head-item {
  flex: 1 1 0;
  color: #000000;
}
@media (max-width: 991px) {
  .consumablesPanel__body--head-item {
    flex: 0 0 auto;
    width: auto;
    padding-right: 24px;
  }
}
.consumablesPanel__body--row {
  display: flex;
  flex-wrap: wrap;
  padding-top: 24px;
  padding-right: 48px;
}
@media (max-width: 991px) {
  .consumablesPanel__body--row {
    flex-wrap: nowrap;
    width: auto;
    padding-right: 0;
  }
}
.consumablesPanel__body--main-column {
  flex: 1 1 0;
}
@media (max-width: 991px) {
  .consumablesPanel__body--main-column {
    flex: 0 0 auto;
    padding-right: 24px;
  }
}
.consumablesPanel__body--main-column .consumablesPanel__heading--price-main {
  flex: 0 0 auto;
}
.consumablesPanel__body--main-product {
  position: relative;
  color: #000000;
}
.consumablesPanel__body--main-product.spl-active {
  padding-left: 48px;
}
.consumablesPanel__body--main-product .box-icon {
  position: absolute;
  font-size: 24px;
  line-height: 24px;
  left: 0;
  top: 1px;
}
.consumablesPanel__body--main-type {
  display: inline-block;
  color: #939393;
  border: 1px solid #939393;
  border-radius: 5px;
  padding: 8px 16px;
}
.consumablesPanel__info {
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  padding: 24px;
  margin-top: 40px;
  left: -24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumablesPanel__info {
    border-radius: 10px;
  }
}
@media (max-width: 991px) {
  .consumablesPanel__info {
    width: calc(100% - 24px);
    left: 0;
    padding: 24px;
    margin-top: 20px;
    border-radius: 10px;
  }
}
.consumablesPanel__info--title {
  margin-bottom: 24px;
}
.consumablesPanel__info--listing {
  margin: 0;
  padding: 0;
}
.consumablesPanel__info--listing--item {
  position: relative;
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0 0 16px 72px;
  border-bottom: 1px solid #E5E5E5;
}
@media (max-width: 991px) {
  .consumablesPanel__info--listing--item {
    margin: 0 0 16px 0;
    padding: 0 0 16px 36px;
  }
}
.consumablesPanel__info--listing--item:last-child {
  border-color: transparent;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .consumablesPanel__info--listing--item {
    padding-right: 40px;
  }
}
@media (min-width: 1400px) {
  .consumablesPanel__info--listing--item {
    padding-right: 120px;
  }
}
.consumablesPanel__info--listing--item-number {
  position: absolute;
  top: 0;
  left: 0;
}
.consumablesPanel__info--action {
  margin-top: 16px;
  padding: 16px 0 0 72px;
  border-top: 1px solid #E5E5E5;
}
@media (max-width: 991px) {
  .consumablesPanel__info--action {
    margin: 16px 0 0 0;
    padding: 16px 0 0 36px;
  }
}

.section__gray .consumablesPanel__heading {
  background-color: #ffffff;
}
.section__gray .consumablesPanel__body {
  background-color: #ffffff;
}
.section__gray .consumablesPanel__info {
  background-color: #F3F4F6;
}
.section__gray .consumablesPanel__body--table thead tr {
  border-color: #E8E9EB;
}
@media (max-width: 991px) {
  .section__gray .consumablesPanel__body--main {
    border-color: #E8E9EB;
  }
}

.section__dark .consumablesPanel__heading {
  background-color: #262626;
}
.section__dark .consumablesPanel__heading .accordion-heading-arrow {
  color: #ffffff;
}
.section__dark .consumablesPanel__heading--price-main {
  color: #939393;
}
.section__dark .consumablesPanel__heading--price-action-icon::after {
  background-color: #757575;
}
.section__dark .consumablesPanel__heading--label {
  border-color: #939393;
  color: #939393;
}
.section__dark .consumablesPanel__body {
  background-color: #262626;
}
.section__dark .consumablesPanel__info {
  background-color: #383838;
}
.section__dark .consumablesPanel__body--head {
  border-color: #383838;
}
.section__dark .consumablesPanel__body--table {
  border: none;
}
@media (max-width: 991px) {
  .section__dark .consumablesPanel__body--table {
    width: max-content;
  }
}
.section__dark .consumablesPanel__body--table thead tr {
  border-color: #383838;
}
.section__dark .consumablesPanel__body--table tbody tr {
  border: none;
}
.section__dark .consumablesPanel__body--table tbody tr td {
  border: none;
}
.section__dark .consumablesPanel__body--head-item {
  color: #ffffff;
}
.section__dark .consumablesPanel__body--main-product {
  color: #939393;
}
@media (max-width: 991px) {
  .section__dark .consumablesPanel__body--main {
    border-color: #939393;
  }
}
.section__dark .consumablesPanel__info--listing--item {
  border-color: #757575;
}
.section__dark .consumablesPanel__info--listing--item:last-child {
  border: none;
}
.section__dark .consumablesPanel__info--listing--item {
  color: #939393;
}
.section__dark .consumablesPanel__info--action {
  border-color: #757575;
}

.consumablesCard__heading {
  background-color: #F3F4F6;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  padding: 32px;
  margin-bottom: 16px;
  border-radius: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumablesCard__heading {
    border-radius: 10px;
  }
}
@media (max-width: 991px) {
  .consumablesCard__heading {
    position: relative;
    display: block;
    padding: 24px 24px;
    margin-bottom: 12px;
    border-radius: 10px;
  }
}
.consumablesCard__heading--title {
  flex: 1 1 auto;
  margin-bottom: 0;
}
.consumablesCard__heading.accordion-heading-collapse {
  cursor: pointer;
}
.consumablesCard__heading.accordion-heading-collapse .accordion-heading-arrow {
  display: block;
}
@media (max-width: 991px) {
  .consumablesCard__heading.accordion-heading-collapse .accordion-heading-arrow {
    position: absolute;
    margin-left: 0;
    top: 30px;
    right: 24px;
  }
}
.consumablesCard__heading .accordion-heading-arrow {
  display: none;
  margin-left: 24px;
}
.consumablesCard__heading .accordion-heading-arrow::before {
  content: "\ec6c";
}
.consumablesCard__heading.collapsed .accordion-heading-arrow::before {
  content: "\ec5b";
}
.consumablesCard__container {
  background-color: #F3F4F6;
  padding: 24px;
  border-radius: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumablesCard__container {
    border-radius: 10px;
    padding: 12px;
  }
}
@media (max-width: 991px) {
  .consumablesCard__container {
    border-radius: 10px;
    padding: 12px;
  }
}
.consumablesCard__row {
  row-gap: 24px;
}
.consumablesCard__thumbnail {
  position: relative;
  background-color: #ffffff;
  border-radius: 14px;
  text-align: center;
  height: 100%;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumablesCard__thumbnail {
    border-radius: 8px;
  }
}
@media (max-width: 991px) {
  .consumablesCard__thumbnail {
    border-radius: 8px;
    padding: 32px;
  }
}
.consumablesCard__thumbnail .swiper {
  height: 100%;
}
.consumablesCard__thumbnail .swiper .swiper-wrapper {
  min-height: 300px;
  align-items: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumablesCard__thumbnail .swiper .swiper-wrapper {
    min-height: 300px;
  }
}
@media (max-width: 991px) {
  .consumablesCard__thumbnail .swiper .swiper-wrapper {
    min-height: auto;
  }
}
.consumablesCard__thumbnail .swiper .swiper-slide {
  height: auto;
}
.consumablesCard__thumbnail .carousel__nav--button {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
.consumablesCard__thumbnail .carousel__nav--button-prev {
  left: 24px;
}
@media (max-width: 991px) {
  .consumablesCard__thumbnail .carousel__nav--button-prev {
    left: 16px;
  }
}
.consumablesCard__thumbnail .carousel__nav--button-next {
  right: 24px;
}
@media (max-width: 991px) {
  .consumablesCard__thumbnail .carousel__nav--button-next {
    right: 16px;
  }
}
.consumablesCard__thumbnail--image {
  width: auto;
  max-height: 150px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumablesCard__thumbnail--image {
    max-height: 150px;
  }
}
@media (max-width: 991px) {
  .consumablesCard__thumbnail--image {
    max-height: 180px;
  }
}
.consumablesCard__thumbnail--caption {
  margin-top: 40px;
  padding: 0 32px;
}
@media (max-width: 991px) {
  .consumablesCard__thumbnail--caption {
    margin-top: 20px;
    padding: 0 16px;
  }
}
.consumablesCard__content {
  height: 100%;
  align-content: center;
  padding: 24px 0;
}
@media (max-width: 991px) {
  .consumablesCard__content {
    padding: 24px 0;
  }
}
.consumablesCard__content--desc {
  color: #757575;
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  .consumablesCard__content--desc {
    margin-bottom: 24px;
  }
}
.consumablesCard__content--detail {
  color: #757575;
}
.consumablesCard__content--detail-row {
  display: flex;
  width: 100%;
  border-top: 1px solid #DBDBDB;
  padding-top: 16px;
  margin-top: 16px;
}
.consumablesCard__content--detail-row:first-child {
  margin-top: 0;
}
.consumablesCard__content--detail-page {
  flex: 1 1 auto;
  margin-right: 12px;
}
.consumablesCard__content--detail-page-item {
  position: relative;
  margin-right: 4px;
  padding-right: 8px;
}
.consumablesCard__content--detail-page-item::after {
  position: absolute;
  content: "";
  background-color: #757575;
  width: 1px;
  height: 16px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.consumablesCard__content--detail-page-item:last-child {
  border: none;
  margin-right: 0;
  padding-right: 0;
}
.consumablesCard__content--detail-page-item:last-child::after {
  display: none;
}
.consumablesCard__content--detail-price {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  row-gap: 8px;
  column-gap: 12px;
  text-align: right;
}
@media (max-width: 991px) {
  .consumablesCard__content--detail-price {
    flex: 0 0 auto;
  }
}
.consumablesCard__content--detail-price-main {
  flex: 0 0 auto;
}
.consumablesCard__content--detail-price-main sup {
  font-size: 12px;
  line-height: normal;
}
.consumablesCard__content--detail-price-action-icon {
  position: relative;
  font-size: 20px;
  line-height: 20px;
  margin-left: 8px;
}
.consumablesCard__content--detail-price-action-icon:first-child {
  border: none;
  margin-left: 0;
}
.consumablesCard__content--detail-price-action-icon:hover {
  text-decoration: none;
}
.consumablesCard__content--detail-price-action-icon [class^=ci-], .consumablesCard__content--detail-price-action-icon [class*=" ci-"] {
  position: relative;
  top: 1px;
}
.consumablesCard__content--detail-price-action-link {
  display: inline-block;
  text-align: right;
}

.section__gray .consumablesCard__heading,
.section__gray .consumablesCard__container {
  background-color: #ffffff;
}
.section__gray .consumablesCard__thumbnail {
  background-color: #F3F4F6;
}
.section__gray .consumablesCard__content--detail-row {
  border-color: #DBDBDB;
}

.section__dark .consumablesCard__heading {
  background-color: #262626;
}
.section__dark .consumablesCard__heading .accordion-heading-arrow {
  color: #ffffff;
}
.section__dark .consumablesCard__container {
  background-color: #262626;
}
.section__dark .consumablesCard__thumbnail {
  background-color: #383838;
}
.section__dark .consumablesCard__content--detail-row {
  border-color: #383838;
}
.section__dark .consumablesCard__content--detail,
.section__dark .consumablesCard__content--desc {
  color: #939393;
}
.section__dark .consumablesCard__thumbnail--caption {
  color: #DBDBDB;
}

.photo-library-card {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 16px;
  min-height: 110px;
  height: 100%;
  align-content: center;
  cursor: pointer;
}
.photo-library-card__thumbnail {
  flex: 0 0 auto;
  width: 110px;
  height: auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library-card__thumbnail {
    width: 90px;
  }
}
@media (max-width: 991px) {
  .photo-library-card__thumbnail {
    width: 90px;
  }
}
.photo-library-card__content {
  padding-left: 24px;
}
@media (max-width: 991px) {
  .photo-library-card__content {
    padding-left: 12px;
  }
}
.photo-library-card__subTitle {
  color: #939393;
  margin-bottom: 8px;
}
.photo-library-card__title {
  word-break: break-word;
}

.gallery-card {
  background: transparent;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.gallery-card__image {
  width: 100%;
  height: auto;
  border-radius: 10px;
  transition: transform 0.3s ease-in-out;
}
.gallery-card__content {
  padding: 16px 0 40px 0;
}
.gallery-card__content-title {
  color: #000000;
}

.daterangepicker {
  font-family: "Lato", serif;
  border-radius: 10px;
  z-index: 98;
}
@media (max-width: 991px) {
  .daterangepicker {
    width: 310px;
  }
}
.daterangepicker .calendar-table td.in-range {
  background-color: #fff2f4;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
  padding: 10px;
}
.daterangepicker .calendar-table th.active, .daterangepicker .calendar-table td.active {
  background-color: #e41920;
}
.daterangepicker .drp-calendar {
  max-width: 350px;
}
.daterangepicker .drp-calendar.right, .daterangepicker .drp-calendar.left {
  padding: 16px;
}
.daterangepicker .drp-buttons {
  padding: 16px;
}
.daterangepicker .drp-buttons .btn {
  padding: 5px 16px;
}
.daterangepicker .drp-buttons .btn-default {
  border: 1px solid #939393;
}
@media (max-width: 991px) {
  .daterangepicker .drp-buttons .btn-default {
    margin-bottom: 6px;
  }
}
.daterangepicker .drp-buttons .btn-primary {
  background-color: #e41920;
  border: none;
}

.event-search {
  position: relative;
  background-color: #F3F4F6;
  margin: 0;
}
@media (min-width: 1600px) {
  .event-search {
    padding-top: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .event-search {
    padding-top: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .event-search {
    padding-top: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .event-search {
    padding-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-search {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .event-search {
    padding-top: 36px;
  }
}
.event-search__card {
  position: relative;
  z-index: 1;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 4px 4px 48px 0px rgba(0, 0, 0, 0.08);
  max-width: 1324px;
}
@media (min-width: 1600px) {
  .event-search__card {
    padding: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .event-search__card {
    padding: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .event-search__card {
    padding: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .event-search__card {
    padding: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-search__card {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .event-search__card {
    padding: 14px;
  }
}
@media (max-width: 991px) {
  .event-search__card {
    background: transparent;
    padding: 0;
  }
}
.event-search__form {
  display: flex;
  justify-content: center;
  gap: 32px;
  align-items: end;
}
.event-search__row {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .event-search__row {
    margin-left: 0;
    margin-right: 0;
  }
}
.event-search__row .event-column {
  flex: 1 1 0;
  min-width: 0;
  padding: 0 16px;
}
@media (max-width: 991px) {
  .event-search__row .event-column {
    flex: 0 0 auto;
    max-width: 100%;
    background-color: #ffffff;
    padding: 0;
    margin-bottom: 8px;
    border-right: none;
    border-radius: 8px;
    box-shadow: 4px 4px 48px 0px rgba(0, 0, 0, 0.08);
  }
}
.event-search__row .event-column + .event-column {
  border-left: 1px solid #DBDBDB;
}
@media (max-width: 991px) {
  .event-search__row .event-column__search .event-search__label,
  .event-search__row .event-column__where .event-search__label,
  .event-search__row .event-column__date .event-search__label,
  .event-search__row .event-column__cost .event-search__label {
    padding: 16px;
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .event-search__row .event-column__search .select2-container .event-search__filter,
  .event-search__row .event-column__where .select2-container .event-search__filter,
  .event-search__row .event-column__date .select2-container .event-search__filter,
  .event-search__row .event-column__cost .select2-container .event-search__filter {
    position: relative;
    height: auto;
    padding: 16px;
    padding-top: 0;
  }
}
@media (max-width: 991px) {
  .event-search__row .event-column__search .select2-container .event-search__filter .select2-selection__arrow,
  .event-search__row .event-column__where .select2-container .event-search__filter .select2-selection__arrow,
  .event-search__row .event-column__date .select2-container .event-search__filter .select2-selection__arrow,
  .event-search__row .event-column__cost .select2-container .event-search__filter .select2-selection__arrow {
    right: 16px;
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 991px) {
  .event-search__row .event-column__search .select2-container .event-search__filter .select2-selection__arrow::before,
  .event-search__row .event-column__where .select2-container .event-search__filter .select2-selection__arrow::before,
  .event-search__row .event-column__date .select2-container .event-search__filter .select2-selection__arrow::before,
  .event-search__row .event-column__cost .select2-container .event-search__filter .select2-selection__arrow::before {
    font-size: 18px;
    line-height: 18px;
  }
}
.event-search__row .event-column__search,
.event-search__row .event-column__date {
  flex: 1 1 0;
}
@media (max-width: 991px) {
  .event-search__row .event-column__search,
  .event-search__row .event-column__date {
    flex: 0 0 auto;
    max-width: 100%;
    padding: 16px;
  }
}
@media (max-width: 991px) {
  .event-search__row .event-column__search .event-search__label,
  .event-search__row .event-column__date .event-search__label {
    padding: 0;
  }
}
.event-search__row .form-control {
  border: none;
}
.event-search__row .event-column__button {
  flex: 1 1 0;
  text-align: end;
  min-width: 0;
}
@media (max-width: 991px) {
  .event-search__row .event-column__button {
    flex: 100%;
    border-right: none;
    padding: 0;
  }
}
.event-search__row .event-column__button .button {
  width: 100%;
}
.event-search__label {
  color: #939393;
  margin-bottom: 5px;
}
.event-search__wrapper {
  position: relative;
  padding-right: 32px;
}
.event-search__wrapper i {
  font-size: 20px;
  position: absolute;
  right: 0;
  top: 20%;
  width: 20px;
  height: 20px;
  color: #000000;
}
@media (max-width: 991px) {
  .event-search__wrapper i {
    width: 18px;
    height: 18px;
    font-size: 18px;
    line-height: 18px;
  }
}
.event-search__wrapper .ci-arrow-down-1 {
  display: inline-block;
  transition: transform 0.3s ease;
}
@media (max-width: 991px) {
  .event-search__wrapper .ci-search-normal-1 {
    font-size: 18px;
    line-height: 18px;
  }
}
.event-search__wrapper:focus-within .ci-arrow-down-1 {
  transform: rotate(-180deg);
}
.event-search__input {
  height: auto;
  border: none;
  border-radius: 0;
  padding: 0;
  transition: all 0.3s ease;
  background: transparent;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.event-search__input::placeholder {
  color: #000000;
}
.event-search__input:focus {
  outline: none;
  box-shadow: none;
}
.event-search__input::before {
  font-family: "canonIcon" !important;
  position: absolute;
  top: 0;
  right: 0;
  content: "\ec6c";
}

.select2-container .event-search__select2--dropdown {
  margin-top: 0;
  border-radius: 0 0 10px 10px;
}
@media (max-width: 991px) {
  .select2-container .event-search__select2--dropdown {
    margin-top: 8px;
    border-radius: 10px;
  }
}
.select2-container .event-search__select2--dropdown.select2-dropdown--above {
  margin-top: 0;
}
@media (max-width: 991px) {
  .select2-container .event-search__select2--dropdown.select2-dropdown--above {
    margin-top: -48px;
    border-radius: 10px;
  }
}
.select2-container .event-search__select2--dropdown .select2-search--dropdown .select2-search__field {
  padding: 16px 50px 16px 20px;
}
.select2-container .event-search__select2--dropdown .select2-search--dropdown::before {
  right: 20px;
}
.select2-container .event-search__select2--dropdown .select2-results__option {
  padding: 16px 20px;
}
.select2-container .event-search__filter {
  border: none !important;
}
.select2-container .event-search__filter .select2-selection__rendered {
  padding-left: 0;
  padding-right: 48px !important;
}
.select2-container .event-search__filter.selected-focus {
  outline: none;
  border: none !important;
}
.select2-container .event-search__filter .select2-selection__arrow {
  right: 0;
}
@media (max-width: 991px) {
  .select2-container .event-search__filter .select2-selection__arrow {
    margin-top: -7px;
  }
}
.select2-container .event-search__filter .select2-selection__clear {
  right: 32px;
}
@media (max-width: 991px) {
  .select2-container .event-search__filter .select2-selection__clear {
    width: 16px;
    height: 16px;
    right: 36px;
    margin-top: -7px;
  }
}
@media (max-width: 991px) {
  .select2-container .event-search__filter .select2-selection__clear::before, .select2-container .event-search__filter .select2-selection__clear::after {
    width: 12px;
  }
}
.select2-container .event-search.select2-container--open .selected-focus {
  outline: none;
  border: none !important;
}

.daterangepicker table th, .daterangepicker table td {
  padding: 0;
}

.banner + .event-search {
  position: relative;
  margin: 0;
  padding: 0;
}
@media (min-width: 1600px) {
  .banner + .event-search {
    margin-top: -65px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .banner + .event-search {
    margin-top: -54px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .banner + .event-search {
    margin-top: -43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .banner + .event-search {
    margin-top: -36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .banner + .event-search {
    margin-top: -33px;
  }
}
@media (max-width: 767px) {
  .banner + .event-search {
    margin-top: -29px;
  }
}
@media (max-width: 991px) {
  .banner + .event-search {
    margin-top: -24px;
  }
}

/* 
ELEMENTS - Environment Badge
======================================================== */
.env-badge {
  position: fixed;
  top: 0;
  left: 0;
  width: 6rem;
  height: 6rem;
  z-index: 1050;
  pointer-events: none;
  overflow: hidden;
}
.env-badge::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6rem 6rem 0 0;
  border-color: #e41920 transparent transparent transparent;
}
.env-badge .env-badge-text {
  position: absolute;
  top: 20px;
  left: -15px;
  transform: rotate(-45deg);
  color: #ffffff;
  font-weight: 700;
  font-size: 12px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.env-badge .env-badge-text span {
  font-weight: 700;
  font-size: 12px;
  margin-right: 2px;
}
.env-badge.development .env-badge-text {
  top: 27px;
  left: -13px;
  font-size: 8px;
}
@media (max-width: 991px) {
  .env-badge.development .env-badge-text {
    top: 19px;
    left: -9px;
    font-size: 5px;
  }
}
@media (max-width: 991px) {
  .env-badge {
    width: 4rem;
    height: 4rem;
  }
  .env-badge::before {
    border-width: 4rem 4rem 0 0;
  }
  .env-badge .env-badge-text {
    top: 17px;
    left: -8px;
    font-size: 8px;
    width: 4rem;
  }
  .env-badge .env-badge-text span {
    font-size: 8px;
  }
}

.search-results-not-found {
  text-align: center;
}
.search-results-not-found__image {
  width: 120px;
  height: auto;
  margin-bottom: 24px;
}

.wrap-loading {
  height: 300px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading li {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  margin: 0;
  border: 2px solid #e41920;
  border-radius: 50%;
  transform: translateZ(0);
  animation: loading 2s infinite;
}
.loading li:nth-child(1) {
  left: -22px;
  animation-delay: 0s;
}
.loading li:nth-child(2) {
  left: 0;
  animation-delay: 0.2s;
}
.loading li:nth-child(3) {
  left: 22px;
  animation-delay: 0.4s;
}
.loading.reversed li {
  border-color: #ffffff;
  animation-name: loading-reverse;
}

/* Animations */
@keyframes loading {
  0% {
    transform: scale(0.5);
    background: #e41920;
  }
  50% {
    transform: scale(1);
    background: #ffffff;
  }
  100% {
    transform: scale(0.5);
    background: #e41920;
  }
}
@keyframes loading-reverse {
  0% {
    transform: scale(0.5);
    background: #ffffff;
  }
  50% {
    transform: scale(1);
    background: #e41920;
  }
  100% {
    transform: scale(0.5);
    background: #ffffff;
  }
}
/* 
Sims - Elements
======================================================== */
.poductRangeCard {
  background-color: #F3F4F6;
  color: #000000;
  padding: 40px;
  text-align: center;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
}
@media (min-width: 1600px) {
  .poductRangeCard {
    padding: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .poductRangeCard {
    padding: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .poductRangeCard {
    padding: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .poductRangeCard {
    padding: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .poductRangeCard {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .poductRangeCard {
    padding: 18px;
  }
}
@media (min-width: 1600px) {
  .poductRangeCard__image {
    padding: 8px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .poductRangeCard__image {
    padding: 7px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .poductRangeCard__image {
    padding: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .poductRangeCard__image {
    padding: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .poductRangeCard__image {
    padding: 4px;
  }
}
@media (max-width: 767px) {
  .poductRangeCard__image {
    padding: 4px;
  }
}
.section.section__gray .poductRangeCard {
  background-color: #ffffff;
}
.section.section__dark .poductRangeCard {
  background-color: #262626;
  color: #ffffff;
}

.simsInformationCard {
  background-color: #F3F4F6;
  border-radius: 20px;
  height: 100%;
}
@media (min-width: 1600px) {
  .simsInformationCard {
    padding: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsInformationCard {
    padding: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsInformationCard {
    padding: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsInformationCard {
    padding: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsInformationCard {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .simsInformationCard {
    padding: 22px;
  }
}
@media (max-width: 991px) {
  .simsInformationCard {
    border-radius: 10px;
  }
}
.simsInformationCard__icon {
  position: relative;
  display: inline-block;
  background-color: #ffffff;
  text-align: center;
  width: 64px;
  height: 64px;
  font-size: 38px;
  line-height: 38px;
  border-radius: 16px;
  color: #000000;
}
@media (min-width: 1600px) {
  .simsInformationCard__icon {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsInformationCard__icon {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsInformationCard__icon {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsInformationCard__icon {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsInformationCard__icon {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .simsInformationCard__icon {
    margin-bottom: 18px;
  }
}
@media (min-width: 1400px) {
  .simsInformationCard__icon {
    width: 80px;
    height: 80px;
    font-size: 44px;
    line-height: 44px;
  }
}
@media (max-width: 991px) {
  .simsInformationCard__icon {
    border-radius: 8px;
    width: 54px;
    height: 54px;
    font-size: 32px;
    line-height: 32px;
  }
}
.simsInformationCard__icon span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.simsInformationCard__title {
  margin-bottom: 24px;
}
@media (min-width: 1600px) {
  .simsInformationCard__title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsInformationCard__title {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsInformationCard__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsInformationCard__title {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsInformationCard__title {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .simsInformationCard__title {
    margin-bottom: 11px;
  }
}
.simsInformationCard__content {
  color: #757575;
}
@media (min-width: 1600px) {
  .simsInformationCard__action {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsInformationCard__action {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsInformationCard__action {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsInformationCard__action {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsInformationCard__action {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .simsInformationCard__action {
    margin-top: 22px;
  }
}

.section__gray .simsInformationCard {
  background-color: #ffffff;
}
.section__gray .simsInformationCard__icon {
  background-color: #F3F4F6;
}

.section__dark .simsInformationCard {
  background-color: #262626;
}
.section__dark .simsInformationCard__icon {
  background-color: #383838;
  color: #ffffff;
}
.section__dark .simsInformationCard__content {
  color: #E8E9EB;
}

.simsNoticeCard {
  background-color: #F3F4F6;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .simsNoticeCard {
    border-radius: 10px;
  }
}
@media (min-width: 1600px) {
  .simsNoticeCard__header {
    padding: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeCard__header {
    padding: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeCard__header {
    padding: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeCard__header {
    padding: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeCard__header {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .simsNoticeCard__header {
    padding: 14px;
  }
}
@media (min-width: 1600px) {
  .simsNoticeCard__header {
    padding-left: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeCard__header {
    padding-left: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeCard__header {
    padding-left: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeCard__header {
    padding-left: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeCard__header {
    padding-left: 24px;
  }
}
@media (max-width: 767px) {
  .simsNoticeCard__header {
    padding-left: 22px;
  }
}
@media (min-width: 1600px) {
  .simsNoticeCard__header {
    padding-right: 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeCard__header {
    padding-right: 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeCard__header {
    padding-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeCard__header {
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeCard__header {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .simsNoticeCard__header {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .simsNoticeCard__header {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.simsNoticeCard__header--body {
  padding-bottom: 32px;
  border-bottom: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .simsNoticeCard__header--body {
    padding-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeCard__header--body {
    padding-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeCard__header--body {
    padding-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeCard__header--body {
    padding-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeCard__header--body {
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .simsNoticeCard__header--body {
    padding-bottom: 14px;
  }
}
@media (max-width: 991px) {
  .simsNoticeCard__header--body {
    padding-bottom: 24px;
  }
}
.simsNoticeCard__header--label {
  height: 100%;
  align-content: center;
}
.simsNoticeCard__header--label-badge {
  display: inline-block;
  padding: 12px 16px;
  margin-right: 12px;
  text-transform: uppercase;
  color: #e41920;
  border: 1px solid #e41920;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .simsNoticeCard__header--label-badge {
    padding: 6px 8px;
    margin-right: 6px;
  }
}
.simsNoticeCard__header--label-date {
  display: inline-block;
}
.simsNoticeCard__header--tags {
  height: 100%;
  align-content: center;
}
@media (min-width: 1600px) {
  .simsNoticeCard__header--tags {
    padding-right: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeCard__header--tags {
    padding-right: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeCard__header--tags {
    padding-right: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeCard__header--tags {
    padding-right: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeCard__header--tags {
    padding-right: 60px;
  }
}
@media (max-width: 767px) {
  .simsNoticeCard__header--tags {
    padding-right: 54px;
  }
}
@media (max-width: 991px) {
  .simsNoticeCard__header--tags {
    margin-top: 8px;
  }
}
.simsNoticeCard__header--tags-link {
  display: inline-block;
  color: #757575;
  word-break: break-word;
}
.simsNoticeCard__header--tags-link:hover {
  color: #e41920;
  text-decoration: none;
}
.simsNoticeCard__header--tags-link::after {
  content: "|";
  padding: 0 8px;
}
@media (max-width: 991px) {
  .simsNoticeCard__header--tags-link::after {
    padding: 0 4px;
  }
}
.simsNoticeCard__header--tags-link:only-child::after, .simsNoticeCard__header--tags-link:last-child::after {
  display: none;
}
@media (min-width: 1600px) {
  .simsNoticeCard__content {
    padding-left: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeCard__content {
    padding-left: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeCard__content {
    padding-left: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeCard__content {
    padding-left: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeCard__content {
    padding-left: 24px;
  }
}
@media (max-width: 767px) {
  .simsNoticeCard__content {
    padding-left: 22px;
  }
}
@media (min-width: 1600px) {
  .simsNoticeCard__content {
    padding-bottom: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeCard__content {
    padding-bottom: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeCard__content {
    padding-bottom: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeCard__content {
    padding-bottom: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeCard__content {
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .simsNoticeCard__content {
    padding-bottom: 29px;
  }
}
@media (min-width: 1600px) {
  .simsNoticeCard__content--title {
    padding-right: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeCard__content--title {
    padding-right: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeCard__content--title {
    padding-right: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeCard__content--title {
    padding-right: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeCard__content--title {
    padding-right: 60px;
  }
}
@media (max-width: 767px) {
  .simsNoticeCard__content--title {
    padding-right: 54px;
  }
}
.simsNoticeCard__content--title a {
  color: #000000;
}
.simsNoticeCard__content--title a:hover {
  text-decoration: none;
  color: #e41920;
}
.simsNoticeCard__content--desc {
  color: #383838;
}
@media (min-width: 1600px) {
  .simsNoticeCard__content--desc {
    padding-right: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeCard__content--desc {
    padding-right: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeCard__content--desc {
    padding-right: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeCard__content--desc {
    padding-right: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeCard__content--desc {
    padding-right: 60px;
  }
}
@media (max-width: 767px) {
  .simsNoticeCard__content--desc {
    padding-right: 54px;
  }
}
.simsNoticeCard__content--desc p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 4;
}
@media (min-width: 1600px) {
  .simsNoticeCard__content--action {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeCard__content--action {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeCard__content--action {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeCard__content--action {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeCard__content--action {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .simsNoticeCard__content--action {
    margin-top: 22px;
  }
}

.section.section__gray .simsNoticeCard {
  background-color: #ffffff;
}
.section.section__dark .simsNoticeCard {
  background-color: #262626;
}
.section.section__dark .simsNoticeCard__header--body {
  border-color: #383838;
}
.section.section__dark .simsNoticeCard__header--label-badge {
  border-color: #ffffff;
  color: #ffffff;
}
.section.section__dark .simsNoticeCard__header--label-date {
  color: #DBDBDB;
}
.section.section__dark .simsNoticeCard__header--tags-link {
  color: #939393;
}
.section.section__dark .simsNoticeCard__header--tags-link:hover {
  color: #e41920;
}
.section.section__dark .simsNoticeCard__content--desc {
  color: #DBDBDB;
}
.section.section__dark .simsNoticeCard__content--title a {
  color: #ffffff;
}
.section.section__dark .simsNoticeCard__content--title a:hover {
  color: #e41920;
}

.simsSearch,
.simsSearch__top-select {
  position: relative;
}
.simsSearch__row,
.simsSearch__top-select__row {
  margin-left: -4px;
  margin-right: -4px;
}
.simsSearch__column,
.simsSearch__top-select__column {
  padding-left: 4px;
  padding-right: 4px;
}
.simsSearch__input,
.simsSearch__top-select__input {
  background-color: #F3F4F6;
  border: 1px solid transparent;
  border-radius: 10px;
  width: 100%;
  height: 64px;
  padding: 16px 24px 16px 58px;
  color: #000000;
}
@media (min-width: 1400px) {
  .simsSearch__input,
  .simsSearch__top-select__input {
    height: 72px;
    padding: 24px 32px 24px 70px;
  }
}
@media (max-width: 991px) {
  .simsSearch__input,
  .simsSearch__top-select__input {
    height: auto;
    padding: 16px 24px 16px 58px;
    flex: 1 1 auto;
  }
}
.simsSearch__input.simsSearch__input--clear,
.simsSearch__top-select__input.simsSearch__input--clear {
  padding-right: 64px;
}
@media (max-width: 991px) {
  .simsSearch__input.simsSearch__input--clear,
  .simsSearch__top-select__input.simsSearch__input--clear {
    padding-right: 52px;
  }
}
.simsSearch__input::placeholder,
.simsSearch__top-select__input::placeholder {
  color: #757575;
}
.simsSearch__input:focus,
.simsSearch__top-select__input:focus {
  outline: 0;
  border-color: #000000;
}
.simsSearch__input--wrapper,
.simsSearch__top-select__input--wrapper {
  position: relative;
}
@media (max-width: 991px) {
  .simsSearch__input--wrapper,
  .simsSearch__top-select__input--wrapper {
    display: flex;
  }
}
.simsSearch__input--wrapper::before,
.simsSearch__top-select__input--wrapper::before {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\e9de";
  color: #000000;
  font-size: 20px;
  line-height: 20px;
  top: 24px;
  left: 24px;
  color: #000000;
}
@media (min-width: 1400px) {
  .simsSearch__input--wrapper::before,
  .simsSearch__top-select__input--wrapper::before {
    top: 27px;
    left: 32px;
  }
}
@media (max-width: 991px) {
  .simsSearch__input--wrapper::before,
  .simsSearch__top-select__input--wrapper::before {
    font-size: 18px;
    line-height: 20px;
    top: 18px;
    left: 24px;
  }
}
.simsSearch__clear,
.simsSearch__top-select__clear {
  position: absolute;
  background: none;
  border: none;
  top: 27px;
  right: 32px;
  padding: 0;
  font-size: 20px;
  height: 20px;
}
@media (max-width: 991px) {
  .simsSearch__clear,
  .simsSearch__top-select__clear {
    top: 17px;
    right: 24px;
  }
}
.simsSearch__filter,
.simsSearch__top-select__filter {
  position: relative;
  display: none;
  background-color: transparent;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
  font-size: 24px;
  line-height: 24px;
  width: 70px;
  height: 53px;
  margin-left: 6px;
}
@media (max-width: 991px) {
  .simsSearch__filter,
  .simsSearch__top-select__filter {
    display: block;
  }
}
.simsSearch__filter--number,
.simsSearch__top-select__filter--number {
  background-color: #e41920;
  position: absolute;
  width: 14px;
  height: 14px;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  line-height: 13px;
  overflow: hidden;
  right: 8px;
  top: 7px;
}
.simsSearch__action,
.simsSearch__top-select__action {
  text-align: center;
  margin-top: 64px;
}
@media (min-width: 1600px) {
  .simsSearch__action,
  .simsSearch__top-select__action {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsSearch__action,
  .simsSearch__top-select__action {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsSearch__action,
  .simsSearch__top-select__action {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsSearch__action,
  .simsSearch__top-select__action {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsSearch__action,
  .simsSearch__top-select__action {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .simsSearch__action,
  .simsSearch__top-select__action {
    margin-top: 22px;
  }
}
.simsSearch__action .button,
.simsSearch__top-select__action .button {
  width: 530px;
}
@media (max-width: 991px) {
  .simsSearch__action .button,
  .simsSearch__top-select__action .button {
    width: 50%;
  }
}
.simsSearch__popup,
.simsSearch__top-select__popup {
  position: fixed;
  display: none;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .simsSearch__popup,
  .simsSearch__top-select__popup {
    display: none;
  }
}
@media (max-width: 991px) {
  .simsSearch__popup.show,
  .simsSearch__top-select__popup.show {
    display: block;
  }
}
.simsSearch__popup--main,
.simsSearch__top-select__popup--main {
  position: relative;
  transition: all 0.3s ease-in-out;
  left: -100%;
  height: 100%;
}
.simsSearch__popup--main.slide,
.simsSearch__top-select__popup--main.slide {
  left: 0;
}
.simsSearch__popup--body,
.simsSearch__top-select__popup--body {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  padding-top: 40px;
}
.simsSearch__popup--heading,
.simsSearch__top-select__popup--heading {
  padding: 0 20px;
  display: flex;
}
.simsSearch__popup--heading-title,
.simsSearch__top-select__popup--heading-title {
  flex: 1 1 0;
  margin-bottom: 0;
}
.simsSearch__popup--heading-close,
.simsSearch__top-select__popup--heading-close {
  position: relative;
  background: none;
  border: none;
  top: 3px;
  padding: 0;
  font-size: 20px;
  height: 20px;
}
.simsSearch__popup--content,
.simsSearch__top-select__popup--content {
  height: calc(100vh - 156px);
  overflow: auto;
  padding: 0 20px;
}
.simsSearch__popup--content-group,
.simsSearch__top-select__popup--content-group {
  margin-top: 40px;
}
.simsSearch__popup--content-title,
.simsSearch__top-select__popup--content-title {
  line-height: normal;
  color: #939393;
  margin-bottom: 24px;
}
.simsSearch__popup--content-list,
.simsSearch__top-select__popup--content-list {
  margin: 0;
  padding: 0;
}
.simsSearch__popup--content-list li,
.simsSearch__top-select__popup--content-list li {
  list-style: none;
  margin: 16px 0;
  padding: 0;
}
.simsSearch__popup--action,
.simsSearch__top-select__popup--action {
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  padding: 0 20px 20px 20px;
  text-align: center;
  bottom: 0;
}
.simsSearch__selectWrapper,
.simsSearch__top-select__selectWrapper {
  position: relative;
  background-color: #F3F4F6;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.simsSearch .select2-container.select2,
.simsSearch__top-select .select2-container.select2 {
  position: absolute;
  width: calc(100% - 12px) !important;
  top: 6px;
  right: 6px;
}
@media (min-width: 1400px) {
  .simsSearch .select2-container.select2,
  .simsSearch__top-select .select2-container.select2 {
    width: calc(100% - 16px) !important;
    top: 8px;
    right: 8px;
  }
}
@media (max-width: 991px) {
  .simsSearch .select2-container.select2,
  .simsSearch__top-select .select2-container.select2 {
    display: none;
  }
}
.simsSearch .select2-container--default .select2-selection--single,
.simsSearch__top-select .select2-container--default .select2-selection--single {
  background-color: #ffffff;
  border: none;
  border-radius: 7px;
  height: 52px;
}
@media (min-width: 1400px) {
  .simsSearch .select2-container--default .select2-selection--single,
  .simsSearch__top-select .select2-container--default .select2-selection--single {
    height: 56px;
  }
}
.simsSearch .select2-container .select__selection .select2-selection__rendered,
.simsSearch__top-select .select2-container .select__selection .select2-selection__rendered {
  padding: 16px 60px 16px 20px;
}
@media (min-width: 1400px) {
  .simsSearch .select2-container .select__selection .select2-selection__rendered,
  .simsSearch__top-select .select2-container .select__selection .select2-selection__rendered {
    padding: 16px 60px 16px 20px;
  }
}
.simsSearch .select2-container .select__selection .select2-selection__arrow,
.simsSearch__top-select .select2-container .select__selection .select2-selection__arrow {
  right: 20px;
}
.simsSearch .select2-container .select__selection .select2-selection__clear,
.simsSearch__top-select .select2-container .select__selection .select2-selection__clear {
  right: 48px;
}
.simsSearch.simsSearch__doubleSelect .simsSearch__doubleSelect-wrapper,
.simsSearch__top-select.simsSearch__doubleSelect .simsSearch__doubleSelect-wrapper {
  background-color: #F3F4F6;
  position: relative;
  border-radius: 10px;
  width: 100%;
  height: 64px;
  padding: 6px;
  margin-bottom: 8px;
  height: 64px;
}
@media (min-width: 1400px) {
  .simsSearch.simsSearch__doubleSelect .simsSearch__doubleSelect-wrapper,
  .simsSearch__top-select.simsSearch__doubleSelect .simsSearch__doubleSelect-wrapper {
    padding: 8px;
    height: 72px;
  }
}
.simsSearch.simsSearch__doubleSelect .select2-container.select2,
.simsSearch__top-select.simsSearch__doubleSelect .select2-container.select2 {
  position: relative;
  width: 100% !important;
  height: 52px;
  top: auto;
  right: auto;
}
@media (min-width: 1400px) {
  .simsSearch.simsSearch__doubleSelect .select2-container.select2,
  .simsSearch__top-select.simsSearch__doubleSelect .select2-container.select2 {
    height: 56px;
  }
}
@media (max-width: 991px) {
  .simsSearch.simsSearch__doubleSelect .select2-container.select2,
  .simsSearch__top-select.simsSearch__doubleSelect .select2-container.select2 {
    display: none;
  }
}
.simsSearch .suggestions-list,
.simsSearch__top-select .suggestions-list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 0;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  list-style-type: none;
  overflow: hidden;
  margin: 0;
}
.simsSearch .suggestions-list li,
.simsSearch__top-select .suggestions-list li {
  padding: 16px 32px;
  cursor: pointer;
  color: #000000;
}
.simsSearch .suggestions-list li:first-child,
.simsSearch__top-select .suggestions-list li:first-child {
  border-top: none;
}
.simsSearch .suggestions-list li:hover,
.simsSearch__top-select .suggestions-list li:hover {
  background-color: #e41920;
  color: #ffffff;
}
.simsSearch .suggestions-list li:hover strong,
.simsSearch__top-select .suggestions-list li:hover strong {
  color: #ffffff;
}
.simsSearch .suggestions-list li.info-message,
.simsSearch__top-select .suggestions-list li.info-message {
  cursor: default;
  color: #757575;
  background-color: #F3F4F6;
}
.simsSearch .suggestions-list li.info-message:hover,
.simsSearch__top-select .suggestions-list li.info-message:hover {
  background-color: #F3F4F6;
  color: #757575;
}
.simsSearch .suggestions-list li.info-message:hover strong,
.simsSearch__top-select .suggestions-list li.info-message:hover strong {
  color: #757575;
}
.simsSearch .suggestions-list li strong,
.simsSearch__top-select .suggestions-list li strong {
  color: #000000;
}

.simsSearch__top-select {
  margin-bottom: 16px;
}
.simsSearch__top-select .row {
  margin-left: -4px;
  margin-right: -4px;
  row-gap: 16px;
}
@media (max-width: 991px) {
  .simsSearch__top-select .row {
    row-gap: 8px;
  }
}
.simsSearch__top-select .row > * {
  padding-left: 4px;
  padding-right: 4px;
}
.simsSearch__top-select--wrapper {
  background-color: #F3F4F6;
  border-radius: 10px;
  padding: 6px;
}
@media (min-width: 1400px) {
  .simsSearch__top-select--wrapper {
    padding: 8px;
  }
}
.simsSearch__top-select .select2-container.select2 {
  position: relative;
  width: 100% !important;
  top: auto;
  right: auto;
}
@media (max-width: 991px) {
  .simsSearch__top-select .select2-container.select2 {
    display: block;
  }
}
.simsSearch__top-select .select2-container--default .select2-selection--single {
  background-color: #ffffff;
}

.section__gray .simsSearch__selectWrapper,
.section__gray .simsSearch__filter {
  background-color: #ffffff;
}
.section__gray .select2-container--default .select2-selection--single {
  background-color: #F3F4F6;
}
.section__gray .simsSearch__selectWrapper {
  background-color: #ffffff;
}

.select2-container .simsSearch__select2--dropdown {
  margin-top: 0;
  border-radius: 0 0 10px 10px;
}
.select2-container .simsSearch__select2--dropdown.select2-dropdown--above {
  margin-top: 0;
}
.select2-container .simsSearch__select2--dropdown .select2-search--dropdown .select2-search__field {
  padding: 16px 50px 16px 20px;
}
.select2-container .simsSearch__select2--dropdown .select2-search--dropdown::before {
  right: 20px;
}
.select2-container .simsSearch__select2--dropdown .select2-results__option {
  padding: 16px 20px;
}

.productsCategoriesPopup {
  display: none;
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 1028;
  top: 0;
  left: 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .productsCategoriesPopup {
    padding-right: 0;
  }
}
.productsCategoriesPopup.show {
  display: block;
}
.productsCategoriesPopup__overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  backdrop-filter: blur(10px);
  transition: all 0.3s ease-in-out;
}
.productsCategoriesPopup__overlay.show {
  opacity: 1;
}
.productsCategoriesPopup__body {
  position: relative;
  display: inline-block;
  background-color: #ffffff;
  width: auto;
  height: 100vh;
  z-index: 4;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  left: -100%;
  padding-left: 48px;
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__body {
    padding-left: 56px;
  }
}
.productsCategoriesPopup__body.slide {
  left: 0;
}
@media (max-width: 991px) {
  .productsCategoriesPopup__body {
    width: calc(100vw - 40px);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 32px;
    left: -100%;
  }
}
.productsCategoriesPopup__heading {
  position: relative;
  padding-top: 48px;
  padding-left: 16px;
  margin-bottom: 40px;
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__heading {
    padding-top: 80px;
    padding-left: 24px;
    margin-bottom: 48px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__heading {
    padding-top: 16px;
    margin-bottom: 32px;
    padding-right: 0;
    padding-left: 0;
  }
}
.productsCategoriesPopup__heading--close {
  position: absolute;
  background-color: #F3F4F6;
  width: 42px;
  height: 42px;
  border: none;
  border-radius: 50%;
  top: 32px;
  right: 32px;
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__heading--close {
    width: 52px;
    height: 52px;
    top: 32px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__heading--close {
    width: 32px;
    height: 32px;
    top: -14px;
    right: 0;
  }
}
.productsCategoriesPopup__heading--close::before, .productsCategoriesPopup__heading--close::after {
  position: absolute;
  content: "";
  background-color: #000000;
  width: 1.5px;
  height: 14px;
  border-radius: 2px;
  left: 50%;
  top: 50%;
  margin-top: -7px;
  margin-left: -0.5px;
}
@media (max-width: 991px) {
  .productsCategoriesPopup__heading--close::before, .productsCategoriesPopup__heading--close::after {
    height: 12px;
    margin-top: -6px;
  }
}
.productsCategoriesPopup__heading--close::before {
  transform: rotate(45deg);
}
.productsCategoriesPopup__heading--close::after {
  transform: rotate(-45deg);
}
.productsCategoriesPopup__heading--close:hover {
  background-color: #DBDBDB;
}
.productsCategoriesPopup__heading--title {
  display: inline-block;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .productsCategoriesPopup__heading--title {
    padding-left: 0;
  }
}
.productsCategoriesPopup__main {
  height: 100%;
  display: inline-block;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productsCategoriesPopup__main {
    display: block;
    overflow: hidden;
  }
}
.productsCategoriesPopup__main--row {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
@media (max-width: 991px) {
  .productsCategoriesPopup__main--row {
    position: relative;
  }
}
.productsCategoriesPopup__main--column {
  position: relative;
  flex: 0 0 auto;
  width: 330px;
  height: 100%;
  left: auto;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productsCategoriesPopup__main--column {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .productsCategoriesPopup__main--column {
    width: 350px;
  }
}
@media (min-width: 1300px) {
  .productsCategoriesPopup__main--column {
    width: 370px;
  }
}
@media (min-width: 1400px) {
  .productsCategoriesPopup__main--column {
    width: 400px;
  }
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__main--column {
    width: 480px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__main--column {
    width: 100%;
  }
}
.productsCategoriesPopup__main--column:last-child .productsCategoriesPopup__content {
  border-right: none;
}
.productsCategoriesPopup__main--column-categories {
  width: 340px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productsCategoriesPopup__main--column-categories {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .productsCategoriesPopup__main--column-categories {
    width: 300px;
  }
}
@media (min-width: 1300px) {
  .productsCategoriesPopup__main--column-categories {
    width: 340px;
  }
}
@media (min-width: 1400px) {
  .productsCategoriesPopup__main--column-categories {
    width: 380px;
  }
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__main--column-categories {
    width: 380px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__main--column-categories {
    width: 100%;
    left: 0;
  }
}
.productsCategoriesPopup__main--column-categories.hide {
  left: -160%;
}
.productsCategoriesPopup__main--column-categories .productsCategoriesPopup__content--menu {
  padding-left: 0;
}
.productsCategoriesPopup__main--column-type {
  width: 340px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productsCategoriesPopup__main--column-type {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .productsCategoriesPopup__main--column-type {
    width: 380px;
  }
}
@media (min-width: 1300px) {
  .productsCategoriesPopup__main--column-type {
    width: 400px;
  }
}
@media (min-width: 1400px) {
  .productsCategoriesPopup__main--column-type {
    width: 440px;
  }
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__main--column-type {
    width: 500px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__main--column-type {
    position: absolute;
    width: 100%;
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    left: -160%;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__main--column-type.slide {
    left: 0;
  }
}
.productsCategoriesPopup__main--column-type.hide {
  display: none;
}
.productsCategoriesPopup__main--column-type .productsCategoriesPopup__content {
  position: relative;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.productsCategoriesPopup__main--column-type .productsCategoriesPopup__content.slide {
  left: -100%;
}
.productsCategoriesPopup__main--column-type .productsCategoriesPopup__content.hide {
  display: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productsCategoriesPopup__main--column-type .productsCategoriesPopup__content {
    border-right: 0;
  }
}
.productsCategoriesPopup__main--column-type .productsCategoriesPopup__content--title {
  padding-left: 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productsCategoriesPopup__main--column-type .productsCategoriesPopup__content--title {
    padding-left: 32px;
  }
}
@media (min-width: 1200px) {
  .productsCategoriesPopup__main--column-type .productsCategoriesPopup__content--title {
    padding-left: 40px;
  }
}
@media (min-width: 1400px) {
  .productsCategoriesPopup__main--column-type .productsCategoriesPopup__content--title {
    padding-left: 40px;
  }
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__main--column-type .productsCategoriesPopup__content--title {
    padding-left: 48px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__main--column-type .productsCategoriesPopup__content--title {
    padding-left: 0;
  }
}
.productsCategoriesPopup__main--column-type .productsCategoriesPopup__content--nav-button {
  min-height: 56px;
}
@media (max-width: 991px) {
  .productsCategoriesPopup__main--column-type .productsCategoriesPopup__content--nav-button {
    min-height: 47px;
  }
}
.productsCategoriesPopup__main--column-series {
  position: relative;
  display: none;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  width: 340px;
  opacity: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productsCategoriesPopup__main--column-series {
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .productsCategoriesPopup__main--column-series {
    width: 380px;
  }
}
@media (min-width: 1300px) {
  .productsCategoriesPopup__main--column-series {
    width: 400px;
  }
}
@media (min-width: 1400px) {
  .productsCategoriesPopup__main--column-series {
    width: 440px;
  }
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__main--column-series {
    width: 500px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__main--column-series {
    position: absolute;
    display: block;
    width: 100%;
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    left: -160%;
    opacity: 1;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__main--column-series.slide {
    left: 0;
  }
}
.productsCategoriesPopup__main--column-series.show {
  display: block;
}
.productsCategoriesPopup__main--column-series.slide {
  opacity: 1;
}
.productsCategoriesPopup__main--column-series .productsCategoriesPopup__content--title {
  padding-left: 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productsCategoriesPopup__main--column-series .productsCategoriesPopup__content--title {
    padding-left: 32px;
  }
}
@media (min-width: 1200px) {
  .productsCategoriesPopup__main--column-series .productsCategoriesPopup__content--title {
    padding-left: 40px;
  }
}
@media (min-width: 1400px) {
  .productsCategoriesPopup__main--column-series .productsCategoriesPopup__content--title {
    padding-left: 40px;
  }
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__main--column-series .productsCategoriesPopup__content--title {
    padding-left: 48px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__main--column-series .productsCategoriesPopup__content--title {
    padding-left: 0;
  }
}
.productsCategoriesPopup__main--column-series .productsCategoriesPopup__content--nav-button {
  min-height: 56px;
}
@media (max-width: 991px) {
  .productsCategoriesPopup__main--column-series .productsCategoriesPopup__content--nav-button {
    min-height: 47px;
  }
}
.productsCategoriesPopup__content {
  height: 100%;
  border-right: 1px solid #DBDBDB;
}
@media (max-width: 991px) {
  .productsCategoriesPopup__content {
    border-right: none;
  }
}
.productsCategoriesPopup__content--back {
  background: none;
  border: none;
  padding: 0;
  margin-bottom: 32px;
}
.productsCategoriesPopup__content--back span {
  position: relative;
  top: 1.5px;
  left: -3.5px;
}
.productsCategoriesPopup__content--title {
  margin-bottom: 24px;
  padding-left: 16px;
  color: #757575;
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__content--title {
    padding-left: 24px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__content--title {
    margin-top: 0;
    padding-left: 0;
    margin-bottom: 16px;
  }
}
.productsCategoriesPopup__content--scroller {
  position: relative;
  background-color: transparent;
  right: 0;
  height: calc(100vh - 160px);
  overflow: auto;
}
@media (min-width: 1400px) {
  .productsCategoriesPopup__content--scroller {
    height: calc(100vh - 170px);
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__content--scroller {
    right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.productsCategoriesPopup__content--menu {
  height: auto;
  padding-left: 16px;
  padding-right: 32px;
  padding-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productsCategoriesPopup__content--menu {
    padding-left: 16px;
    padding-right: 32px;
    padding-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .productsCategoriesPopup__content--menu {
    padding-left: 16px;
    padding-right: 32px;
    padding-bottom: 40px;
  }
}
@media (min-width: 1400px) {
  .productsCategoriesPopup__content--menu {
    padding-left: 24px;
    padding-right: 40px;
    padding-bottom: 48px;
  }
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__content--menu {
    padding-left: 24px;
    padding-right: 48px;
    padding-bottom: 64px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__content--menu {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 32px;
  }
}
.productsCategoriesPopup__content--nav {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
.productsCategoriesPopup__content--nav li {
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 991px) {
  .productsCategoriesPopup__content--nav li {
    margin-bottom: 4px;
  }
}
.productsCategoriesPopup__content--nav li:last-child {
  margin-bottom: 0;
}
.productsCategoriesPopup__content--nav-button {
  position: relative;
  background-color: transparent;
  border: none;
  display: block;
  width: 100%;
  padding: 8px 36px 8px 16px;
  margin-bottom: 4px;
  text-align: left;
  color: #000000;
  border-radius: 10px;
  align-content: center;
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__content--nav-button {
    padding: 12px 48px 12px 24px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__content--nav-button {
    padding: 10px 20px;
    padding-left: 0;
    padding-right: 24px;
  }
}
.productsCategoriesPopup__content--nav-button.active, .productsCategoriesPopup__content--nav-button:hover {
  background-color: #F8F8F8;
  text-decoration: none;
}
.productsCategoriesPopup__content--nav-button.active::after {
  display: block;
}
@media (max-width: 991px) {
  .productsCategoriesPopup__content--nav-button.active {
    padding: 10px 20px;
    padding-left: 0;
    padding-right: 24px;
    background-color: #ffffff;
  }
}
.productsCategoriesPopup__content--nav-button::after {
  display: none;
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec63";
  font-size: 16px;
  line-height: 16px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__content--nav-button::after {
    right: 20px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__content--nav-button::after {
    display: block;
    font-size: 12px;
    line-height: 12px;
    right: 0;
    top: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productsCategoriesPopup__content--nav-button::after {
    font-size: 14px;
    line-height: 14px;
  }
}
.productsCategoriesPopup__content--nav-button.thumbnail-active {
  padding-left: 80px;
}
@media (min-width: 1400px) {
  .productsCategoriesPopup__content--nav-button.thumbnail-active {
    padding-left: 84px;
  }
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__content--nav-button.thumbnail-active {
    padding-left: 88px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__content--nav-button.thumbnail-active {
    padding-left: 58px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__content--nav-button.thumbnail-active::after {
    top: 50%;
    transform: translateY(-50%);
  }
}
.productsCategoriesPopup__content--nav-thumb {
  position: absolute;
  width: 64px;
  height: auto;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1600px) {
  .productsCategoriesPopup__content--nav-thumb {
    left: 14px;
  }
}
@media (max-width: 991px) {
  .productsCategoriesPopup__content--nav-thumb {
    width: 54px;
    left: 0;
  }
}
.productsCategoriesPopup__content--series {
  display: none;
}
.productsCategoriesPopup__content--series.show {
  display: block;
}
.productsCategoriesPopup__content--series .productsCategoriesPopup__content--nav-button::after {
  display: block;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.productsCategoriesPopup__content--series .productsCategoriesPopup__content--nav-button:hover::after {
  display: block;
  opacity: 1;
}

.contactInfo__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  text-align: center;
}
@media (max-width: 991px) {
  .contactInfo__grid {
    grid-template-columns: repeat(2, 1fr);
    text-align: left;
    column-gap: 8px;
    row-gap: 8px;
    margin-bottom: 24px;
  }
}
.contactInfo__item {
  border-top: 1px solid #DBDBDB;
  padding: 32px;
  border-left: 1px solid #DBDBDB;
}
.contactInfo__item:first-child {
  border-left: none;
}
@media (max-width: 991px) {
  .contactInfo__item:first-child {
    border: 1px solid #DBDBDB;
  }
}
.contactInfo__item:last-child {
  border-bottom: none;
}
@media (max-width: 991px) {
  .contactInfo__item:last-child {
    border: 1px solid #DBDBDB;
  }
}
@media (max-width: 991px) {
  .contactInfo__item {
    min-height: 77px;
    padding: 12px 16px;
    border: 1px solid #DBDBDB;
    border-radius: 8px;
  }
}
.contactInfo__desc {
  color: #939393;
}

@media (min-width: 1600px) {
  .separator__md {
    margin: 32px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .separator__md {
    margin: 27px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .separator__md {
    margin: 21px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .separator__md {
    margin: 18px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .separator__md {
    margin: 16px 0;
  }
}
@media (max-width: 767px) {
  .separator__md {
    margin: 14px 0;
  }
}
@media (min-width: 1600px) {
  .separator__lg {
    margin: 48px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .separator__lg {
    margin: 40px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .separator__lg {
    margin: 32px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .separator__lg {
    margin: 27px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .separator__lg {
    margin: 24px 0;
  }
}
@media (max-width: 767px) {
  .separator__lg {
    margin: 22px 0;
  }
}

.table__box {
  width: 100%;
  border-collapse: collapse;
  border: none;
  border-radius: 8px;
}
.table__box thead {
  background-color: #F3F4F6;
}
.table__box thead th {
  text-align: left;
  padding: 12px 16px;
  color: #000000;
  border: none;
}
.table__box thead th:last-child {
  border-right: none;
}
.table__box tbody tr td {
  padding: 12px 16px;
  color: #757575;
  border-top: 1px solid #DBDBDB;
  border-right: 1px solid #DBDBDB;
}
.table__box tbody tr td:first-child {
  border-left: none;
}
.table__box tbody tr td:last-child {
  border-right: none;
}
.table__box tbody tr td .table__box-link {
  color: #757575;
}
.table__box tbody tr td .table__box-link:hover {
  color: #e41920;
  text-decoration: underline;
}
.table__box tbody tr:first-child td {
  border-top: none;
}
.table__box th,
.table__box td {
  padding: 12px 16px;
  vertical-align: middle;
  border-right: 1px solid #DBDBDB;
}
.table__box th:first-child,
.table__box td:first-child {
  border-left: none;
  color: #000000;
}
.table__box th:last-child,
.table__box td:last-child {
  border-right: none;
}
.table__box th a,
.table__box td a {
  color: #e41920;
  text-decoration: none;
}
@supports selector(:has(*)) {
  .table__box:not(:has(thead)) tbody tr:first-child td {
    border-top: none;
  }
}
.table__box .w-65px {
  width: 64px;
}
.table__box .w-588px {
  width: 588px;
}

.table-wrapper {
  border: 1px solid #DBDBDB;
  border-radius: 8px;
  overflow: hidden;
}
.table-wrapper__responsive {
  width: 100%;
  overflow-x: auto;
}
@media (max-width: 768px) {
  .table-wrapper__responsive {
    -webkit-overflow-scrolling: touch;
    border-radius: 8px;
  }
}
.table-wrapper__responsive .table__box {
  min-width: 600px;
}

.table--striped tbody tr:nth-child(odd) {
  background-color: #fafafa;
}
.table--striped tbody tr:nth-child(even) {
  background-color: #ffffff;
}

.table--striped tbody tr.striped {
  background-color: #fafafa;
}
.table--striped tbody tr:not(.striped):nth-child(even) {
  background-color: #ffffff;
}
.table--striped tbody tr:not(.striped):nth-child(odd) {
  background-color: #fafafa;
}

table[borderless] {
  border: 0;
  border-bottom: none;
}
table[borderless] td,
table[borderless] th {
  border: 0;
  border-bottom: none;
  padding: 0;
}
table[borderless] td:empty,
table[borderless] th:empty {
  padding: 0;
}
table[borderless] td:empty::before,
table[borderless] th:empty::before {
  content: "";
  padding: 0;
}
table[borderless] tr {
  border: 0;
  border-bottom: none;
}

.submission {
  min-height: calc(100vh - 323px);
  align-content: center;
}
@media (min-width: 1400px) {
  .submission {
    min-height: calc(100vh - 363px);
  }
}
@media (min-width: 1600px) {
  .submission {
    min-height: calc(100vh - 403px);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .submission {
    min-height: calc(100vh - 282px);
  }
}
@media (max-width: 991px) {
  .submission {
    min-height: calc(100vh - 160px);
  }
}
.submission.section__gray, .submission.section__dark {
  min-height: calc(100vh - 163px);
}
@media (min-width: 1400px) {
  .submission.section__gray, .submission.section__dark {
    min-height: calc(100vh - 163px);
  }
}
@media (min-width: 1600px) {
  .submission.section__gray, .submission.section__dark {
    min-height: calc(100vh - 163px);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .submission.section__gray, .submission.section__dark {
    min-height: calc(100vh - 148px);
  }
}
@media (max-width: 991px) {
  .submission.section__gray, .submission.section__dark {
    min-height: calc(100vh - 64px);
  }
}
.submission__content {
  text-align: center;
  color: #757575;
}
.submission__content--heading {
  margin-bottom: 0;
}
.submission__content--code {
  background-color: #F3F4F6;
  border-radius: 10px;
  color: #000000;
}
@media (min-width: 1600px) {
  .submission__content--code {
    padding: 24px 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .submission__content--code {
    padding: 20px 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .submission__content--code {
    padding: 16px 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .submission__content--code {
    padding: 13px 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .submission__content--code {
    padding: 12px 16px;
  }
}
@media (max-width: 767px) {
  .submission__content--code {
    padding: 11px 14px;
  }
}
@media (min-width: 1600px) {
  .submission__content--code {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .submission__content--code {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .submission__content--code {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .submission__content--code {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .submission__content--code {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .submission__content--code {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .submission__content--code {
    padding: 16px 24px;
    margin-top: 24px;
  }
}
@media (min-width: 1600px) {
  .submission__content--desc {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .submission__content--desc {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .submission__content--desc {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .submission__content--desc {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .submission__content--desc {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .submission__content--desc {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .submission__content--desc {
    margin-top: 24px;
  }
}
@media (min-width: 1600px) {
  .submission__content--confirmation {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .submission__content--confirmation {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .submission__content--confirmation {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .submission__content--confirmation {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .submission__content--confirmation {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .submission__content--confirmation {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .submission__content--confirmation {
    margin-top: 24px;
  }
}
.submission__content--confirmation strong {
  color: #000000;
}
@media (min-width: 1600px) {
  .submission__content--action {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .submission__content--action {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .submission__content--action {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .submission__content--action {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .submission__content--action {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .submission__content--action {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .submission__content--action {
    margin-top: 24px;
  }
}
.submission__content--acknowledgement {
  background-color: #E8E9EB;
  border-radius: 10px;
  padding: 40px 30px;
  margin-bottom: 30px;
  text-align: left;
}
@media (min-width: 1600px) {
  .submission__content--acknowledgement {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .submission__content--acknowledgement {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .submission__content--acknowledgement {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .submission__content--acknowledgement {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .submission__content--acknowledgement {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .submission__content--acknowledgement {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .submission__content--acknowledgement {
    margin-top: 24px;
  }
}

.icon-submission {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e41920;
  border-radius: 50%;
  margin: 0 auto;
}
@media (min-width: 1600px) {
  .icon-submission {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .icon-submission {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .icon-submission {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .icon-submission {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .icon-submission {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .icon-submission {
    margin-bottom: 22px;
  }
}
@media (max-width: 991px) {
  .icon-submission {
    margin-bottom: 24px;
    width: 70px;
    height: 70px;
  }
}
.icon-submission i {
  color: #ffffff;
  font-size: 48px;
}
@media (max-width: 991px) {
  .icon-submission i {
    font-size: 32px;
  }
}

.section__gray .submission__content--code {
  background-color: #ffffff;
}

.section__dark .submission__content {
  color: #939393;
}
.section__dark .submission__content--code {
  background-color: #262626;
  color: #ffffff;
}
.section__dark .submission__content--confirmation strong {
  color: #ffffff;
}

/* 
COMPONENTS - Banner, Jumbotron, News etc
======================================================== */
.banner {
  position: relative;
}
.banner__mobile {
  display: none;
}
@media (max-width: 575px) {
  .banner__mobile {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: transparent;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    align-content: center;
  }
}
.banner__item {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #000000;
  color: #ffffff;
  padding-bottom: 39.0625%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .banner__item {
    position: relative;
    background-size: cover;
    background-position-y: top;
    padding-bottom: 0;
    height: 300px;
    align-content: center;
  }
}
@media (max-width: 991px) {
  .banner__item.bg__cover {
    background-size: cover;
  }
}
.banner__item.bg__cover::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000000;
  background: linear-gradient(100deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  opacity: 0.7;
  z-index: 2;
}
.banner__item.bg__cover.bg__cover--white::before {
  background: #FFFFFF;
  background: linear-gradient(100deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.5) 100%);
}
.banner__item.bg__cover.bg__cover--white .banner__content--title {
  color: #000000;
}
.banner__item.image-only {
  height: 100%;
  background-size: cover;
}
@media (max-width: 991px) {
  .banner__item.image-only {
    min-height: 300px;
  }
}
.banner__item.banner__gray, .banner__item.banner__white {
  background-color: #ffffff;
}
.banner__item.banner__gray .banner__content--title, .banner__item.banner__white .banner__content--title {
  color: #000000;
}
.banner__item.banner__gray .banner__content--label-categories, .banner__item.banner__white .banner__content--label-categories {
  color: #757575;
}
.banner__item.banner__gray {
  background-color: #F3F4F6;
}
.banner__item--link-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
}
.banner .swiper .swiper-slide {
  align-self: stretch;
  height: auto;
}
.banner__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
}
.banner__content {
  position: absolute;
  background: none;
  background: none;
  width: 100%;
  height: auto;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 4;
}
@media (max-width: 991px) {
  .banner__content {
    position: relative;
    padding-top: 0;
    left: auto;
    top: auto;
    transform: none;
  }
}
@media (max-width: 575px) {
  .banner__content {
    margin-top: -28px;
  }
}
.banner__content--image {
  max-width: 100%;
  height: auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 575px) {
  .banner__content--image {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: 75%;
  }
}
.banner__content--label {
  margin-bottom: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .banner__content--label {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .banner__content--label {
    margin-bottom: 16px;
  }
}
@media (max-width: 575px) {
  .banner__content--label {
    font-size: 11px;
    line-height: normal;
  }
}
.banner__content--label-new {
  color: #e41920;
  margin-right: 16px;
}
@media (max-width: 991px) {
  .banner__content--label-new {
    margin-right: 8px;
  }
}
.banner__content--label-categories {
  color: #939393;
  letter-spacing: 1.28px;
}
.banner__content--title {
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .banner__content--title {
    font-size: 48px;
    line-height: 50px;
  }
}
@media (max-width: 991px) {
  .banner__content--title {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 0;
  }
}
@media (max-width: 575px) {
  .banner__content--title {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
@media (min-width: 1600px) {
  .banner__content--action {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .banner__content--action {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .banner__content--action {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .banner__content--action {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .banner__content--action {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .banner__content--action {
    margin-top: 22px;
  }
}
@media (max-width: 575px) {
  .banner__content--action {
    margin-top: 24px;
  }
}
@media (max-width: 575px) {
  .banner__content--action {
    margin-top: 16px;
  }
}
@media (max-width: 991px) {
  .banner__content--action .button {
    margin-right: 6px;
  }
}
@media (max-width: 575px) {
  .banner__content--action .button {
    padding: 8px 16px;
    font-size: 13px;
    line-height: normal;
  }
}
.banner__content--action .button + .button {
  margin-left: 16px;
}
@media (max-width: 991px) {
  .banner__content--action .button + .button {
    margin-right: 0;
    margin-left: 0;
  }
}
.banner__content--action .button__text:hover,
.banner__content--action .button__text--white:hover {
  color: #e41920;
}
.banner__content--block-desktop {
  display: block;
}
@media (max-width: 991px) {
  .banner__content--block-desktop {
    display: none;
  }
}
.banner__content--block-mobile {
  display: none;
}
@media (max-width: 991px) {
  .banner__content--block-mobile {
    display: block;
  }
}
.banner__content--inline-desktop {
  display: inline-block;
}
@media (max-width: 991px) {
  .banner__content--inline-desktop {
    display: none;
  }
}
.banner__content--inline-mobile {
  display: none;
}
@media (max-width: 991px) {
  .banner__content--inline-mobile {
    display: inline-block;
  }
}
.banner__pagination {
  position: absolute;
  top: 50%;
  right: 64px;
  width: 20px;
  z-index: 2;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .banner__pagination {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 20px;
    top: auto;
    bottom: 16px;
    padding-left: 20px;
    padding-right: 20px;
    right: auto;
    left: auto;
    transform: none;
    justify-content: center;
  }
}
.banner__pagination.swiper-pagination-lock {
  display: none;
}
.banner__pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  border-radius: 50%;
  margin: 4px 0;
}
@media (max-width: 991px) {
  .banner__pagination .swiper-pagination-bullet {
    margin: 0 4px;
  }
}
.banner__pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  background-color: #757575;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.banner__pagination .swiper-pagination-bullet-active {
  border: 2px solid #e41920;
}
.banner__pagination .swiper-pagination-bullet-active::before {
  background-color: #e41920;
}
.banner__pagination .swiper-pagination-bullet:hover::before {
  background-color: #e41920;
}
.banner__dark .button__text,
.banner__dark .button__text--white {
  color: #ffffff;
}
.banner__dark .button__text:hover,
.banner__dark .button__text--white:hover {
  color: #e41920;
}

.mastheadDetails {
  position: relative;
  color: #000000;
  padding-bottom: 32px;
}
@media (max-width: 991px) {
  .mastheadDetails {
    padding-top: 64px;
    overflow: hidden;
  }
}
.mastheadDetails__row {
  align-items: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__row {
    min-height: auto;
  }
}
.mastheadDetails__content {
  display: flex;
  height: 100%;
}
@media (min-width: 1600px) {
  .mastheadDetails__content {
    padding-right: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__content {
    padding-right: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__content {
    padding-right: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__content {
    padding-right: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__content {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__content {
    padding-right: 18px;
  }
}
@media (max-width: 991px) {
  .mastheadDetails__content {
    padding: 40px 0 0 0;
    padding-right: 0;
  }
}
.mastheadDetails__content--inner {
  flex: 1 1 auto;
  align-self: center;
}
@media (min-width: 1600px) {
  .mastheadDetails__label {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__label {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__label {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__label {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__label {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__label {
    margin-bottom: 11px;
  }
}
.mastheadDetails__label--new {
  color: #e41920;
}
.mastheadDetails__label--categories {
  color: #757575;
}
@media (min-width: 1600px) {
  .mastheadDetails__label--categories {
    margin-left: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__label--categories {
    margin-left: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__label--categories {
    margin-left: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__label--categories {
    margin-left: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__label--categories {
    margin-left: 8px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__label--categories {
    margin-left: 7px;
  }
}
.mastheadDetails__title {
  color: #000000;
}
@media (min-width: 1600px) {
  .mastheadDetails__title {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__title {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__title {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__title {
    margin-bottom: 14px;
  }
}
.mastheadDetails__price {
  display: inline-block;
  color: #757575;
}
@media (min-width: 1600px) {
  .mastheadDetails__price {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__price {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__price {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__price {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__price {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__price {
    margin-bottom: 14px;
  }
}
@media (max-width: 991px) {
  .mastheadDetails__price {
    margin-bottom: 24px;
  }
}
.mastheadDetails__price--sup {
  font-size: 12px;
  line-height: normal;
  font-weight: 700;
}
.mastheadDetails__price--currency {
  display: inline-block;
}
.mastheadDetails__price--promotion {
  color: #939393;
  text-align: right;
  display: inline-block;
}
@media (min-width: 1600px) {
  .mastheadDetails__price--promotion {
    margin-left: 8px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__price--promotion {
    margin-left: 7px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__price--promotion {
    margin-left: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__price--promotion {
    margin-left: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__price--promotion {
    margin-left: 4px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__price--promotion {
    margin-left: 4px;
  }
}
.mastheadDetails__price--inclusive {
  font-size: 14px;
  line-height: normal;
  margin-top: 6px;
  color: #939393;
}
@media (min-width: 1600px) {
  .mastheadDetails__subheading {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__subheading {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__subheading {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__subheading {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__subheading {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__subheading {
    margin-bottom: 11px;
  }
}
@media (max-width: 991px) {
  .mastheadDetails__subheading {
    margin-bottom: 24px;
  }
}
@media (min-width: 1600px) {
  .mastheadDetails__product--available {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__product--available {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__product--available {
    margin-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__product--available {
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__product--available {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__product--available {
    margin-top: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__product--available {
    margin-top: 24px;
  }
}
@media (max-width: 991px) {
  .mastheadDetails__product--available {
    margin-top: 24px;
  }
}
.mastheadDetails__product--available-title {
  font-weight: 700;
  margin-bottom: 16px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__product--available-title {
    margin-bottom: 12px;
  }
}
@media (max-width: 991px) {
  .mastheadDetails__product--available-title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1600px) {
  .mastheadDetails__product--kit {
    margin-bottom: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__product--kit {
    margin-bottom: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__product--kit {
    margin-bottom: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__product--kit {
    margin-bottom: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__product--kit {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__product--kit {
    margin-bottom: 7px;
  }
}
@media (max-width: 991px) {
  .mastheadDetails__product--kit {
    margin-bottom: 12px;
  }
}
.mastheadDetails__product--kit .select2-container.select2 {
  width: 60% !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__product--kit .select2-container.select2 {
    width: 80% !important;
  }
}
@media (max-width: 991px) {
  .mastheadDetails__product--kit .select2-container.select2 {
    width: 100% !important;
  }
}
.mastheadDetails__product--kit .select2-container .form-select__white {
  border-radius: 8px;
}
.mastheadDetails__product--kit .select2-container .form-select__selection .select2-selection__rendered {
  padding-left: 12px;
  padding-right: 36px;
}
.mastheadDetails__product--kit .select2-container .select__md .select2-selection__rendered {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mastheadDetails__product--kit .select2-container .form-select__selection .select2-selection__arrow {
  width: 16px;
  height: 16px;
  right: 12px;
}
.mastheadDetails__product--kit .select2-container .form-select__selection .select2-selection__arrow::before, .mastheadDetails__product--kit .select2-container .form-select__selection .select2-selection__arrow::after {
  font-size: 16px;
  line-height: 16px;
}
.mastheadDetails__product--kit .select2-container .form-select__selection .select2-selection__arrow::after {
  display: none;
  font-family: "canonIcon" !important;
  content: "\ec6c";
}
.mastheadDetails__product--kit .select2-container.select2-container--open .form-select__selection .select2-selection__arrow::before {
  display: none;
}
.mastheadDetails__product--kit .select2-container.select2-container--open .form-select__selection .select2-selection__arrow::after {
  display: block;
}
.mastheadDetails__product--kit .select2-container--default .select2-selection--single {
  background-color: #ffffff;
  border: 1px solid #DBDBDB;
}
.mastheadDetails__product--kit .select2-container .form-select__selection .select2-selection__rendered {
  background-color: transparent;
}
.mastheadDetails__color--active {
  color: #757575;
  margin-bottom: 14px;
}
@media (max-width: 991px) {
  .mastheadDetails__color--active {
    margin-bottom: 12px;
  }
}
.mastheadDetails__color--active-label {
  color: #000000;
  margin-right: 6px;
}
@media (max-width: 991px) {
  .mastheadDetails__color--active-label {
    margin-right: 5.3333333333px;
  }
}
.mastheadDetails__color--listing {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 8px;
  align-content: center;
}
.mastheadDetails__color--listing-button {
  background: none;
  flex: 0 0 auto;
  border-radius: 5px;
  color: #000000;
  padding: 0;
  border: none;
  align-self: center;
  transition: all 0.3s ease-in-out;
}
.mastheadDetails__color--listing-button:hover {
  color: #000000;
}
.mastheadDetails__color--listing-button.active {
  background: none;
  color: #ffffff;
  height: auto;
}
@media (max-width: 991px) {
  .mastheadDetails__color--listing-button.active {
    height: auto;
  }
}
.mastheadDetails__color--listing-button.active:hover {
  color: #ffffff;
}
.mastheadDetails__color--listing-button.active .mastheadDetails__color--listing-button-color::before {
  display: block;
}
.mastheadDetails__color--listing-button-color {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 4px;
  border: 1px solid #939393;
}
.mastheadDetails__color--listing-button-color::before {
  display: none;
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #e41920;
  left: -4px;
  top: -4px;
}
.mastheadDetails__action {
  display: block;
}
@media (min-width: 1600px) {
  .mastheadDetails__action {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__action {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__action {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__action {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__action {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__action {
    margin-top: 22px;
  }
}
@media (max-width: 991px) {
  .mastheadDetails__action {
    margin-top: 32px;
  }
}
.mastheadDetails__gallery {
  position: relative;
}
@media (max-width: 991px) {
  .mastheadDetails__gallery {
    padding: 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__gallery--main {
    padding-right: 60px;
  }
}
@media (min-width: 1200px) {
  .mastheadDetails__gallery--main {
    padding-right: 90px;
  }
}
@media (min-width: 1400px) {
  .mastheadDetails__gallery--main {
    padding-right: 70px;
  }
}
@media (min-width: 1600px) {
  .mastheadDetails__gallery--main {
    padding-right: 0;
  }
}
.mastheadDetails__gallery--main .swiper-slide {
  text-align: center;
}
.mastheadDetails__gallery--main-frame {
  position: relative;
  width: 100%;
  padding-bottom: 88.3977900552%;
  overflow: hidden;
}
.mastheadDetails__gallery--main-img {
  position: absolute;
  max-width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__gallery--main-img {
    max-width: 60%;
  }
}
.mastheadDetails__gallery--main-img.active {
  opacity: 1;
}
.mastheadDetails__gallery--pagination {
  display: none;
  text-align: center;
}
@media (min-width: 1600px) {
  .mastheadDetails__gallery--pagination {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__gallery--pagination {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__gallery--pagination {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__gallery--pagination {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__gallery--pagination {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__gallery--pagination {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .mastheadDetails__gallery--pagination {
    display: block;
  }
}
.mastheadDetails__gallery--pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  border-radius: 50%;
  margin: 4px 0;
}
@media (max-width: 991px) {
  .mastheadDetails__gallery--pagination .swiper-pagination-bullet {
    margin: 0 4px;
  }
}
.mastheadDetails__gallery--pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  background-color: #757575;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mastheadDetails__gallery--pagination .swiper-pagination-bullet-active {
  border: 1px solid #e41920;
}
.mastheadDetails__gallery--pagination .swiper-pagination-bullet-active::before {
  background-color: #e41920;
}
.mastheadDetails__gallery--pagination .swiper-pagination-bullet:hover::before {
  background-color: #e41920;
}
.mastheadDetails__gallery--thumbs {
  position: absolute;
  width: 88px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 2;
  padding: 56px 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__gallery--thumbs {
    right: 0;
    width: 54px;
  }
}
@media (min-width: 1200px) {
  .mastheadDetails__gallery--thumbs {
    right: 0;
  }
}
@media (min-width: 1400px) {
  .mastheadDetails__gallery--thumbs {
    right: -22px;
  }
}
@media (min-width: 1600px) {
  .mastheadDetails__gallery--thumbs {
    right: -88px;
  }
}
@media (max-width: 991px) {
  .mastheadDetails__gallery--thumbs {
    display: none;
  }
}
.mastheadDetails__gallery--thumbs .swiper {
  height: 400px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__gallery--thumbs .swiper {
    height: 270px;
  }
}
.mastheadDetails__gallery--thumbs .swiper-slide {
  width: 88px;
  height: 72px !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__gallery--thumbs .swiper-slide {
    right: 0;
    width: 54px;
    height: 46px !important;
  }
}
.mastheadDetails__gallery--thumbs .swiper-slide:hover .mastheadDetails__gallery--thumbs-item {
  border: 1px solid #939393;
}
.mastheadDetails__gallery--thumbs .swiper-slide.swiper-slide-thumb-active .mastheadDetails__gallery--thumbs-item {
  border: 1px solid #939393;
}
.mastheadDetails__gallery--thumbs-item {
  position: relative;
  display: block;
  background-color: #F3F4F6;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: 60% auto;
  border: 1px solid transparent;
  position: relative;
  width: 88px;
  height: 72px;
  overflow: hidden;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__gallery--thumbs-item {
    width: 54px;
    height: 46px;
  }
}
.mastheadDetails__gallery--thumbs-img {
  position: absolute;
  max-width: 60%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.mastheadDetails__gallery--thumbs-img.active {
  opacity: 1;
}
.mastheadDetails__gallery--thumbs-nav {
  position: absolute;
  background: #F3F4F6;
  border: none;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  color: #000000;
  text-align: center;
  font-size: 18px;
  line-height: normal;
  left: 50%;
  transform: translateX(-50%);
}
.mastheadDetails__gallery--thumbs-nav:hover {
  background: #e41920;
  color: #ffffff;
}
.mastheadDetails__gallery--thumbs-nav span {
  position: absolute;
  width: 18px;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mastheadDetails__gallery--thumbs-nav.gallery--thumbs-up {
  top: 0;
}
.mastheadDetails__gallery--thumbs-nav.gallery--thumbs-down {
  bottom: 0;
}
.mastheadDetails__gallery--thumbs-nav.swiper-button-disabled {
  background-color: #F3F4F6;
  color: #000000;
  opacity: 0.5;
}
.mastheadDetails__gallery--thumbs-nav.swiper-button-disabled:hover {
  background-color: #F3F4F6;
  color: #000000;
  cursor: default;
}
.mastheadDetails__gallery--thumbs-nav.swiper-button-disabled span {
  opacity: 0.4;
}
.mastheadDetails__navbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
@media (min-width: 1600px) {
  .mastheadDetails__navbar {
    padding-top: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__navbar {
    padding-top: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__navbar {
    padding-top: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__navbar {
    padding-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__navbar {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__navbar {
    padding-top: 36px;
  }
}
@media (max-width: 991px) {
  .mastheadDetails__navbar {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: scroll;
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
  }
}
@media (max-width: 991px) {
  .mastheadDetails__navbar--container {
    padding: 0;
  }
}
.mastheadDetails__navbar--item {
  position: relative;
  flex: 0 0 auto;
  width: 14.2857142857%;
  text-align: center;
  cursor: pointer;
  border-left: 1px solid transparent;
  overflow: hidden;
}
@media (max-width: 991px) {
  .mastheadDetails__navbar--item {
    width: 184px;
  }
}
.mastheadDetails__navbar--item + .mastheadDetails__navbar--item {
  border-left: 1px solid #DBDBDB;
}
.mastheadDetails__navbar--item.active {
  background-color: #F3F4F6;
  color: #000000;
  border-left: 1px solid transparent;
  border-radius: 10px;
  cursor: default;
}
.mastheadDetails__navbar--item.active::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}
.mastheadDetails__navbar--item.active .mastheadDetails__navbar--link {
  color: #000000;
}
.mastheadDetails__navbar--item.active + .mastheadDetails__navbar--item {
  border-left: 1px solid transparent;
}
.mastheadDetails__navbar--link {
  display: block;
  color: #757575;
}
@media (min-width: 1600px) {
  .mastheadDetails__navbar--link {
    padding: 27px 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mastheadDetails__navbar--link {
    padding: 22px 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mastheadDetails__navbar--link {
    padding: 18px 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__navbar--link {
    padding: 15px 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mastheadDetails__navbar--link {
    padding: 14px 8px;
  }
}
@media (max-width: 767px) {
  .mastheadDetails__navbar--link {
    padding: 12px 7px;
  }
}
.mastheadDetails__navbar--link:hover {
  text-decoration: none;
  color: #000000;
}
.mastheadDetails__navbar--link-icon {
  font-size: 32px;
  line-height: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__navbar--link-icon {
    font-size: 24px;
    line-height: 24px;
  }
}
.mastheadDetails__navbar--link-label {
  display: block;
  margin-top: 14px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mastheadDetails__navbar--link-label {
    font-size: 14px;
    line-height: normal;
    margin-top: 8px;
  }
}

.select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options {
  color: #000000;
  padding: 0;
}
.select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option {
  cursor: pointer;
  color: #000000;
  padding: 4px 12px;
}
.select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option:first-child {
  padding-top: 8px;
}
.select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option:last-child {
  padding-bottom: 8px;
}
.select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option:hover {
  color: #e41920;
}
.select2-container .select2-dropdown.form-select__dropdown--product--kit .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
  cursor: default;
  color: #939393;
}

.section__gray .mastheadDetails__product--kit .select2-container--default .select2-selection--single {
  background-color: #ffffff;
  border: 1px solid #DBDBDB;
}
.section__gray .mastheadDetails__product--kit .select2-container .form-select__selection .select2-selection__rendered {
  background-color: transparent;
}
.section__gray .mastheadDetails__navbar--item.active,
.section__gray .mastheadDetails__gallery--thumbs-item {
  background-color: #ffffff;
}
.section__gray .mastheadDetails__gallery--thumbs-nav {
  background-color: #ffffff;
}
.section__gray .mastheadDetails__gallery--thumbs-nav:hover {
  background-color: #e41920;
  color: #ffffff;
}
.section__gray .mastheadDetails__gallery--thumbs-nav.swiper-button-disabled {
  background-color: #ffffff;
  color: #000000;
  opacity: 0.5;
}
.section__gray .mastheadDetails__gallery--thumbs-nav.swiper-button-disabled:hover {
  background-color: #ffffff;
  color: #000000;
  cursor: default;
}
.section__gray .mastheadDetails__gallery--thumbs-nav.swiper-button-disabled span {
  opacity: 0.4;
}

.section__dark .mastheadDetails__label--categories,
.section__dark .mastheadDetails__price,
.section__dark .mastheadDetails__color--active {
  color: #939393;
}
.section__dark .mastheadDetails__price--inclusive,
.section__dark .mastheadDetails__price--promotion {
  color: #757575;
}
.section__dark .mastheadDetails__subheading,
.section__dark .mastheadDetails__desc,
.section__dark .mastheadDetails__color--active-label {
  color: #DBDBDB;
}
.section__dark .mastheadDetails__gallery--thumbs-nav {
  background-color: #383838;
  color: #ffffff;
}
.section__dark .mastheadDetails__gallery--thumbs-nav:hover {
  background-color: #e41920;
  color: #ffffff;
}
.section__dark .mastheadDetails__gallery--thumbs-nav.swiper-button-disabled {
  background-color: #383838;
  color: #ffffff;
  opacity: 0.6;
}
.section__dark .mastheadDetails__gallery--thumbs-nav.swiper-button-disabled:hover {
  background-color: #383838;
  color: #ffffff;
  cursor: default;
}
.section__dark .mastheadDetails__gallery--thumbs-nav.swiper-button-disabled span {
  opacity: 0.4;
}
.section__dark .mastheadDetails__gallery--thumbs-item {
  background-color: #383838;
}
.section__dark .mastheadDetails__gallery--thumbs .swiper-slide.swiper-slide-thumb-active .mastheadDetails__gallery--thumbs-item {
  border: 1px solid #939393;
}
.section__dark .mastheadDetails__navbar--link {
  color: #757575;
}
.section__dark .mastheadDetails__navbar--link:hover {
  color: #DBDBDB;
}
.section__dark .mastheadDetails__navbar--item + .mastheadDetails__navbar--item {
  border-left: 1px solid #383838;
}
.section__dark .mastheadDetails__navbar--item.active {
  background-color: #383838;
  color: #ffffff;
}
.section__dark .mastheadDetails__navbar--item.active .mastheadDetails__navbar--link {
  color: #ffffff;
}
.section__dark .mastheadDetails__gallery--pagination .swiper-pagination-bullet::before {
  color: #DBDBDB;
}
.section__dark .mastheadDetails__gallery--pagination .swiper-pagination-bullet-active {
  border: 1px solid #ffffff;
}
.section__dark .mastheadDetails__gallery--pagination .swiper-pagination-bullet-active::before {
  color: #e41920;
}
.section__dark .mastheadDetails__product--available-title {
  color: #ffffff;
}
.section__dark .mastheadDetails__product--kit .select2-container--default .select2-selection--single {
  background-color: #383838;
  border: 1px solid #383838;
}
.section__dark .mastheadDetails__product--kit .select2-container .form-select__selection .select2-selection__rendered {
  background-color: transparent;
  color: #DBDBDB;
}
.section__dark .mastheadDetails__product--kit .select2-container .select2-selection__arrow {
  color: #DBDBDB;
}

.select2-container .select2-dropdown.form-select__dropdown--product--kit.theme-dark .select2-results {
  background-color: #383838;
}
.select2-container .select2-dropdown.form-select__dropdown--product--kit.theme-dark .select2-results .select2-results__options {
  color: #ffffff;
}
.select2-container .select2-dropdown.form-select__dropdown--product--kit.theme-dark .select2-results .select2-results__options .select2-results__option {
  cursor: pointer;
  color: #ffffff;
}
.select2-container .select2-dropdown.form-select__dropdown--product--kit.theme-dark .select2-results .select2-results__options .select2-results__option:hover {
  color: #e41920;
}
.select2-container .select2-dropdown.form-select__dropdown--product--kit.theme-dark .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
  cursor: default;
  color: #939393;
}

.recentProducts {
  position: relative;
  overflow: hidden;
}
.recentProducts::before, .recentProducts::after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  width: calc((100vw - 1164px) / 2);
  top: 0;
  left: 0;
  height: 100%;
  z-index: 6;
}
@media (min-width: 1400px) {
  .recentProducts::before, .recentProducts::after {
    width: calc((100vw - 1324px) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .recentProducts::before, .recentProducts::after {
    width: calc((100vw - 964px) / 2);
  }
}
@media (max-width: 991px) {
  .recentProducts::before, .recentProducts::after {
    display: none;
  }
}
.recentProducts::after {
  width: calc((100vw - 1184px) / 2);
  left: auto;
  right: 0;
}
@media (min-width: 1400px) {
  .recentProducts::after {
    width: calc((100vw - 1344px) / 2);
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .recentProducts::after {
    width: calc((100vw - 984px) / 2);
  }
}
@media (max-width: 991px) {
  .recentProducts::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .recentProducts__container--fluid {
    max-width: 100%;
    padding: 0;
  }
}
.recentProducts__products .swiper {
  overflow: visible;
  padding: 10px 0 10px 10px;
}
@media (max-width: 991px) {
  .recentProducts__products .swiper {
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  .recentProducts__products .swiper-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 20px;
  }
}
.recentProducts__products .swiper-slide {
  height: auto;
}
@media (max-width: 991px) {
  .recentProducts__products .swiper-slide {
    padding-right: 10px;
    width: calc(100vw - 56px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .recentProducts__products .swiper-slide {
    width: calc(100vw - 112px);
  }
}
@media (max-width: 767px) {
  .recentProducts__products .swiper-slide {
    width: calc(100vw - 56px);
  }
}
.recentProducts__navigation {
  justify-content: center;
}
@media (min-width: 1600px) {
  .recentProducts__navigation {
    padding-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .recentProducts__navigation {
    padding-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .recentProducts__navigation {
    padding-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .recentProducts__navigation {
    padding-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .recentProducts__navigation {
    padding-top: 24px;
  }
}
@media (max-width: 767px) {
  .recentProducts__navigation {
    padding-top: 22px;
  }
}
@media (max-width: 991px) {
  .recentProducts__navigation {
    display: none !important;
  }
}
.recentProducts .carousel-dots {
  background-color: #F3F4F6;
}
.recentProducts .carousel__nav--button {
  background-color: #F3F4F6;
}
.recentProducts .carousel__nav--button:hover {
  background-color: #e41920;
}
.recentProducts .carousel__nav--button.swiper-button-disabled {
  opacity: 0.4;
}
.recentProducts .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
}
.recentProducts__action {
  text-align: center;
  margin-top: 64px;
}
@media (max-width: 991px) {
  .recentProducts__action {
    margin-top: 32px;
  }
}

.section__gray.recentProducts::before, .section__gray.recentProducts::after {
  background-color: #F3F4F6;
}
.section__gray.recentProducts .carousel-dots {
  background-color: #ffffff;
}
.section__gray.recentProducts .carousel__nav--button {
  background-color: #ffffff;
}
.section__gray.recentProducts .carousel__nav--button:hover {
  background-color: #e41920;
}
.section__gray.recentProducts .carousel__nav--button.swiper-button-disabled {
  opacity: 0.3;
}
.section__gray.recentProducts .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #ffffff;
}

.section__dark.recentProducts::before, .section__dark.recentProducts::after {
  background-color: #000000;
}
.section__dark.recentProducts .carousel-dots {
  background-color: #262626;
}
.section__dark.recentProducts .carousel__nav--button {
  background-color: #262626;
  color: #ffffff;
}
.section__dark.recentProducts .carousel__nav--button:hover {
  background-color: #e41920;
}
.section__dark.recentProducts .carousel__nav--button.swiper-button-disabled {
  opacity: 0.5;
}
.section__dark.recentProducts .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #262626;
}
.section__dark.recentProducts .carousel-dots .swiper-pagination-bullet:hover::before {
  background-color: #e41920;
}
.section__dark.recentProducts .carousel-dots .swiper-pagination-bullet::before {
  background-color: #757575;
}
.section__dark.recentProducts .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #ffffff;
}
.section__dark.recentProducts .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #e41920;
}

.productHero {
  position: relative;
  background-color: transparent;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 56.25%;
}
@media (max-width: 991px) {
  .productHero {
    padding-bottom: 174.4%;
  }
}
.productHero::before {
  content: "";
  position: absolute;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
}
.productHero__container {
  position: absolute;
  bottom: 120px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  color: #ffffff;
  text-align: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productHero__container {
    bottom: 64px;
  }
}
@media (max-width: 991px) {
  .productHero__container {
    bottom: 32px;
  }
}
.productHero__title {
  color: #ffffff;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .productHero__title {
    font-size: 36px;
    line-height: 38px;
  }
}
.productHero__content {
  color: #F3F4F6;
}
@media (max-width: 991px) {
  .productHero__content {
    font-size: 16px;
    line-height: 22px;
  }
}
.productHero__content .table-responsive .table-freeze-first th:first-child,
.productHero__content .table-responsive .table-freeze-first td:first-child {
  background-color: transparent;
}
@media (max-width: 991px) {
  .productHero__content .table-responsive .table-freeze-first th:first-child,
  .productHero__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .productHero__content .table-responsive .table-freeze-first th:first-child::after,
  .productHero__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}

.productCategories__container {
  position: relative;
  padding: 0 32px;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1600px) {
  .productCategories__container {
    max-width: 1600px;
  }
}
@media (max-width: 991px) {
  .productCategories__container {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .productCategories .productCategories__content--body .productCategories__content--row .productCategories__content--row .productCategories__content--column:last-child {
    width: calc(100vw - 40px);
    padding-right: 20px;
  }
}
.productCategories .swiper-wrapper {
  justify-content: center;
}
@media (max-width: 991px) {
  .productCategories .swiper-wrapper {
    justify-content: left;
    flex-wrap: nowrap;
  }
}
.productCategories .swiper-wrapper .swiper-slide:last-child .productCategories__nav--item, .productCategories .swiper-wrapper .swiper-slide:only-child .productCategories__nav--item {
  border-right: none;
}
.productCategories .swiper-slide {
  width: 12.5%;
}
@media (max-width: 991px) {
  .productCategories .swiper-slide {
    width: auto;
  }
}
@media (max-width: 991px) {
  .productCategories__nav {
    padding: 0 20px;
  }
}
.productCategories__nav .container {
  max-width: 100%;
  padding: 0;
}
.productCategories__content {
  margin-top: 12px;
}
@media (max-width: 991px) {
  .productCategories__content--body {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.productCategories__content--row {
  margin-left: -4px;
  margin-right: -4px;
}
@media (max-width: 991px) {
  .productCategories__content--row {
    flex-wrap: nowrap;
    margin: 0 -5px;
    padding-left: 20px;
  }
}
.productCategories__content--row .productCategories__content--column .productCategories__content--row {
  row-gap: 8px;
}
@media (max-width: 991px) {
  .productCategories__content--row .productCategories__content--column .productCategories__content--row {
    row-gap: 0;
    padding: 0;
  }
}
.productCategories__content--column {
  padding-left: 4px;
  padding-right: 4px;
}
@media (max-width: 991px) {
  .productCategories__content--column {
    max-width: none;
    width: calc(100vw - 56px);
    padding: 0 5px;
  }
}
.productCategories__action {
  text-align: center;
  margin-top: 80px;
}
@media (max-width: 991px) {
  .productCategories__action {
    margin-top: 40px;
  }
}
.productCategories__card {
  position: relative;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  padding-bottom: 107.7922077922%;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 991px) {
  .productCategories__card {
    padding-bottom: 108.6956521739%;
  }
}
.productCategories__card::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 80%;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
}
.productCategories__card--link {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 8;
}
.productCategories__card--content {
  position: absolute;
  width: 60%;
  color: #ffffff;
  left: 50%;
  bottom: 48px;
  transform: translateX(-50%);
  z-index: 4;
}
.productCategories__card--title {
  color: #ffffff;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .productCategories__card--title {
    font-size: 24px;
    line-height: normal;
  }
}
.productCategories__card--title a {
  color: #ffffff;
}
.productCategories__card--title a:hover {
  color: #ffffff;
  text-decoration: none;
}
.productCategories__card--middle {
  padding-bottom: 53.4031413613%;
}
@media (max-width: 991px) {
  .productCategories__card--middle {
    padding-bottom: 108.6956521739%;
  }
}
.productCategories__card--middle .productCategories__card--content {
  width: 40%;
}
.productCategories__card--large .productCategories__card--link {
  display: none;
}
@media (max-width: 991px) {
  .productCategories__card--large .productCategories__card--link {
    display: block;
  }
}
.productCategories__card--large .productCategories__card--content {
  width: 390px;
}
@media (max-width: 991px) {
  .productCategories__card--large .productCategories__card--content {
    width: 100%;
    padding: 0 32px;
  }
}
@media (max-width: 991px) {
  .productCategories__card--large .productCategories__card--title {
    font-size: 24px;
    line-height: normal;
  }
}
.productCategories__card--large .productCategories__card--subtitle {
  margin-top: 24px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .productCategories__card--large .productCategories__card--subtitle {
    display: none;
  }
}
.productCategories__card--large .productCategories__card--action {
  margin-top: 32px;
}
@media (max-width: 991px) {
  .productCategories__card--large .productCategories__card--action {
    display: none;
  }
}

.container-grid {
  display: grid;
  gap: 8px;
  width: 100%;
}
@media (max-width: 991px) {
  .container-grid {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding-bottom: 10px;
  }
  .container-grid > .productCategories__card {
    flex: 0 0 auto;
    scroll-snap-align: start;
    max-width: none;
    width: calc(100vw - 56px);
  }
}
.container-grid .productCategories__card--content {
  width: 60%;
}
@media (max-width: 991px) {
  .container-grid .productCategories__card--content {
    width: 100%;
    padding: 0 32px;
  }
}
.container-grid .productCategories__card--content .productCategories__card--subtitle {
  margin-top: 24px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .container-grid .productCategories__card--content .productCategories__card--subtitle {
    display: none;
  }
}
.container-grid .productCategories__card--content .productCategories__card--action {
  margin-top: 32px;
}
@media (max-width: 991px) {
  .container-grid .productCategories__card--content .productCategories__card--action {
    display: none;
  }
}
.container-grid-6 {
  grid-template-columns: 2fr 1fr 1fr;
}
.container-grid-6 .productCategories__card-middle {
  padding-bottom: 53.4031413613%;
}
@media (max-width: 991px) {
  .container-grid-6 .productCategories__card-middle {
    padding-bottom: 108.6956521739%;
  }
}
.container-grid-6 .productCategories__card-middle .productCategories__card--content {
  width: 40%;
}
.container-grid-5 {
  grid-template-columns: 2fr 1fr 1fr;
}
.container-grid-5 .productCategories__card {
  padding-bottom: 107.7922077922%;
}
.container-grid-5 .productCategories__card--middle .productCategories__card--title {
  color: #ffffff;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .container-grid-5 .productCategories__card--middle .productCategories__card--title {
    font-size: 24px;
    line-height: normal;
  }
}
.container-grid-5 .productCategories__card--middle .productCategories__card--title a {
  color: #ffffff;
}
.container-grid-5 .productCategories__card--middle .productCategories__card--title a:hover {
  color: #ffffff;
  text-decoration: none;
}
.container-grid-5 .productCategories__card:first-child {
  grid-column: 1;
  grid-row: span 2;
}
.container-grid-5 .productCategories__card:first-child .productCategories__card--content {
  width: 390px;
}
@media (max-width: 991px) {
  .container-grid-5 .productCategories__card:first-child .productCategories__card--content {
    width: 100%;
    padding: 0 32px;
  }
}
@media (max-width: 991px) {
  .container-grid-5 .productCategories__card:first-child .productCategories__card--title {
    font-size: 24px;
    line-height: normal;
  }
}
.container-grid-4 {
  grid-template-columns: 1fr 1fr;
}
.container-grid-3 {
  grid-template-columns: 1fr 1fr;
}
.container-grid-3 > .productCategories__card:first-child {
  grid-column: 1;
  grid-row: span 2;
}
@media (max-width: 991px) {
  .container-grid-3 > .productCategories__card:first-child .productCategories__card--title {
    font-size: 24px;
    line-height: normal;
  }
}
.container-grid-2 {
  grid-template-columns: 1fr 1fr;
}
.container-grid-2 .productCategories__card {
  padding-bottom: 107.7922077922%;
}
.container-grid-2 .productCategories__card .productCategories__card--content {
  width: 390px;
}
@media (max-width: 991px) {
  .container-grid-2 .productCategories__card .productCategories__card--content {
    width: 100%;
    padding: 0 32px;
  }
}
@media (max-width: 991px) {
  .container-grid-2 .productCategories__card .productCategories__card--title {
    font-size: 24px;
    line-height: normal;
  }
}

.recommendedProducts {
  background-color: #000000;
  color: #939393;
  padding: 120px 0;
}
.recommendedProducts .sectionHeading {
  color: #ffffff;
}
.recommendedProducts .sectionHeading .sectionHeading__title {
  color: #ffffff;
}
.recommendedProducts__image {
  margin: 64px 0;
}
.recommendedProducts__content {
  text-align: center;
}
.recommendedProducts__content--title {
  color: #ffffff;
}
.recommendedProducts__action {
  margin-top: 54px;
  text-align: center;
}

.sellingPoint {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .sellingPoint__heading {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .sellingPoint__heading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .sellingPoint__heading {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sellingPoint__heading {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sellingPoint__heading {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .sellingPoint__heading {
    margin-bottom: 22px;
  }
}
.sellingPoint__heading--title {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .sellingPoint__carousel--container {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .sellingPoint__carousel .swiper {
    overflow: visible;
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  .sellingPoint__carousel .swiper-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  .sellingPoint__carousel .swiper-slide {
    width: calc(100vw - 56px);
    padding-right: 10px;
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .sellingPoint__carousel--action {
    display: none;
  }
}
.sellingPoint__carousel--action .carousel__nav--button {
  background-color: #F3F4F6;
}
.sellingPoint__carousel--action .carousel__nav--button:hover {
  background-color: #e41920;
}
.sellingPoint__carousel--action .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
}

.section__gray .sellingPoint__carousel--action .carousel__nav--button {
  background-color: #ffffff;
}
.section__gray .sellingPoint__carousel--action .carousel__nav--button:hover {
  background-color: #e41920;
}
.section__gray .sellingPoint__carousel--action .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #ffffff;
}

.section__dark .sellingPoint__carousel--action .carousel__nav--button {
  background-color: #262626;
  color: #ffffff;
}
.section__dark .sellingPoint__carousel--action .carousel__nav--button:hover {
  background-color: #e41920;
}
.section__dark .sellingPoint__carousel--action .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #262626;
}

.promotion__carousel {
  overflow: hidden;
}
@media (max-width: 991px) {
  .promotion__carousel .container {
    padding: 0;
    padding-left: 20px;
  }
}
.promotion__carousel .swiper {
  overflow: visible;
}
@media (max-width: 767px) {
  .promotion__carousel .swiper {
    padding-right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .promotion__carousel .swiper-slide {
    width: calc(100vw - 112px);
    padding-right: 16px;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .promotion__carousel .swiper-slide {
    width: calc(100vw - 56px);
    padding-right: 10px;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .promotion__carousel .swiper-slide.swiper-single-slide {
    width: calc(100vw - 40px);
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .promotion__carousel .swiper-slide.swiper-single-slide {
    width: 500px;
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .promotion__carousel .swiper-slide.swiper-single-slide {
    width: 680px;
    padding-right: 0;
    padding-left: 0;
  }
}
.promotion__action {
  margin-top: 64px;
  text-align: center;
}
@media (max-width: 991px) {
  .promotion__action {
    margin-top: 32px;
  }
}
.promotion .sectionHeading__nav .carousel__nav--button {
  background-color: #F3F4F6;
  color: #000000;
}
.promotion .sectionHeading__nav .carousel__nav--button:hover {
  background-color: #e41920;
}
.promotion .sectionHeading__nav .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
}

.section__gray.promotion .sectionHeading__nav .carousel__nav--button {
  background-color: #ffffff;
}
.section__gray.promotion .sectionHeading__nav .carousel__nav--button:hover {
  background-color: #e41920;
}
.section__gray.promotion .sectionHeading__nav .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #ffffff;
}

.section__dark.promotion .sectionHeading__nav .carousel__nav--button {
  background-color: #262626;
  color: #ffffff;
}
.section__dark.promotion .sectionHeading__nav .carousel__nav--button:hover {
  background-color: #e41920;
}
.section__dark.promotion .sectionHeading__nav .carousel__nav--button.swiper-button-disabled {
  opacity: 0.5;
}
.section__dark.promotion .sectionHeading__nav .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #262626;
}

@media (max-width: 991px) {
  .productListing {
    padding-top: 32px;
    border-top: 1px solid #DBDBDB;
  }
}
.productListing__row {
  border-bottom: 1px solid #DBDBDB;
  margin: 0;
}
@media (max-width: 991px) {
  .productListing__row {
    border-bottom: none;
  }
}
.productListing__row .productListing__column + .productListing__column {
  border-left: 1px solid #DBDBDB;
}
@media (max-width: 991px) {
  .productListing__row .productListing__column + .productListing__column {
    border-left: none;
  }
}
.productListing__column {
  position: relative;
  background-color: transparent;
  padding: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .productListing__column {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 40px;
    margin-bottom: 0;
  }
}
.productListing__column.selected, .productListing__column:hover {
  background-color: #F8F8F8;
}
@media (max-width: 991px) {
  .productListing__column.selected, .productListing__column:hover {
    background-color: transparent;
  }
}
.productListing__column.selected .checkbox, .productListing__column:hover .checkbox {
  opacity: 1;
  z-index: 4;
}
.productListing__column.compare-disabled:hover {
  background-color: transparent;
}
@media (max-width: 991px) {
  .productListing__column.compare-disabled:hover {
    background-color: transparent;
  }
}
.productListing__column.compare-disabled:hover .checkbox {
  opacity: 0;
  z-index: -4;
}
.productListing__column .checkbox {
  position: absolute;
  top: 24px;
  left: 16px;
  z-index: -4;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
@media (max-width: 991px) {
  .productListing__column .checkbox {
    top: 0;
    left: 0;
    padding-left: 24px;
    opacity: 1;
    z-index: 4;
  }
}
@media (max-width: 991px) {
  .productListing__column .checkbox .checkbox__checkmark {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 991px) {
  .productListing__column .checkbox .checkbox__checkmark::after {
    background-size: 8px 7px;
    width: 8px;
    height: 7px;
    top: 4px;
    left: 3px;
  }
}
@media (max-width: 991px) {
  .productListing__column--compare {
    margin-bottom: 40px;
  }
}
.productListing__column--compare .productCard {
  padding-top: 32px;
}
.productListing .productCard {
  background-color: transparent;
  border-radius: 0;
  margin-right: 0;
}
@media (max-width: 991px) {
  .productListing .productCard {
    padding-top: 0;
  }
}
.productListing .productCard .productCard__thumbnail {
  background-color: transparent;
}
.productListing .productCard .productCard__thumbnail--image {
  max-width: 60%;
}
.productListing .productCard .productCard__content {
  background-color: transparent;
  padding-top: 0;
}
@media (min-width: 1600px) {
  .productListing .productCard .productCard__content {
    padding: 64px 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productListing .productCard .productCard__content {
    padding: 53px 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productListing .productCard .productCard__content {
    padding: 43px 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productListing .productCard .productCard__content {
    padding: 36px 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productListing .productCard .productCard__content {
    padding: 32px 12px;
  }
}
@media (max-width: 767px) {
  .productListing .productCard .productCard__content {
    padding: 29px 11px;
  }
}
@media (max-width: 991px) {
  .productListing .productCard .productCard__content {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.productFilter {
  position: relative;
  padding-top: 16px;
  padding-right: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productFilter {
    padding-right: 16px;
  }
}
@media (max-width: 991px) {
  .productFilter {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 9999;
  }
}
.productFilter.show {
  display: block;
}
@media (max-width: 991px) {
  .productFilter__body {
    background-color: #ffffff;
    position: relative;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    left: -100%;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width: 991px) {
  .productFilter__body.slide {
    left: 0;
  }
}
.productFilter__head {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .productFilter__head {
    position: relative;
    margin-bottom: 0;
  }
}
.productFilter__head--close {
  display: none;
  position: absolute;
  background: none;
  border: none;
  top: -32px;
  right: 0;
  padding: 0;
  font-size: 20px;
  height: 20px;
}
@media (max-width: 991px) {
  .productFilter__head--close {
    display: block;
  }
}
.productFilter__action--link {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  color: #e41920;
}
.productFilter__action--link:hover {
  text-decoration: underline;
}
@media (max-width: 991px) {
  .productFilter__wrapper {
    padding-top: 24px;
    height: calc(100vh - 200px);
    overflow: auto;
  }
}
.productFilter__wrapper .accordions__header::before {
  content: "\eb4d";
}
@media (max-width: 991px) {
  .productFilter__wrapper .accordions__header::before {
    font-size: 14px;
    line-height: 14px;
    top: 1.5px;
  }
}
.productFilter__wrapper .accordions__header.collapsed::before {
  content: "\ec9e";
}
.productFilter__wrapper .accordions__body {
  padding-top: 12px;
  padding-bottom: 0;
}
.productFilter__wrapper .accordions__item {
  padding-bottom: 24px;
  margin-bottom: 24px;
}
.productFilter__wrapper .checkbox {
  display: block;
  margin: 8px 0;
}
.productFilter__wrapper .checkbox:last-child {
  margin-bottom: 0;
}
.productFilter__wrapper .checkbox .checkbox__checkmark {
  width: 16px;
  height: 16px;
}
.productFilter__wrapper .checkbox .checkbox__checkmark::after {
  background-size: 8px 7px;
  width: 8px;
  height: 7px;
  top: 4px;
  left: 3px;
}

.productHighlightSlider__main {
  position: relative;
  padding-left: 74px;
  padding-right: 74px;
}
@media (max-width: 991px) {
  .productHighlightSlider__main {
    padding-left: 42px;
    padding-right: 42px;
  }
}
.productHighlightSlider__main--image {
  position: relative;
}
.productHighlightSlider__main--image-fluid {
  max-width: 100%;
  border-radius: 16px;
  height: auto;
}
.productHighlightSlider__main--dots {
  position: absolute;
  border: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 0;
  background: #e41920;
  box-shadow: 0 0 0 0 rgba(230, 0, 0, 0.35);
  animation: hotspot-pulse 1.6s infinite ease-out;
}
.productHighlightSlider__main--dots::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(230, 0, 0, 0.25);
  animation: hotspot-ripple 1.6s infinite ease-out;
}
.productHighlightSlider__main .swiper-slide {
  transition: all 0.3s ease-in-out;
}
.productHighlightSlider__main .carousel__nav--button {
  background-color: #F3F4F6;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}
@media (max-width: 991px) {
  .productHighlightSlider__main .carousel__nav--button {
    width: 36px;
    height: 36px;
  }
}
.productHighlightSlider__main .carousel__nav--button:hover {
  background-color: #e41920;
  color: #ffffff;
}
.productHighlightSlider__main .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
  color: #000000;
}
.productHighlightSlider__main--prev {
  left: 0;
}
.productHighlightSlider__main--next {
  right: 0;
}
.productHighlightSlider__container {
  align-content: center;
}
@media (max-width: 991px) {
  .productHighlightSlider__container {
    margin-top: 32px;
  }
}
.productHighlightSlider__container--body {
  background-color: #ffffff;
  opacity: 0;
  transition: opacity 0.45s ease;
}
@media (min-width: 1600px) {
  .productHighlightSlider__container--body {
    padding-left: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productHighlightSlider__container--body {
    padding-left: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productHighlightSlider__container--body {
    padding-left: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productHighlightSlider__container--body {
    padding-left: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productHighlightSlider__container--body {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .productHighlightSlider__container--body {
    padding-left: 36px;
  }
}
@media (max-width: 991px) {
  .productHighlightSlider__container--body {
    padding-left: 0;
  }
}
.productHighlightSlider__container--title {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .productHighlightSlider__container--content {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productHighlightSlider__container--content {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productHighlightSlider__container--content {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productHighlightSlider__container--content {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productHighlightSlider__container--content {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .productHighlightSlider__container--content {
    margin-top: 14px;
  }
}
.productHighlightSlider__container .swiper-wrapper {
  align-items: center;
}
@media (max-width: 991px) {
  .productHighlightSlider__container .swiper-wrapper {
    align-items: start;
  }
}
.productHighlightSlider__container .swiper-slide-active .productHighlightSlider__container--body {
  opacity: 1;
}
.productHighlightSlider__container .swiper-slide {
  transition: all 0.3s ease-in-out;
}
.productHighlightSlider__thumbnails {
  position: relative;
}
@media (min-width: 1600px) {
  .productHighlightSlider__thumbnails {
    margin-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productHighlightSlider__thumbnails {
    margin-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productHighlightSlider__thumbnails {
    margin-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productHighlightSlider__thumbnails {
    margin-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productHighlightSlider__thumbnails {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .productHighlightSlider__thumbnails {
    margin-top: 29px;
  }
}
.productHighlightSlider__thumbnails--item {
  background-color: #F3F4F6;
  border: 1px solid transparent;
  padding: 16px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.productHighlightSlider__thumbnails--item:hover {
  border-color: #939393;
}
.productHighlightSlider__thumbnails .swiper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  gap: 12px;
}
.productHighlightSlider__thumbnails .swiper:not(.swiper-initialized) .swiper-slide {
  flex: 0 0 20%;
  max-width: 20%;
  border-radius: 8px;
  overflow: hidden;
}
.productHighlightSlider__thumbnails .swiper-slide-active .productHighlightSlider__thumbnails--item {
  border-color: #e41920;
}
.productHighlightSlider.section__gray .productHighlightSlider__container--body {
  background-color: #F3F4F6;
}
.productHighlightSlider.section__gray .productHighlightSlider__thumbnails--item {
  background-color: #ffffff;
}
.productHighlightSlider.section__gray .productHighlightSlider__thumbnails--item:hover {
  border-color: #E8E9EB;
}
.productHighlightSlider.section__gray .carousel__nav--button {
  background-color: #ffffff;
}
.productHighlightSlider.section__gray .carousel__nav--button:hover {
  background-color: #e41920;
  color: #ffffff;
}
.productHighlightSlider.section__gray .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
  color: #000000;
}
.productHighlightSlider.section__dark .productHighlightSlider__container--body {
  background-color: #000000;
}
.productHighlightSlider.section__dark .productHighlightSlider__thumbnails--item {
  background-color: #262626;
}
.productHighlightSlider.section__dark .productHighlightSlider__thumbnails--item:hover {
  border-color: #939393;
}
.productHighlightSlider.section__dark .carousel__nav--button {
  background-color: #262626;
  color: #ffffff;
}
.productHighlightSlider.section__dark .carousel__nav--button:hover {
  background-color: #e41920;
  color: #ffffff;
}
.productHighlightSlider.section__dark .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #262626;
  color: #ffffff;
}

.segmentations {
  padding: 24px;
  margin: 0;
  overflow: hidden;
}
@media (min-width: 768px) and (max-width: 991px) {
  .segmentations {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .segmentations {
    padding: 20px;
  }
}
.segmentations .row {
  row-gap: 10px;
}
.segmentations.section__gray {
  background-color: #F3F4F6;
  padding: 24px;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .segmentations.section__gray {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .segmentations.section__gray {
    padding: 20px;
  }
}
.segmentations.section__dark {
  background-color: #000000;
  padding: 24px;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .segmentations.section__dark {
    padding: 24px;
  }
}
@media (max-width: 767px) {
  .segmentations.section__dark {
    padding: 20px;
  }
}
.segmentations .swiper {
  overflow: visible;
}
@media (max-width: 991px) {
  .segmentations .swiper {
    padding-right: 20px;
  }
}
.segmentations .swiper-wrapper {
  width: auto;
  margin-left: -12px;
  margin-right: -12px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .segmentations .swiper-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 24px;
  }
}
@media (max-width: 767px) {
  .segmentations .swiper-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 20px;
  }
}
.segmentations .swiper-slide {
  flex: 0 0 auto;
  width: 33.33333333%;
  padding-left: 12px;
  padding-right: 12px;
  height: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  .segmentations .swiper-slide {
    width: calc(100vw - 320px);
    padding-right: 24px;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .segmentations .swiper-slide {
    width: calc(100vw - 100px);
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 1600px) {
  .textBlock__group {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .textBlock__group {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .textBlock__group {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .textBlock__group {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .textBlock__group {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .textBlock__group {
    margin-bottom: 22px;
  }
}
.textBlock__group:last-child {
  margin-bottom: 0;
}
.textBlock__group table {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .textBlock__group table {
    margin-bottom: 16px;
  }
}
.textBlock__group .table-responsive table {
  width: 100%;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 40px;
  border-top: none;
}
@media (max-width: 991px) {
  .textBlock__group .table-responsive table {
    margin-bottom: 24px;
  }
}
.textBlock__group .table-responsive table tr td ul:last-child, .textBlock__group .table-responsive table tr td ol:last-child {
  margin-bottom: 0;
}
.textBlock__group .table-responsive table thead tr {
  border-bottom: 1px solid #DBDBDB;
}
.textBlock__group .table-responsive table thead tr th,
.textBlock__group .table-responsive table thead tr td {
  color: #000000;
  padding: 20px 20px 20px 0;
}
@media (max-width: 991px) {
  .textBlock__group .table-responsive table thead tr th,
  .textBlock__group .table-responsive table thead tr td {
    padding: 10px 10px 10px 0;
    white-space: nowrap;
  }
  .textBlock__group .table-responsive table thead tr th:last-child,
  .textBlock__group .table-responsive table thead tr td:last-child {
    padding-right: 0;
  }
}
.textBlock__group .table-responsive table thead tr th:first-child,
.textBlock__group .table-responsive table thead tr td:first-child {
  padding-left: 0;
}
.textBlock__group .table-responsive table tbody tr {
  border-bottom: 1px solid #DBDBDB;
}
.textBlock__group .table-responsive table tbody tr:last-child {
  border-bottom: none;
}
.textBlock__group .table-responsive table tbody tr td {
  padding: 20px 20px 20px 0;
}
@media (max-width: 991px) {
  .textBlock__group .table-responsive table tbody tr td {
    padding: 10px 10px 10px 0;
    white-space: nowrap;
  }
}
.textBlock__group .table-responsive table tbody tr td:first-child {
  padding-left: 0;
}
.textBlock__group .table-responsive table tbody tr td:last-child {
  padding-right: 0;
}
@media (max-width: 991px) {
  .textBlock__group .table-responsive .table-freeze-first thead tr th,
  .textBlock__group .table-responsive .table-freeze-first thead tr td {
    white-space: normal;
  }
}
.textBlock__group .table-responsive .table-freeze-first th:first-child,
.textBlock__group .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .textBlock__group .table-responsive .table-freeze-first th:first-child,
  .textBlock__group .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .textBlock__group .table-responsive .table-freeze-first th:first-child::after,
  .textBlock__group .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
@media (max-width: 991px) {
  .textBlock__group .table-responsive .table-freeze-first thead tr th,
  .textBlock__group .table-responsive .table-freeze-first thead tr td {
    padding: 10px;
  }
}
@media (max-width: 991px) {
  .textBlock__group .table-responsive .table-freeze-first tbody tr td {
    padding: 10px;
  }
}
.textBlock__group h1:only-child, .textBlock__group h2:only-child, .textBlock__group h3:only-child, .textBlock__group h4:only-child, .textBlock__group h5:only-child, .textBlock__group h6:only-child {
  margin-bottom: 0;
}
.textBlock__header {
  border-bottom: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .textBlock__header {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .textBlock__header {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .textBlock__header {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .textBlock__header {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .textBlock__header {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .textBlock__header {
    margin-bottom: 22px;
  }
}
@media (min-width: 1600px) {
  .textBlock__header {
    padding-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .textBlock__header {
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .textBlock__header {
    padding-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .textBlock__header {
    padding-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .textBlock__header {
    padding-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .textBlock__header {
    padding-bottom: 22px;
  }
}
.textBlock__header--label {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 32px;
}
.textBlock__header--label-category {
  flex: 0 0 auto;
  color: #000000;
}
.textBlock__header--label-date {
  position: relative;
  flex: 0 0 auto;
  color: #939393;
  margin-left: 16px;
  padding-left: 16px;
}
@media (max-width: 991px) {
  .textBlock__header--label-date {
    margin-left: 8px;
    padding-left: 8px;
  }
}
.textBlock__header--label-date::before {
  position: absolute;
  content: "";
  background-color: #939393;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
}
.textBlock__header--title {
  margin: 0;
}
.textBlock__video, .textBlock__media {
  position: relative;
}
.textBlock__video--title, .textBlock__media--title {
  margin-bottom: 32px;
}
.textBlock__video--row, .textBlock__media--row {
  row-gap: 48px;
}
@media (max-width: 991px) {
  .textBlock__video--row, .textBlock__media--row {
    row-gap: 32px;
  }
}
.textBlock__video--thumbnails, .textBlock__media--thumbnails {
  position: relative;
  text-align: center;
}
.textBlock__video--thumbnails img, .textBlock__media--thumbnails img {
  border-radius: 10px;
}
.textBlock__video--thumbnails-caption, .textBlock__media--thumbnails-caption {
  text-align: left;
}
@media (min-width: 1600px) {
  .textBlock__video--thumbnails-caption, .textBlock__media--thumbnails-caption {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .textBlock__video--thumbnails-caption, .textBlock__media--thumbnails-caption {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .textBlock__video--thumbnails-caption, .textBlock__media--thumbnails-caption {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .textBlock__video--thumbnails-caption, .textBlock__media--thumbnails-caption {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .textBlock__video--thumbnails-caption, .textBlock__media--thumbnails-caption {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .textBlock__video--thumbnails-caption, .textBlock__media--thumbnails-caption {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .textBlock__video--thumbnails-caption, .textBlock__media--thumbnails-caption {
    margin-top: 12px;
  }
}
.textBlock__video {
  overflow: hidden;
}
.textBlock__video--play {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
}
.textBlock__video--play-button {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: none;
  font-size: 44px;
  line-height: 44px;
  color: #e41920;
  padding: 0;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .textBlock__video--play-button {
    width: 80px;
    height: 80px;
    font-size: 38px;
    line-height: 38px;
  }
}
.textBlock__video--play-button::before, .textBlock__video--play-button::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  z-index: -1;
  left: 0;
  top: 0;
  animation: pulse 1s ease infinite;
}
.textBlock__video--play-button::after {
  animation: pulse 1.8s ease infinite;
}
.textBlock__video--play:hover .textBlock__video--play-button {
  background-color: #ffffff;
}
.textBlock__video--popup {
  background-color: #000000;
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 1400;
  top: 0;
  left: 0;
  display: none;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.textBlock__video--popup.show {
  display: block;
}
.textBlock__video--popup.fade {
  opacity: 1;
}
.textBlock__video--wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.textBlock__video--close {
  position: absolute;
  background: none;
  border: none;
  font-size: 32px;
  line-height: 32px;
  color: #ffffff;
  top: 32px;
  right: 32px;
  z-index: 10;
}
.textBlock__video--media {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 1600px) {
  .textBlock__image--row {
    row-gap: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .textBlock__image--row {
    row-gap: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .textBlock__image--row {
    row-gap: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .textBlock__image--row {
    row-gap: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .textBlock__image--row {
    row-gap: 24px;
  }
}
@media (max-width: 767px) {
  .textBlock__image--row {
    row-gap: 22px;
  }
}
@media (max-width: 991px) {
  .textBlock__image--row {
    row-gap: 24px;
  }
}
.textBlock__image--thumbnails {
  position: relative;
  text-align: center;
}
.textBlock__image--thumbnails img {
  border-radius: 10px;
}
.textBlock__image--thumbnails-caption {
  text-align: left;
}
@media (min-width: 1600px) {
  .textBlock__image--thumbnails-caption {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .textBlock__image--thumbnails-caption {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .textBlock__image--thumbnails-caption {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .textBlock__image--thumbnails-caption {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .textBlock__image--thumbnails-caption {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .textBlock__image--thumbnails-caption {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .textBlock__image--thumbnails-caption {
    margin-top: 12px;
  }
}
.textBlock .table-responsive-wrapper {
  overflow-x: auto;
  position: relative;
}
.textBlock .table-responsive-wrapper table {
  width: 100%;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 40px;
  border-top: none;
}
@media (max-width: 991px) {
  .textBlock .table-responsive-wrapper table {
    margin-bottom: 24px;
  }
}
.textBlock .table-responsive-wrapper table thead tr {
  border-bottom: 2px solid #DBDBDB;
}
.textBlock .table-responsive-wrapper table thead tr th,
.textBlock .table-responsive-wrapper table thead tr td {
  font-weight: 700;
  color: #000000;
  padding: 20px;
  vertical-align: top;
}
.textBlock .table-responsive-wrapper table thead tr th:first-child,
.textBlock .table-responsive-wrapper table thead tr td:first-child {
  padding-left: 0;
}
.textBlock .table-responsive-wrapper table thead tr th:last-child,
.textBlock .table-responsive-wrapper table thead tr td:last-child {
  padding-right: 0;
}
.textBlock .table-responsive-wrapper table tbody tr {
  border-bottom: 1px solid #DBDBDB;
}
.textBlock .table-responsive-wrapper table tbody tr:last-child {
  border-bottom: none;
}
.textBlock .table-responsive-wrapper table tbody tr td {
  padding: 20px;
  vertical-align: top;
}
.textBlock .table-responsive-wrapper table tbody tr td:first-child {
  padding-left: 0;
}
.textBlock .table-responsive-wrapper table tbody tr td:last-child {
  padding-right: 0;
}
.textBlock .table-responsive-wrapper .scroll-hint {
  text-align: center;
  font-size: 0.9rem;
  color: #888;
  margin-top: 0.5rem;
  display: none;
}
@media (max-width: 991px) {
  .textBlock .table-responsive-wrapper .scroll-hint {
    display: block;
  }
}
@media (max-width: 768px) {
  .textBlock .table-responsive-wrapper table {
    min-width: 200%;
    table-layout: fixed;
  }
  .textBlock .table-responsive-wrapper table th,
  .textBlock .table-responsive-wrapper table td {
    width: 50%;
  }
  .textBlock .table-responsive-wrapper table th:first-child,
  .textBlock .table-responsive-wrapper table td:first-child {
    position: sticky;
    left: 0;
    background-color: #ffffff;
    z-index: 2;
  }
  .textBlock .table-responsive-wrapper table thead th:first-child {
    z-index: 3;
  }
}
.textBlock__multipleImage {
  background-color: #F3F4F6;
  margin: 0;
}
.textBlock__multipleImage .textBlock__media .imageBlock {
  margin-top: 64px;
}
.textBlock__multipleImage .textBlock__media .row [class^=col-]:first-child .imageBlock, .textBlock__multipleImage .textBlock__media .row [class*=" col-"]:first-child .imageBlock {
  margin-top: 0;
}
.textBlock .custom-real-document-section .post-item {
  border-radius: 10px;
  background-color: #E8E9EB;
  border: 1px solid #E8E9EB;
}
@media (min-width: 1600px) {
  .textBlock .custom-real-document-section .post-item {
    padding: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .textBlock .custom-real-document-section .post-item {
    padding: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .textBlock .custom-real-document-section .post-item {
    padding: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .textBlock .custom-real-document-section .post-item {
    padding: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .textBlock .custom-real-document-section .post-item {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .textBlock .custom-real-document-section .post-item {
    padding: 11px;
  }
}
@media (min-width: 1600px) {
  .textBlock .custom-real-document-section .post-item {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .textBlock .custom-real-document-section .post-item {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .textBlock .custom-real-document-section .post-item {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .textBlock .custom-real-document-section .post-item {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .textBlock .custom-real-document-section .post-item {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .textBlock .custom-real-document-section .post-item {
    margin-bottom: 14px;
  }
}
.textBlock .custom-real-document-section .post-item .wrap-image {
  border-radius: 8px;
  border: 1px solid #E8E9EB;
}
@media (min-width: 1600px) {
  .textBlock .custom-real-document-section .post-item .wrap-image {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .textBlock .custom-real-document-section .post-item .wrap-image {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .textBlock .custom-real-document-section .post-item .wrap-image {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .textBlock .custom-real-document-section .post-item .wrap-image {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .textBlock .custom-real-document-section .post-item .wrap-image {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .textBlock .custom-real-document-section .post-item .wrap-image {
    margin-bottom: 11px;
  }
}
.textBlock.section__gray .custom-real-document-section .post-item {
  background-color: #ffffff;
}
.textBlock.section__dark {
  color: #939393;
}
.textBlock.section__dark .custom-real-document-section .post-item {
  background-color: #262626;
  border: 1px solid #383838;
}
.textBlock.section__dark .custom-real-document-section .post-item .wrap-image {
  border: 1px solid #383838;
}
.textBlock.section__dark h1, .textBlock.section__dark h2, .textBlock.section__dark h3, .textBlock.section__dark h4, .textBlock.section__dark h5, .textBlock.section__dark h6 {
  color: #ffffff;
}
.textBlock.section__dark table {
  width: 100%;
  border-top: 1px solid #757575;
  border-bottom: 1px solid #757575;
}
.textBlock.section__dark table thead tr {
  border-bottom: 1px solid #757575;
}
.textBlock.section__dark table thead tr th {
  color: #ffffff;
}
.textBlock.section__dark table thead tr td {
  color: #939393;
}
.textBlock.section__dark table tbody tr {
  border-bottom: 1px solid #757575;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .textBlock__group #ineedcustomcode {
    margin-top: -80px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px), (max-width: 575px) {
  .textBlock__group #ineedcustomcode {
    margin-top: -50px !important;
  }
}
.textBlock__group #ineedcustomcode .image-wrapper {
  width: 100% !important;
}
@media (max-width: 991px) {
  .textBlock__group .grid-same .col-sm-3 {
    height: auto !important;
    width: 33.33333333%;
  }
}
@media (max-width: 575px) {
  .textBlock__group .grid-same .col-sm-3 {
    width: 100%;
  }
}
.textBlock__group .grid-same .select-regional {
  display: block;
  position: relative;
  padding-right: 60px;
}
@media (max-width: 991px) {
  .textBlock__group .grid-same .select-regional {
    padding-right: 0;
  }
}
.textBlock__group .grid-same .select-regional .title {
  padding-left: 0 !important;
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 16px;
}
.textBlock__group .grid-same .select-regional .title a {
  color: #e41920;
}
.textBlock__group .grid-same .select-regional .title a:hover {
  color: #e41920;
  text-decoration: none;
}
.textBlock__group .grid-same .select-regional .title img {
  position: relative !important;
}
@media (max-width: 991px) {
  .textBlock__group .grid-same .select-regional .title img {
    height: 24px !important;
  }
}
.textBlock__group .grid-same .select-regional ul {
  margin: 0 0 30px 0;
  padding: 0;
}
.textBlock__group .grid-same .select-regional ul li {
  list-style: none;
  margin: 0 0 15px 0;
  padding: 0;
}
.textBlock__group .grid-same .select-regional ul li a.single-link {
  color: #096BF2;
  font-weight: bold;
}
.textBlock__group .grid-same .post-item {
  border: none !important;
}
@media (max-width: 991px) {
  .textBlock__group .grid-same .post-item {
    margin-bottom: 32px;
    height: auto !important;
  }
}
@media (max-width: 575px) {
  .textBlock__group .grid-same .post-item .content .title {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 16px;
  }
}
.textBlock__group .grid-same .post-item .content .title img {
  margin-top: 4px;
}
@media (max-width: 991px) {
  .textBlock__group .grid-same .post-item .content .title img {
    height: 24px !important;
  }
}
.textBlock__group .grid-same .post-item .content .title a {
  color: #000000;
}
.textBlock__group .grid-same .post-item .content .title a:hover {
  color: #e41920;
  text-decoration: none;
}
.textBlock__group .grid-same .post-item .content .equal-height {
  height: auto !important;
}
.textBlock__group .grid-same .post-item .content ul {
  margin-bottom: 0;
}
.textBlock__group .grid-same .post-item .content ul li {
  list-style: none;
  padding: 13px 33px 13px 0;
}
.textBlock__group .grid-same .post-item .content ul li h5 {
  color: #000000;
  padding-left: 20px;
  margin: 0;
}
.textBlock__group .grid-same .post-item .content ul li h5 a {
  color: #e41920;
}
.textBlock__group .grid-same .post-item .content ul li h5 a:hover {
  color: #e41920;
  text-decoration: none;
}

.textBlock__group .mailcom__title {
  display: block;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .textBlock__group .mailcom__title {
    margin-bottom: 20px;
  }
}
.textBlock__group .mailcom__card {
  display: block;
  position: relative;
  margin-bottom: 40px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .textBlock__group .mailcom__card {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .textBlock__group .mailcom__card {
    margin-bottom: 20px;
  }
}
.textBlock__group .mailcom__card-content {
  text-align: left;
  padding: 40px 30px;
}
.textBlock__group .mailcom__img-cover {
  display: block;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 40px;
  background-size: cover;
}
@media (min-width: 768px) and (max-width: 991px) {
  .textBlock__group .mailcom__img-cover {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .textBlock__group .mailcom__img-cover {
    margin-bottom: 20px;
  }
}
.textBlock__group .mailcom__img-cover__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.textBlock__group .mailcom__img-cover__content {
  position: absolute;
  z-index: 4;
  padding: 30px;
  color: #fff;
  border-radius: 10px;
  left: 0;
  bottom: 0;
}
.textBlock__group .mailcom__img-cover__content h2 {
  color: #ffffff;
}
.textBlock__group .mailcom__maps {
  height: 420px;
}
@media (max-width: 767px) {
  .textBlock__group .mailcom__maps {
    height: 300px;
  }
}
.textBlock__group .mailcom__maps .gm-style img {
  max-width: none;
  background: none;
}
.textBlock__group .mailcom__maps .gm-control-active > img {
  position: absolute;
  display: none;
}
.textBlock__group .mailcom__maps .gm-control-active > img:nth-child(1) {
  display: block;
}
.textBlock__group .mailcom__divider {
  display: block;
  height: 1px;
  background: rgb(231, 231, 231);
  margin: 30px 0;
}

.section__gray .textBlock__group .table-responsive .table-freeze-first th:first-child,
.section__gray .textBlock__group .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .section__gray .textBlock__group .table-responsive .table-freeze-first th:first-child,
  .section__gray .textBlock__group .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .section__gray .textBlock__group .table-responsive .table-freeze-first th:first-child::after,
  .section__gray .textBlock__group .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}

.section__dark .textBlock__group .grid-same .select-regional .title a {
  color: #757575;
}
.section__dark .textBlock__group .grid-same .select-regional .title a:hover {
  color: #e41920;
  text-decoration: none;
}
.section__dark .textBlock__group .table-responsive .table-freeze-first thead tr {
  border-bottom: 1px solid #757575;
}
.section__dark .textBlock__group .table-responsive .table-freeze-first thead td {
  color: #939393;
}
.section__dark .textBlock__group .table-responsive .table-freeze-first tbody tr {
  border-bottom: 1px solid #757575;
}
.section__dark .textBlock__group .table-responsive .table-freeze-first th:first-child,
.section__dark .textBlock__group .table-responsive .table-freeze-first td:first-child {
  background-color: #000000;
}
@media (max-width: 991px) {
  .section__dark .textBlock__group .table-responsive .table-freeze-first th:first-child,
  .section__dark .textBlock__group .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .section__dark .textBlock__group .table-responsive .table-freeze-first th:first-child::after,
  .section__dark .textBlock__group .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}

.textBlock__group table {
  border-bottom: 0;
  border-top: 0;
}
.textBlock__group table tbody tr {
  border-bottom: 0;
}
.textBlock__group table tbody tr td {
  padding: 20px 0;
}
.textBlock__group table tbody tr td table tbody tr {
  border-bottom: 0;
}
.textBlock__group .table-responsive table tbody tr {
  border-bottom: 1px solid #DBDBDB;
}

.textRight__thumbnail,
.textLeft__thumbnail {
  text-align: center;
  border-radius: 20px;
}
.textRight__image,
.textLeft__image {
  border-radius: 20px;
  max-width: 100%;
  height: auto;
}
.textRight__content,
.textLeft__content {
  padding-left: 64px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .textRight__content,
  .textLeft__content {
    padding-left: 32px;
  }
}
@media (max-width: 991px) {
  .textRight__content,
  .textLeft__content {
    padding-left: 0;
    margin-top: 32px;
  }
}
.textRight__content p:last-child,
.textLeft__content p:last-child {
  margin-bottom: 0;
}
.textRight__action,
.textLeft__action {
  margin-top: 32px;
}
@media (max-width: 991px) {
  .textRight__action,
  .textLeft__action {
    margin-top: 32px;
  }
}

.textLeft__content {
  padding-left: 0;
  padding-right: 64px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .textLeft__content {
    padding-left: 0;
    padding-right: 32px;
  }
}
@media (max-width: 991px) {
  .textLeft__content {
    padding-left: 0;
    padding-right: 0;
  }
}

.articlesMasthead {
  background-color: #F3F4F6;
}
@media (min-width: 1600px) {
  .articlesMasthead {
    padding: 80px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .articlesMasthead {
    padding: 67px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .articlesMasthead {
    padding: 53px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articlesMasthead {
    padding: 45px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articlesMasthead {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .articlesMasthead {
    padding: 36px 0;
  }
}
@media (max-width: 991px) {
  .articlesMasthead__heading {
    margin-bottom: 32px;
  }
}
@media (min-width: 1600px) {
  .articlesMasthead__heading--date {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .articlesMasthead__heading--date {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .articlesMasthead__heading--date {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articlesMasthead__heading--date {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articlesMasthead__heading--date {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .articlesMasthead__heading--date {
    margin-bottom: 11px;
  }
}
.articlesMasthead__heading--title {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .articlesMasthead__heading--categories {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .articlesMasthead__heading--categories {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .articlesMasthead__heading--categories {
    margin-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articlesMasthead__heading--categories {
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articlesMasthead__heading--categories {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .articlesMasthead__heading--categories {
    margin-top: 11px;
  }
}
@media (max-width: 991px) {
  .articlesMasthead__heading--categories {
    margin-top: 24px;
  }
}
.articlesMasthead__heading--label {
  margin-bottom: 0;
  color: #757575;
}
.articlesMasthead__content {
  border-top: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .articlesMasthead__content {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .articlesMasthead__content {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .articlesMasthead__content {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articlesMasthead__content {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articlesMasthead__content {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .articlesMasthead__content {
    margin-top: 22px;
  }
}
@media (min-width: 1600px) {
  .articlesMasthead__content {
    padding-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .articlesMasthead__content {
    padding-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .articlesMasthead__content {
    padding-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articlesMasthead__content {
    padding-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articlesMasthead__content {
    padding-top: 24px;
  }
}
@media (max-width: 767px) {
  .articlesMasthead__content {
    padding-top: 22px;
  }
}

.contactUsMasthead {
  background-color: #F3F4F6;
}
@media (min-width: 1600px) {
  .contactUsMasthead {
    padding: 80px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .contactUsMasthead {
    padding: 67px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contactUsMasthead {
    padding: 53px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contactUsMasthead {
    padding: 45px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contactUsMasthead {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .contactUsMasthead {
    padding: 36px 0;
  }
}
@media (min-width: 1600px) {
  .contactUsMasthead__title {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .contactUsMasthead__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contactUsMasthead__title {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contactUsMasthead__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contactUsMasthead__title {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .contactUsMasthead__title {
    margin-bottom: 14px;
  }
}
@media (max-width: 991px) {
  .contactUsMasthead__title {
    padding: 0 20px;
  }
}
@media (min-width: 1600px) {
  .contactUsMasthead-container {
    padding-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .contactUsMasthead-container {
    padding-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contactUsMasthead-container {
    padding-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contactUsMasthead-container {
    padding-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contactUsMasthead-container {
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .contactUsMasthead-container {
    padding-bottom: 14px;
  }
}
@media (max-width: 991px) {
  .contactUsMasthead-container {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .contactUsMasthead__scrollWrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  .contactUsMasthead__cardWrapper {
    flex: 0 0 auto;
    width: auto;
    border-radius: 16px;
    background-color: #f5f5f5;
    padding-right: 0;
  }
  .contactUsMasthead__cardWrapper:first-child {
    padding-left: 20px;
  }
  .contactUsMasthead__cardWrapper:last-child {
    padding-right: 20px;
  }
}
.contactUsMasthead .tabNavText {
  margin-bottom: 20px;
}
.contactUsMasthead__banner-top {
  position: relative;
  display: block;
  margin-bottom: 40px;
}
.contactUsMasthead__banner-top--image {
  width: 100%;
  border-radius: 20px;
}
.contactUsMasthead .accordions {
  position: relative;
  background-color: #ffffff;
  border-radius: 10px;
  margin-bottom: 24px;
}
.contactUsMasthead .accordions__item {
  padding: 24px;
  border: none;
}
.contactUsMasthead .accordions__item:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .contactUsMasthead .accordions__item-contact-info {
    padding: 12px 0 12px 0;
    border-top: 1px solid #F3F4F6;
  }
}
.contactUsMasthead .accordions__all {
  margin-bottom: 32px;
}
.contactUsMasthead .accordions__all--button {
  background: none;
  border: none;
  padding: 0;
}
.contactUsMasthead .accordions__header {
  position: relative;
  padding-right: 32px;
  margin-bottom: 0;
  cursor: pointer;
}
.contactUsMasthead .accordions__header::before {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\eb4c";
  font-size: 20px;
  line-height: 20px;
  top: 4px;
  right: 0;
}
.contactUsMasthead .accordions__header.collapsed::before {
  content: "\eb0f";
}
.contactUsMasthead .accordions__header-contact-info {
  position: relative;
  padding-right: 32px;
  margin-bottom: 0;
  cursor: pointer;
}
.contactUsMasthead .accordions__header-contact-info::before {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec6c";
  font-size: 20px;
  line-height: 20px;
  top: 4px;
  right: 0;
}
.contactUsMasthead .accordions__header-contact-info.collapsed::before {
  content: "\ec5b";
}
.contactUsMasthead .accordions__body {
  padding: 40px 0 14px 0;
}
@media (max-width: 991px) {
  .contactUsMasthead .accordions__body {
    padding: 32px 0 12px 0;
  }
}
@media (max-width: 991px) {
  .contactUsMasthead .accordions__body-contact-info {
    padding: 12px 0 12px 0;
  }
}

@media (max-width: 991px) {
  .contactUsNav {
    margin: 0;
    padding: 0;
    z-index: 20;
  }
}
.contactUsNav__nav {
  height: 100%;
}
@media (max-width: 991px) {
  .contactUsNav__nav {
    height: auto;
  }
}
.contactUsNav__nav--body {
  background-color: #ffffff;
  border-radius: 10px;
  padding-bottom: 64px;
  max-height: calc(100vh - 379px);
  overflow: hidden;
  top: auto;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .contactUsNav__nav--body {
    padding-bottom: 0;
    margin-bottom: 0;
    max-height: 370px;
    border-radius: 0;
  }
}
.contactUsNav__nav--main {
  width: calc(100% + 15px);
  max-height: calc(100vh - 512px);
  overflow: auto;
}
@media (max-width: 991px) {
  .contactUsNav__nav--main {
    max-height: 280px;
    height: 0;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width: 991px) {
  .contactUsNav__nav--main.slide {
    z-index: 20;
    position: absolute;
    background-color: #ffffff;
    height: 280px;
    padding-bottom: 16px;
  }
}
.contactUsNav__nav--heading {
  position: relative;
  padding: 40px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .contactUsNav__nav--heading {
    padding: 20px;
    cursor: pointer;
    background-color: #ffffff;
  }
}
.contactUsNav__nav--heading::before, .contactUsNav__nav--heading:after {
  display: none;
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec5b";
  font-size: 16px;
  line-height: 16px;
  top: 26px;
  right: 20px;
}
@media (max-width: 991px) {
  .contactUsNav__nav--heading::before, .contactUsNav__nav--heading:after {
    display: block;
  }
}
.contactUsNav__nav--heading:after {
  content: "\ec6c";
}
@media (max-width: 991px) {
  .contactUsNav__nav--heading:after {
    display: none;
  }
}
@media (max-width: 991px) {
  .contactUsNav__nav--heading.active::before {
    display: none;
  }
}
@media (max-width: 991px) {
  .contactUsNav__nav--heading.active:after {
    display: block;
  }
}
.contactUsNav__nav--listing {
  margin: 0;
  padding: 0;
  padding-left: 40px;
}
@media (max-width: 991px) {
  .contactUsNav__nav--listing {
    padding-left: 20px;
  }
}
.contactUsNav__nav--listing li {
  border-top: 1px solid #DBDBDB;
  list-style: none;
  padding: 0 40px 0 0;
  margin: 0;
}
@media (max-width: 991px) {
  .contactUsNav__nav--listing li {
    padding: 0 20px 0 0;
  }
}
.contactUsNav__nav--listing li a {
  position: relative;
  display: block;
  color: #939393;
  padding: 12px 20px 12px 0;
}
.contactUsNav__nav--listing li a.active {
  color: #000000;
}
.contactUsNav__nav--listing li a.active:hover {
  color: #000000;
}
.contactUsNav__nav--listing li a:hover {
  text-decoration: none;
  color: #e41920;
}
.contactUsNav__nav--listing li a::after {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec63";
  font-size: 16px;
  line-height: 16px;
  top: 16px;
  right: 0;
}
.contactUsNav__nav--listing li:last-child a {
  padding-bottom: 0;
}

.itemCard {
  position: relative;
  background-color: #F8F8F8;
  border-radius: 16px;
  padding: 20px;
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 20px;
  column-gap: 80px;
  color: #000000;
}
.itemCard__label {
  color: #757575;
}
.itemCard__value {
  color: #000000;
}
.itemCard__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 24px;
  height: 24px;
  color: #e41920;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
.itemCard__close:hover {
  color: #e41920;
}

.jumbotronCard__wrapper {
  background-color: #F3F4F6;
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .jumbotronCard__wrapper {
    border-radius: 10px;
  }
}
.jumbotronCard__thumbnail {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  min-height: 480px;
  padding-bottom: 70.1298701299%;
  border-radius: 0 20px 20px 0;
  overflow: hidden;
}
@media (max-width: 991px) {
  .jumbotronCard__thumbnail {
    border-radius: 10px 10px 0 0;
    min-height: auto;
  }
}
.jumbotronCard__content {
  height: 100%;
  align-content: center;
}
@media (min-width: 1600px) {
  .jumbotronCard__content {
    padding: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .jumbotronCard__content {
    padding: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .jumbotronCard__content {
    padding: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jumbotronCard__content {
    padding: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .jumbotronCard__content {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .jumbotronCard__content {
    padding: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jumbotronCard__content {
    padding: 32px;
  }
}
@media (max-width: 991px) {
  .jumbotronCard__content {
    padding: 16px;
  }
}
@media (min-width: 1600px) {
  .jumbotronCard__content--title {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .jumbotronCard__content--title {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .jumbotronCard__content--title {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jumbotronCard__content--title {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .jumbotronCard__content--title {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .jumbotronCard__content--title {
    margin-bottom: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jumbotronCard__content--title {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .jumbotronCard__content--title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .jumbotronCard__content--desc {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .jumbotronCard__content--desc {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .jumbotronCard__content--desc {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jumbotronCard__content--desc {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .jumbotronCard__content--desc {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .jumbotronCard__content--desc {
    margin-bottom: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jumbotronCard__content--desc {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .jumbotronCard__content--desc {
    margin-bottom: 16px;
  }
}
.jumbotronCard__content--desc p {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .jumbotronCard__content--desc p {
    margin-bottom: 16px;
  }
}
.jumbotronCard__content--desc p:last-child {
  border: none;
  margin: 0;
}
.jumbotronCard__content--desc .table-responsive .table-freeze-first th:first-child,
.jumbotronCard__content--desc .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .jumbotronCard__content--desc .table-responsive .table-freeze-first th:first-child,
  .jumbotronCard__content--desc .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .jumbotronCard__content--desc .table-responsive .table-freeze-first th:first-child::after,
  .jumbotronCard__content--desc .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.jumbotronCard__content--author {
  color: #757575;
  border-top: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .jumbotronCard__content--author {
    padding-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .jumbotronCard__content--author {
    padding-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .jumbotronCard__content--author {
    padding-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jumbotronCard__content--author {
    padding-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .jumbotronCard__content--author {
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .jumbotronCard__content--author {
    padding-top: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jumbotronCard__content--author {
    margin-top: 16px;
  }
}
@media (max-width: 991px) {
  .jumbotronCard__content--author {
    margin-top: 16px;
  }
}
.jumbotronCard__content--author strong {
  color: #000000;
}
.jumbotronCard__content--author p {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .jumbotronCard__content--author p {
    margin-bottom: 16px;
  }
}
.jumbotronCard__content--author p:last-child {
  border: none;
  margin: 0;
}
.jumbotronCard__blockquote {
  position: relative;
  line-height: 32px;
  font-style: italic;
}
@media (min-width: 1600px) {
  .jumbotronCard__blockquote {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .jumbotronCard__blockquote {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .jumbotronCard__blockquote {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jumbotronCard__blockquote {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .jumbotronCard__blockquote {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .jumbotronCard__blockquote {
    margin-bottom: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jumbotronCard__blockquote {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .jumbotronCard__blockquote {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .jumbotronCard__blockquote {
    line-height: 28px;
  }
}
.jumbotronCard.section__gray {
  margin: 0;
}
.jumbotronCard.section__gray .jumbotronCard__wrapper {
  background-color: #ffffff;
}
.jumbotronCard.section__gray .jumbotronCard__content--desc .table-responsive .table-freeze-first th:first-child,
.jumbotronCard.section__gray .jumbotronCard__content--desc .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .jumbotronCard.section__gray .jumbotronCard__content--desc .table-responsive .table-freeze-first th:first-child,
  .jumbotronCard.section__gray .jumbotronCard__content--desc .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .jumbotronCard.section__gray .jumbotronCard__content--desc .table-responsive .table-freeze-first th:first-child::after,
  .jumbotronCard.section__gray .jumbotronCard__content--desc .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.jumbotronCard.section__dark {
  margin: 0;
}
.jumbotronCard.section__dark .jumbotronCard__wrapper {
  background-color: #262626;
  color: #939393;
}
.jumbotronCard.section__dark .jumbotronCard__wrapper h1, .jumbotronCard.section__dark .jumbotronCard__wrapper h2, .jumbotronCard.section__dark .jumbotronCard__wrapper h3, .jumbotronCard.section__dark .jumbotronCard__wrapper h4, .jumbotronCard.section__dark .jumbotronCard__wrapper h5, .jumbotronCard.section__dark .jumbotronCard__wrapper h5 {
  color: #ffffff;
}
.jumbotronCard.section__dark .jumbotronCard__content--author strong {
  color: #ffffff;
}
.jumbotronCard.section__dark .jumbotronCard__content--author {
  border-top-color: #757575;
}
.jumbotronCard.section__dark .jumbotronCard__content--desc .table-responsive .table-freeze-first th:first-child,
.jumbotronCard.section__dark .jumbotronCard__content--desc .table-responsive .table-freeze-first td:first-child {
  background-color: #262626;
}
@media (max-width: 991px) {
  .jumbotronCard.section__dark .jumbotronCard__content--desc .table-responsive .table-freeze-first th:first-child,
  .jumbotronCard.section__dark .jumbotronCard__content--desc .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .jumbotronCard.section__dark .jumbotronCard__content--desc .table-responsive .table-freeze-first th:first-child::after,
  .jumbotronCard.section__dark .jumbotronCard__content--desc .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}

.solutions {
  background-color: #262626;
  padding-bottom: 32px;
  color: #939393;
}
@media (min-width: 1600px) {
  .solutions {
    padding-top: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .solutions {
    padding-top: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .solutions {
    padding-top: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .solutions {
    padding-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .solutions {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .solutions {
    padding-top: 36px;
  }
}
@media (max-width: 991px) {
  .solutions {
    padding-bottom: 16px;
  }
}
.solutions__container {
  position: relative;
  padding: 0 32px;
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 1600px) {
  .solutions__container {
    max-width: 1600px;
  }
}
@media (max-width: 991px) {
  .solutions__container {
    padding: 0 12px;
  }
}
.solutions .sectionHeading,
.solutions .sectionHeading__title {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .solutions .sectionHeading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .solutions .sectionHeading {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .solutions .sectionHeading {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .solutions .sectionHeading {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .solutions .sectionHeading {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .solutions .sectionHeading {
    margin-bottom: 18px;
  }
}
.solutions__content {
  text-align: center;
}
@media (min-width: 1600px) {
  .solutions__content {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .solutions__content {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .solutions__content {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .solutions__content {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .solutions__content {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .solutions__content {
    margin-bottom: 22px;
  }
}
@media (max-width: 991px) {
  .solutions__content {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.solutions__two--column .row {
  margin-left: -6px;
  margin-right: -6px;
}
.solutions__two--column .row > * {
  padding-left: 6px;
  padding-right: 6px;
}

.awards {
  position: relative;
}
.awards__listing {
  row-gap: 24px;
}
@media (max-width: 991px) {
  .awards__listing {
    row-gap: 16px;
  }
}

.certificates {
  position: relative;
}
.certificates__listing {
  row-gap: 24px;
}
@media (max-width: 991px) {
  .certificates__listing {
    row-gap: 16px;
  }
}

.accordions {
  position: relative;
}
.accordions__item {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #DBDBDB;
}
@media (max-width: 991px) {
  .accordions__item {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
.accordions__item:last-child {
  margin-bottom: 0;
}
.accordions__all {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .accordions__all {
    margin-bottom: 24px;
  }
}
.accordions__all--button {
  background: none;
  border: none;
  padding: 0;
}
.accordions__header {
  position: relative;
  padding-right: 32px;
  margin-bottom: 0;
  cursor: pointer;
}
.accordions__header::before {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec6c";
  font-size: 20px;
  line-height: 20px;
  top: 12px;
  right: 0;
}
@media (max-width: 991px) {
  .accordions__header::before {
    top: 8px;
  }
}
.accordions__header.collapsed::before {
  content: "\ec5b";
}
.accordions__body {
  padding: 40px 0 14px 0;
}
@media (max-width: 991px) {
  .accordions__body {
    padding: 32px 0 12px 0;
  }
}
.accordions__body p:last-child img {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .accordions__body p:last-child img {
    margin-bottom: 16px;
  }
}
.accordions__body .mapCard__media {
  position: sticky;
  top: 16px;
}
.accordions__body .mapCard__iframe {
  min-height: 360px;
}
@media (max-width: 991px) {
  .accordions__body .mapCard__iframe {
    min-height: 270px;
  }
}
.accordions__body .mapCard__content {
  padding: 64px;
}
@media (max-width: 991px) {
  .accordions__body .mapCard__content {
    padding: 32px;
  }
}
.accordions table {
  margin-bottom: 40px;
  border-top: none;
}
@media (max-width: 991px) {
  .accordions table {
    margin-bottom: 24px;
  }
}

.accordionsDefault .accordions__body {
  color: #757575;
}
.accordionsDefault .row {
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .accordionsDefault .row {
    margin-left: -24px;
    margin-right: -24px;
  }
}
.accordionsDefault .row:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .accordionsDefault .row > * {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.accordionsDefault.always__expand .accordions__header {
  cursor: default;
  padding-right: 0;
}
.accordionsDefault.always__expand .accordions__header::before, .accordionsDefault.always__expand .accordions__header::after {
  display: none;
}
.accordionsDefault.section__dark .accordions__item {
  border-bottom-color: #757575;
}
.accordionsDefault.section__dark .accordions__header.collapsed::before {
  color: #757575;
}

.accordionsDefault .accordions__body .table-responsive table thead tr th {
  padding: 20px 0;
}
@media (max-width: 991px) {
  .accordionsDefault .accordions__body .table-responsive table thead tr th {
    padding: 10px;
  }
}
.accordionsDefault .accordions__body .table-responsive table thead tr td {
  padding: 20px 0;
}
@media (max-width: 991px) {
  .accordionsDefault .accordions__body .table-responsive table thead tr td {
    padding: 10px;
  }
}
.accordionsDefault .accordions__body .table-responsive table tbody tr td {
  padding: 20px 0;
}
@media (max-width: 991px) {
  .accordionsDefault .accordions__body .table-responsive table tbody tr td {
    padding: 10px;
  }
}

.accordions__card .accordions__item {
  background-color: #F3F4F6;
  padding: 32px;
  border: none;
  border-radius: 10px;
}
.accordions__card .accordions__item .table-responsive .table-freeze-first th:first-child,
.accordions__card .accordions__item .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .accordions__card .accordions__item .table-responsive .table-freeze-first th:first-child,
  .accordions__card .accordions__item .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .accordions__card .accordions__item .table-responsive .table-freeze-first th:first-child::after,
  .accordions__card .accordions__item .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.accordions__card.accordionsSlider .sliderBlock__navigation .carousel__nav--button {
  background-color: #ffffff;
}
.accordions__card.accordionsSlider .sliderBlock__navigation .carousel__nav--button:hover {
  background-color: #e41920;
  color: #ffffff;
}
.accordions__card.accordionsSlider .sliderBlock__navigation .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #ffffff;
  color: #000000;
}
.accordions__card.section__gray .accordions__item {
  background-color: #ffffff;
}
.accordions__card.section__gray .accordions__item .table-responsive .table-freeze-first th:first-child,
.accordions__card.section__gray .accordions__item .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .accordions__card.section__gray .accordions__item .table-responsive .table-freeze-first th:first-child,
  .accordions__card.section__gray .accordions__item .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .accordions__card.section__gray .accordions__item .table-responsive .table-freeze-first th:first-child::after,
  .accordions__card.section__gray .accordions__item .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.accordions__card.section__gray.accordionsSlider .sliderBlock__navigation .carousel__nav--button {
  background-color: #F3F4F6;
}
.accordions__card.section__gray.accordionsSlider .sliderBlock__navigation .carousel__nav--button:hover {
  background-color: #e41920;
  color: #ffffff;
}
.accordions__card.section__gray.accordionsSlider .sliderBlock__navigation .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
  color: #000000;
}
.accordions__card.section__dark .accordions__item {
  background-color: #262626;
}
.accordions__card.section__dark .accordions__item .table-responsive .table-freeze-first th:first-child,
.accordions__card.section__dark .accordions__item .table-responsive .table-freeze-first td:first-child {
  background-color: #262626;
}
@media (max-width: 991px) {
  .accordions__card.section__dark .accordions__item .table-responsive .table-freeze-first th:first-child,
  .accordions__card.section__dark .accordions__item .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .accordions__card.section__dark .accordions__item .table-responsive .table-freeze-first th:first-child::after,
  .accordions__card.section__dark .accordions__item .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}
.accordions__card.section__dark .accordions__header.collapsed::before {
  color: #ffffff;
}
.accordions__card.section__dark h1, .accordions__card.section__dark h2, .accordions__card.section__dark h3, .accordions__card.section__dark h4, .accordions__card.section__dark h5, .accordions__card.section__dark h6 {
  color: #ffffff;
}
.accordions__card.section__dark .accordions__body {
  color: #939393;
}

.accordionsSlider .accordions__body {
  color: #757575;
}
.accordionsSlider.accordionsMultipleSlider .accordionsSlider__container {
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .accordionsSlider.accordionsMultipleSlider .accordionsSlider__container {
    margin-bottom: 40px;
  }
}
.accordionsSlider.accordionsMultipleSlider .accordionsSlider__container:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .accordionsSlider.accordionsMultipleSlider .accordionsSlider__container:last-child {
    margin-bottom: 0;
  }
}
.accordionsSlider__heading {
  color: #757575;
  text-align: center;
}
.accordionsSlider .accordions {
  border-top: 1px solid #DBDBDB;
  padding-top: 32px;
}
@media (max-width: 991px) {
  .accordionsSlider .accordions {
    padding-top: 24px;
  }
}
.accordionsSlider.accordions__card .accordions {
  border-top: none;
  padding-top: 0;
}
.accordionsSlider__oneColumn .accordionsSlider__desc {
  width: 100%;
}
.accordionsSlider__container {
  display: flex;
  flex-wrap: wrap;
}
.accordionsSlider__desc {
  flex: 0 0 auto;
  width: 41.66666667%;
  padding-right: 54px;
}
@media (max-width: 991px) {
  .accordionsSlider__desc {
    padding-right: 0;
    width: 100%;
  }
}
.accordionsSlider__desc ul, .accordionsSlider__desc ol {
  margin: 0 0 16px 0;
  padding: 0 0 0 26px;
}
.accordionsSlider__desc ul li, .accordionsSlider__desc ol li {
  margin: 4px 0;
}
.accordionsSlider__desc p {
  margin-bottom: 24px;
}
.accordionsSlider__desc p:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .accordionsSlider__desc p img {
    max-width: 100%;
    max-height: 540px;
  }
}
.accordionsSlider__desc .sliderBlock__navigation {
  display: flex !important;
  justify-content: left;
}
@media (max-width: 991px) {
  .accordionsSlider__desc .sliderBlock__navigation {
    display: none !important;
  }
}
.accordionsSlider__thumbnails {
  flex: 0 0 auto;
  width: 58.33333333%;
  order: 1;
  padding-left: 54px;
}
@media (max-width: 991px) {
  .accordionsSlider__thumbnails {
    padding-left: 0;
    width: 100%;
  }
}
.accordionsSlider__thumbnails .sliderBlock__navigation {
  display: none !important;
}
@media (max-width: 991px) {
  .accordionsSlider__thumbnails .sliderBlock__navigation {
    display: flex !important;
  }
}
.accordionsSlider__slider {
  position: sticky;
  top: auto;
  margin-bottom: 48px;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .accordionsSlider__slider {
    margin-top: 32px;
    margin-bottom: 0;
  }
}
.accordionsSlider__slider:last-child {
  margin-bottom: 0;
}
.accordionsSlider .sliderBlock__wrapper {
  margin-top: 0;
}
.accordionsSlider .sliderBlock__navigation {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .accordionsSlider .sliderBlock__navigation {
    margin-top: 20px;
  }
}
.accordionsSlider .sliderBlock__navigation .carousel__nav--button {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .accordionsSlider .sliderBlock__navigation .carousel__nav--button {
    display: block;
  }
}
.accordionsSlider .sliderBlock__navigation .carousel__nav--button:hover {
  background-color: #e41920;
  color: #ffffff;
}
.accordionsSlider .sliderBlock__navigation .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
  color: #000000;
}
.accordionsSlider .collapse:not(.show) {
  display: block;
  height: 0;
  overflow: hidden;
}
.accordionsSlider.always__expand .accordions__header {
  cursor: default;
  padding-right: 0;
}
.accordionsSlider.always__expand .accordions__header::before, .accordionsSlider.always__expand .accordions__header::after {
  display: none;
}
.accordionsSlider.section__dark .accordions {
  border-top-color: #757575;
}
.accordionsSlider.section__dark .accordions__header.collapsed::before {
  color: #757575;
}
.accordionsSlider.section__dark .accordions__item {
  border-bottom-color: #757575;
}
.accordionsSlider.section__dark .accordionsSlider__heading {
  color: #939393;
}
.accordionsSlider.section__dark h1, .accordionsSlider.section__dark h2, .accordionsSlider.section__dark h3, .accordionsSlider.section__dark h4, .accordionsSlider.section__dark h5, .accordionsSlider.section__dark h6 {
  color: #ffffff;
}
.accordionsSlider.section__dark .accordions__body {
  color: #939393;
}
.accordionsSlider.section__dark .sliderBlock__navigation .carousel__nav--button.swiper-button-disabled:hover,
.accordionsSlider.section__dark .sliderBlock__navigation .carousel__nav--button {
  background-color: #383838;
  color: #ffffff;
}
.accordionsSlider.section__dark .sliderBlock__navigation .carousel__nav--button:hover {
  background-color: #e41920;
  color: #ffffff;
}
.accordionsSlider.section__dark .carousel__nav--button.swiper-button-disabled {
  opacity: 0.5;
}

.accordionsMapCards.always__expand .accordions__header {
  cursor: default;
  padding-right: 0;
}
.accordionsMapCards.always__expand .accordions__header::before, .accordionsMapCards.always__expand .accordions__header::after {
  display: none;
}
.accordionsMapCards .mapCard .mapCard__content .table-responsive .table-freeze-first th:first-child,
.accordionsMapCards .mapCard .mapCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .accordionsMapCards .mapCard .mapCard__content .table-responsive .table-freeze-first th:first-child,
  .accordionsMapCards .mapCard .mapCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .accordionsMapCards .mapCard .mapCard__content .table-responsive .table-freeze-first th:first-child::after,
  .accordionsMapCards .mapCard .mapCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.accordionsMapCards.section__gray .mapCard .mapCard__content .table-responsive .table-freeze-first th:first-child,
.accordionsMapCards.section__gray .mapCard .mapCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .accordionsMapCards.section__gray .mapCard .mapCard__content .table-responsive .table-freeze-first th:first-child,
  .accordionsMapCards.section__gray .mapCard .mapCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .accordionsMapCards.section__gray .mapCard .mapCard__content .table-responsive .table-freeze-first th:first-child::after,
  .accordionsMapCards.section__gray .mapCard .mapCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.accordionsMapCards.section__gray .mapCard {
  background-color: #ffffff;
}
.accordionsMapCards.section__dark .accordions {
  border-top-color: #757575;
}
.accordionsMapCards.section__dark .accordions__header.collapsed::before {
  color: #757575;
}
.accordionsMapCards.section__dark .accordions__item {
  border-bottom-color: #757575;
}
.accordionsMapCards.section__dark .mapCard {
  background-color: #262626;
  color: #939393;
}
.accordionsMapCards.section__dark .mapCard h1, .accordionsMapCards.section__dark .mapCard h2, .accordionsMapCards.section__dark .mapCard h3, .accordionsMapCards.section__dark .mapCard h4, .accordionsMapCards.section__dark .mapCard h5, .accordionsMapCards.section__dark .mapCard h6 {
  color: #ffffff;
}
.accordionsMapCards.section__dark .mapCard .mapCard__heading {
  color: #939393;
}
.accordionsMapCards.section__dark .mapCard .mapCard__heading .sectionHeading__title {
  color: #ffffff;
}
.accordionsMapCards.section__dark .mapCard .mapCard__content {
  color: #939393;
}
.accordionsMapCards.section__dark .mapCard .mapCard__content strong {
  color: #ffffff;
}
.accordionsMapCards.section__dark .mapCard .mapCard__content table thead tr td {
  color: #ffffff;
}
.accordionsMapCards.section__dark .mapCard .mapCard__content table tbody tr td {
  color: #939393;
}
.accordionsMapCards.section__dark .mapCard .mapCard__group--contact li {
  color: #ffffff;
}
.accordionsMapCards.section__dark .mapCard .mapCard__content .table-responsive .table-freeze-first th:first-child,
.accordionsMapCards.section__dark .mapCard .mapCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #262626;
}
@media (max-width: 991px) {
  .accordionsMapCards.section__dark .mapCard .mapCard__content .table-responsive .table-freeze-first th:first-child,
  .accordionsMapCards.section__dark .mapCard .mapCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .accordionsMapCards.section__dark .mapCard .mapCard__content .table-responsive .table-freeze-first th:first-child::after,
  .accordionsMapCards.section__dark .mapCard .mapCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.accordionsMapCards__heading {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .accordionsMapCards__heading {
    margin-bottom: 20px;
  }
}

.accordions__collapse.show .accordionsSlider__slider {
  top: 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .accordions__collapse.show .accordionsSlider__slider {
    top: 32px;
  }
}
@media (max-width: 991px) {
  .accordions__collapse.show .accordionsSlider__slider {
    position: relative;
    top: auto;
  }
}

.always__expand .accordionsSlider__slider {
  top: 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .always__expand .accordionsSlider__slider {
    top: 32px;
  }
}
@media (max-width: 991px) {
  .always__expand .accordionsSlider__slider {
    position: relative;
    top: auto;
  }
}

.header-hide .accordions__collapse.show .accordionsSlider__slider {
  top: 112px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-hide .accordions__collapse.show .accordionsSlider__slider {
    top: 89px;
  }
}
@media (max-width: 991px) {
  .header-hide .accordions__collapse.show .accordionsSlider__slider {
    position: relative;
    top: auto;
  }
}
.header-hide .always__expand .accordionsSlider__slider {
  top: 112px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-hide .always__expand .accordionsSlider__slider {
    top: 89px;
  }
}
@media (max-width: 991px) {
  .header-hide .always__expand .accordionsSlider__slider {
    position: relative;
    top: auto;
  }
}
.header-hide.breadcrumb-active .accordions__collapse.show .accordionsSlider__slider {
  top: 164px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-hide.breadcrumb-active .accordions__collapse.show .accordionsSlider__slider {
    top: 141px;
  }
}
@media (max-width: 991px) {
  .header-hide.breadcrumb-active .accordions__collapse.show .accordionsSlider__slider {
    position: relative;
    top: auto;
  }
}
.header-hide.breadcrumb-active .always__expand .accordionsSlider__slider {
  top: 164px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-hide.breadcrumb-active .always__expand .accordionsSlider__slider {
    top: 141px;
  }
}
@media (max-width: 991px) {
  .header-hide.breadcrumb-active .always__expand .accordionsSlider__slider {
    position: relative;
    top: auto;
  }
}

.header-show .accordions__collapse.show .accordionsSlider__slider {
  top: 203px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-show .accordions__collapse.show .accordionsSlider__slider {
    top: 180px;
  }
}
@media (max-width: 991px) {
  .header-show .accordions__collapse.show .accordionsSlider__slider {
    position: relative;
    top: auto;
  }
}
.header-show .always__expand .accordionsSlider__slider {
  top: 203px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-show .always__expand .accordionsSlider__slider {
    top: 180px;
  }
}
@media (max-width: 991px) {
  .header-show .always__expand .accordionsSlider__slider {
    position: relative;
    top: auto;
  }
}
.header-show.breadcrumb-active .accordions__collapse.show .accordionsSlider__slider {
  top: 255px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-show.breadcrumb-active .accordions__collapse.show .accordionsSlider__slider {
    top: 232px;
  }
}
@media (max-width: 991px) {
  .header-show.breadcrumb-active .accordions__collapse.show .accordionsSlider__slider {
    position: relative;
    top: auto;
  }
}
.header-show.breadcrumb-active .always__expand .accordionsSlider__slider {
  top: 255px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header-show.breadcrumb-active .always__expand .accordionsSlider__slider {
    top: 232px;
  }
}
@media (max-width: 991px) {
  .header-show.breadcrumb-active .always__expand .accordionsSlider__slider {
    position: relative;
    top: auto;
  }
}

.accordionsImage {
  position: relative;
  margin: 120px 0;
}
.accordionsImage .sectionHeading {
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 64px;
  padding-bottom: 64px;
}
.accordionsImage__thumbnail {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
}
.accordionsImage__content {
  padding-left: 64px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .accordionsImage__content {
    padding-left: 32px;
  }
}
.accordionsImage__content .accordions__header {
  padding-right: 260px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .accordionsImage__content .accordions__header {
    padding-right: 30px;
  }
}
.accordionsImage__content .accordions__header::before, .accordionsImage__content .accordions__header::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #000000;
  border-radius: 4px;
  width: 18px;
  height: 2px;
  top: 50%;
  right: 0;
  margin-top: -1px;
}
.accordionsImage__content .accordions__header::after {
  display: none;
  width: 2px;
  height: 18px;
  top: 50%;
  right: 8px;
  margin-top: -9px;
}
.accordionsImage__content .accordions__header.collapsed::after {
  display: block;
}
.accordionsImage__content .accordions__item {
  padding-bottom: 32px;
}
.recentArticles {
  position: relative;
}
.recentArticles__subheading {
  text-align: center;
  color: #757575;
  padding-bottom: 32px;
}
.recentArticles__container {
  padding: 0;
}
@media (max-width: 991px) {
  .recentArticles__container {
    max-width: 100%;
  }
}
.recentArticles__content .swiper {
  padding: 10px;
}
@media (max-width: 991px) {
  .recentArticles__content .swiper {
    padding-right: 30px;
  }
}
.recentArticles__content .swiper-wrapper {
  width: auto;
  margin-left: -12px;
  margin-right: -12px;
}
@media (max-width: 991px) {
  .recentArticles__content .swiper-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 20px;
  }
}
.recentArticles__content .swiper-slide {
  flex: 0 0 auto;
  width: 33.33333333%;
  padding-left: 12px;
  padding-right: 12px;
  height: auto;
}
@media (max-width: 991px) {
  .recentArticles__content .swiper-slide {
    width: calc(100vw - 56px);
    padding-right: 10px;
    padding-left: 0;
  }
}
.recentArticles__more {
  text-align: center;
}
@media (min-width: 1600px) {
  .recentArticles__more {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .recentArticles__more {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .recentArticles__more {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .recentArticles__more {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .recentArticles__more {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .recentArticles__more {
    margin-top: 22px;
  }
}

.recentEvents {
  position: relative;
}
@media (max-width: 991px) {
  .recentEvents {
    margin: 60px 0;
  }
}
.recentEvents__subheading {
  text-align: center;
  color: #757575;
  padding-bottom: 32px;
}
@media (max-width: 991px) {
  .recentEvents__container {
    max-width: 100%;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .recentEvents__content .swiper {
    padding-right: 30px;
  }
}
.recentEvents__content .swiper-wrapper {
  width: auto;
  margin-left: -12px;
  margin-right: -12px;
}
@media (max-width: 991px) {
  .recentEvents__content .swiper-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 20px;
  }
}
.recentEvents__content .swiper-slide {
  flex: 0 0 auto;
  width: 33.33333333%;
  padding-left: 12px;
  padding-right: 12px;
  height: auto;
}
@media (max-width: 991px) {
  .recentEvents__content .swiper-slide {
    width: calc(100vw - 56px);
    padding-right: 10px;
    padding-left: 0;
  }
}
.recentEvents__more {
  text-align: center;
}
@media (min-width: 1600px) {
  .recentEvents__more {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .recentEvents__more {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .recentEvents__more {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .recentEvents__more {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .recentEvents__more {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .recentEvents__more {
    margin-top: 22px;
  }
}

.upcomingEvents {
  overflow: hidden;
}
@media (min-width: 1600px) {
  .upcomingEvents .sectionHeading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .upcomingEvents .sectionHeading {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .upcomingEvents .sectionHeading {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .upcomingEvents .sectionHeading {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .upcomingEvents .sectionHeading {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .upcomingEvents .sectionHeading {
    margin-bottom: 18px;
  }
}
.upcomingEvents__desc {
  text-align: center;
  color: #757575;
}
@media (min-width: 1600px) {
  .upcomingEvents__desc {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .upcomingEvents__desc {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .upcomingEvents__desc {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .upcomingEvents__desc {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .upcomingEvents__desc {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .upcomingEvents__desc {
    margin-bottom: 22px;
  }
}
.upcomingEvents .swiper {
  overflow: visible;
}
@media (max-width: 991px) {
  .upcomingEvents .swiper .swiper-slide {
    width: calc(100vw - 66px);
  }
}
.upcomingEvents__listing--nav {
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 64px;
}
@media (max-width: 991px) {
  .upcomingEvents__listing--nav {
    display: none !important;
  }
}
.upcomingEvents__listing--nav .carousel__nav--button {
  background-color: #ffffff;
}
.upcomingEvents__listing--nav .carousel__nav--button:hover {
  background-color: #e41920;
}
.upcomingEvents__card {
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
}
.upcomingEvents__card .row {
  margin: 0;
}
.upcomingEvents__card .row > * {
  padding: 0;
}
.upcomingEvents__card--thumbnail {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 688px;
  height: 100%;
  padding-bottom: 60.2006688963%;
}
@media (max-width: 991px) {
  .upcomingEvents__card--thumbnail {
    width: 100%;
    min-height: auto;
    height: auto;
  }
}
.upcomingEvents__card--content {
  padding: 64px 120px;
  height: 100%;
  min-height: 688px;
  align-content: center;
}
@media (min-width: 1600px) {
  .upcomingEvents__card--content {
    padding: 120px 172px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .upcomingEvents__card--content {
    padding: 40px 48px;
  }
}
@media (max-width: 991px) {
  .upcomingEvents__card--content {
    min-height: auto;
    padding: 32px 24px;
  }
}
.upcomingEvents__card--content-label {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .upcomingEvents__card--content-label {
    margin-bottom: 16px;
  }
}
.upcomingEvents__card--content-label label {
  padding-left: 16px;
  margin-left: 16px;
}
.upcomingEvents__card--content-label label::before {
  content: "";
  position: absolute;
  background-color: #757575;
  width: 4px;
  height: 4px;
  left: 0;
  top: 7.5px;
  border-radius: 50%;
}
.upcomingEvents__card--content-label label:first-child {
  padding: 0;
  margin: 0;
}
.upcomingEvents__card--content-label label:first-child::before {
  display: none;
}
.upcomingEvents__card--content-label-category {
  position: relative;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 0;
}
.upcomingEvents__card--content-label-date {
  position: relative;
  color: #757575;
  margin-bottom: 0;
}
.upcomingEvents__card--content-title {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .upcomingEvents__card--content-title {
    margin-bottom: 24px;
  }
}
.upcomingEvents__card--content-desc {
  color: #757575;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .upcomingEvents__card--content-desc {
    margin-bottom: 24px;
  }
}
.upcomingEvents__card--content-price {
  color: #000000;
  font-weight: 500;
  margin-bottom: 64px;
}
@media (max-width: 991px) {
  .upcomingEvents__card--content-price {
    margin-bottom: 32px;
  }
}
.upcomingEvents__card--content-price sup {
  font-weight: 600;
  font-size: 11px;
  line-height: 11px;
}

.quickLink {
  position: relative;
}
.quickLink__row {
  margin-left: -8px;
  margin-right: -8px;
}
.quickLink__column {
  padding-left: 8px;
  padding-right: 8px;
}

.articleBanner.bg__cover {
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: cover;
  padding-bottom: 40%;
}
@media (max-width: 991px) {
  .articleBanner.bg__cover {
    padding: 0;
  }
}
.articleBanner.bg__cover .articleBanner__container,
.articleBanner.bg__cover .articleBanner__title,
.articleBanner.bg__cover .articleBanner__content,
.articleBanner.bg__cover .articleBanner__label {
  color: #ffffff;
}
.articleBanner.bg__cover.articleBanner__dark .articleBanner__overlay-dark {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000000;
  background: linear-gradient(100deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.articleBanner.bg__cover.articleBanner__dark .articleBanner__container,
.articleBanner.bg__cover.articleBanner__dark .articleBanner__title,
.articleBanner.bg__cover.articleBanner__dark .articleBanner__content,
.articleBanner.bg__cover.articleBanner__dark .articleBanner__label {
  color: #ffffff;
}
.articleBanner.bg__cover.articleBanner__dark .articleBanner__text-dark {
  color: #000000;
}
.articleBanner.bg__cover.articleBanner__dark .articleBanner__text-dark .articleBanner__container,
.articleBanner.bg__cover.articleBanner__dark .articleBanner__text-dark .articleBanner__title,
.articleBanner.bg__cover.articleBanner__dark .articleBanner__text-dark .articleBanner__content,
.articleBanner.bg__cover.articleBanner__dark .articleBanner__text-dark .articleBanner__label {
  color: #000000;
}
.articleBanner.bg__cover.articleBanner__dark .articleBanner__text-white {
  color: #ffffff;
}
.articleBanner.bg__cover.articleBanner__dark .articleBanner__text-white .articleBanner__container,
.articleBanner.bg__cover.articleBanner__dark .articleBanner__text-white .articleBanner__title,
.articleBanner.bg__cover.articleBanner__dark .articleBanner__text-white .articleBanner__content,
.articleBanner.bg__cover.articleBanner__dark .articleBanner__text-white .articleBanner__label {
  color: #ffffff;
}
.articleBanner.bg__cover.articleBanner__white .articleBanner__overlay-white {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #ffffff;
  background: linear-gradient(100deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.5) 100%);
}
.articleBanner.bg__cover.articleBanner__white .articleBanner__container,
.articleBanner.bg__cover.articleBanner__white .articleBanner__title,
.articleBanner.bg__cover.articleBanner__white .articleBanner__content,
.articleBanner.bg__cover.articleBanner__white .articleBanner__label {
  color: #000000;
}
.articleBanner.bg__cover.articleBanner__white .articleBanner__text-dark {
  color: #000000;
}
.articleBanner.bg__cover.articleBanner__white .articleBanner__text-dark .articleBanner__container,
.articleBanner.bg__cover.articleBanner__white .articleBanner__text-dark .articleBanner__title,
.articleBanner.bg__cover.articleBanner__white .articleBanner__text-dark .articleBanner__content,
.articleBanner.bg__cover.articleBanner__white .articleBanner__text-dark .articleBanner__label {
  color: #000000;
}
.articleBanner.bg__cover.articleBanner__white .articleBanner__text-white {
  color: #ffffff;
}
.articleBanner.bg__cover.articleBanner__white .articleBanner__text-white .articleBanner__container,
.articleBanner.bg__cover.articleBanner__white .articleBanner__text-white .articleBanner__title,
.articleBanner.bg__cover.articleBanner__white .articleBanner__text-white .articleBanner__content,
.articleBanner.bg__cover.articleBanner__white .articleBanner__text-white .articleBanner__label {
  color: #ffffff;
}
.articleBanner__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000000;
  z-index: 2;
}
@media (min-width: 1600px) {
  .articleBanner__container {
    padding-top: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .articleBanner__container {
    padding-top: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .articleBanner__container {
    padding-top: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articleBanner__container {
    padding-top: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleBanner__container {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .articleBanner__container {
    padding-top: 54px;
  }
}
@media (min-width: 1600px) {
  .articleBanner__container {
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .articleBanner__container {
    padding-bottom: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .articleBanner__container {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articleBanner__container {
    padding-bottom: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleBanner__container {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .articleBanner__container {
    padding-bottom: 54px;
  }
}
@media (min-width: 992px) {
  .articleBanner__container {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .articleBanner__container {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.articleBanner__container .articleBanner__title {
  color: #000000;
}
.articleBanner__text-dark {
  color: #000000;
}
.articleBanner__text-dark .articleBanner__container,
.articleBanner__text-dark .articleBanner__title,
.articleBanner__text-dark .articleBanner__content,
.articleBanner__text-dark .articleBanner__label {
  color: #000000;
}
.articleBanner__text-white {
  color: #ffffff;
}
.articleBanner__text-white .articleBanner__container,
.articleBanner__text-white .articleBanner__title,
.articleBanner__text-white .articleBanner__content,
.articleBanner__text-white .articleBanner__label {
  color: #ffffff;
}
.articleBanner__main {
  width: 50%;
}
@media (max-width: 991px) {
  .articleBanner__main {
    width: 80%;
  }
}
.articleBanner__label {
  display: block;
  margin-bottom: 32px;
}
@media (min-width: 1600px) {
  .articleBanner__label {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .articleBanner__label {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .articleBanner__label {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articleBanner__label {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleBanner__label {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .articleBanner__label {
    margin-bottom: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleBanner__label {
    font-size: 10px;
    line-height: normal;
  }
}
@media (max-width: 767px) {
  .articleBanner__label {
    margin-bottom: 8px;
    font-size: 8px;
    line-height: normal;
  }
}
.articleBanner__title {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .articleBanner__title {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .articleBanner__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .articleBanner__title {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articleBanner__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleBanner__title {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .articleBanner__title {
    margin-bottom: 14px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articleBanner__title {
    font-size: 48px;
    line-height: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleBanner__title {
    font-size: 32px;
    line-height: normal;
  }
}
@media (max-width: 767px) {
  .articleBanner__title {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: normal;
  }
}
.articleBanner__content {
  font-weight: 400;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articleBanner__content {
    font-size: 16px;
    line-height: 22px;
  }
}
.articleBanner__content p {
  font-size: 16px;
  line-height: normal;
}
@media (min-width: 1400px) {
  .articleBanner__content p {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articleBanner__content p {
    font-size: 16px;
    line-height: normal;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleBanner__content p {
    font-size: 14px;
    line-height: normal;
  }
}
@media (max-width: 767px) {
  .articleBanner__content p {
    font-size: 11px;
    line-height: normal;
  }
}
@media (min-width: 1600px) {
  .articleBanner__action {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .articleBanner__action {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .articleBanner__action {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articleBanner__action {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleBanner__action {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .articleBanner__action {
    margin-top: 22px;
  }
}
@media (max-width: 767px) {
  .articleBanner__action {
    margin-top: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleBanner__action .button {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .articleBanner__action .button {
    padding: 8px 18px;
    line-height: 8px;
    font-size: 8px;
  }
}
.articleBanner .img-block {
  display: block;
  width: 100%;
}

.imageTwoColumn {
  position: relative;
  padding-left: 28px;
  padding-right: 28px;
}
@media (max-width: 767px) {
  .imageTwoColumn {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.imageTwoColumn .sectionHeading {
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  .imageTwoColumn .sectionHeading {
    margin-bottom: 24px;
  }
}
.imageTwoColumn .sectionHeading .sectionHeading__title {
  color: #000000;
}
.imageTwoColumn__desc {
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .imageTwoColumn__desc {
    margin-bottom: 40px;
  }
}
.imageTwoColumn__image {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .imageTwoColumn__row {
    row-gap: 32px;
  }
}

.section__dark .sectionHeading .sectionHeading__title {
  color: #ffffff;
}

.leftRightImage {
  position: relative;
}
.leftRightImage__row + .leftRightImage__row {
  margin-top: 120px;
}
@media (max-width: 991px) {
  .leftRightImage__row + .leftRightImage__row {
    margin-top: 64px;
  }
}
.leftRightImage__thumbnail {
  border-radius: 20px;
  max-width: 100%;
  height: auto;
}
@media (max-width: 991px) {
  .leftRightImage__thumbnail {
    border-radius: 10px;
    margin-bottom: 40px;
  }
}
.leftRightImage__content {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}
.leftRightImage__content--inner {
  flex: 0 0 auto;
  width: 100%;
  align-self: center;
}
.leftRightImage__content--left {
  padding-left: 64px;
}
@media (min-width: 1400px) {
  .leftRightImage__content--left {
    padding-left: 80px;
  }
}
@media (max-width: 991px) {
  .leftRightImage__content--left {
    padding-left: 0;
  }
}
.leftRightImage__content--right {
  padding-right: 64px;
}
@media (min-width: 1400px) {
  .leftRightImage__content--right {
    padding-right: 80px;
  }
}
@media (max-width: 991px) {
  .leftRightImage__content--right {
    padding-right: 0;
  }
}
.leftRightImage__content--title {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .leftRightImage__content--title {
    margin-bottom: 24px;
  }
}
.leftRightImage__action {
  margin-top: 48px;
}
@media (max-width: 991px) {
  .leftRightImage__action {
    margin-top: 32px;
  }
}

.section__dark .leftRightImage__content {
  color: #ffffff;
}

.featuredImage {
  background-color: #000000;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
  padding-top: 36.1458333333%;
  padding-bottom: 120px;
  overflow: hidden;
  margin-bottom: -2px;
}
@media (max-width: 991px) {
  .featuredImage {
    padding-top: 65.145833%;
    padding-bottom: 60px;
  }
}
.featuredImage__overlay {
  position: absolute;
  content: "";
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  padding-bottom: 66.1458333333%;
  left: 0;
  bottom: 0;
}
.featuredImage__wrapper {
  position: relative;
  width: 100%;
  z-index: 2;
}
.featuredImage .sectionHeading {
  color: #ffffff;
  border-bottom: 1px solid #757575;
  padding-bottom: 48px;
  margin-bottom: 48px;
}
@media (max-width: 991px) {
  .featuredImage .sectionHeading {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
.featuredImage .sectionHeading .sectionHeading__title {
  width: 70%;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featuredImage .sectionHeading .sectionHeading__title {
    width: 90%;
  }
}
@media (min-width: 1400px) {
  .featuredImage .sectionHeading .sectionHeading__title {
    width: 60%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .featuredImage .sectionHeading .sectionHeading__title {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .featuredImage .sectionHeading .sectionHeading__title {
    width: 100%;
  }
}
.featuredImage__row {
  margin-left: -64px;
  margin-right: -64px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featuredImage__row {
    margin-left: -32px;
    margin-right: -32px;
  }
}
@media (min-width: 1400px) {
  .featuredImage__row {
    margin-left: -64px;
    margin-right: -64px;
  }
}
@media (max-width: 991px) {
  .featuredImage__row {
    row-gap: 32px;
    margin-left: -20px;
    margin-right: -20px;
  }
}
.featuredImage__column {
  padding-left: 48px;
  padding-right: 48px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featuredImage__column {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (min-width: 1400px) {
  .featuredImage__column {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (max-width: 991px) {
  .featuredImage__column {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.featuredImage__content {
  color: #ffffff;
}
.featuredImage.featuredImage__dark .featuredImage__overlay {
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 100%);
}
.featuredImage.featuredImage__text--dark .sectionHeading {
  color: #000000;
}
.featuredImage.featuredImage__text--dark .sectionHeading .sectionHeading__title {
  color: #000000;
}
.featuredImage.featuredImage__text--dark .featuredImage__content {
  color: #000000;
}
.featuredImage.featuredImage__white .featuredImage__overlay {
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 255, 255, 0.3) 100%);
}
.featuredImage.featuredImage__text--white .sectionHeading {
  color: #ffffff;
}
.featuredImage.featuredImage__text--white .sectionHeading .sectionHeading__title {
  color: #ffffff;
}
.featuredImage.featuredImage__text--white .featuredImage__content {
  color: #ffffff;
}

.featuresImageCarousel {
  position: relative;
  overflow: hidden;
}
.featuresImageCarousel__main .swiper {
  overflow: visible;
}
@media (max-width: 991px) {
  .featuresImageCarousel__main .swiper .swiper-slide {
    width: calc(100vw - 56px);
  }
}
.featuresImageCarousel__nav {
  text-align: right;
  margin-top: 54px;
}
@media (max-width: 991px) {
  .featuresImageCarousel__nav {
    display: none;
  }
}
.featuresImageCarousel__nav--inner {
  display: inline-block;
}
.featuresImageCarousel__nav .carousel__nav--button {
  background-color: #F3F4F6;
}
.featuresImageCarousel__nav .carousel__nav--button:hover {
  background-color: #e41920;
}
.featuresImageCarousel__nav .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
  color: #000000;
}
.featuresImageCarousel.section__gray .featuresImageCarousel__nav .carousel__nav--button {
  background-color: #ffffff;
}
.featuresImageCarousel.section__gray .featuresImageCarousel__nav .carousel__nav--button:hover {
  background-color: #e41920;
}
.featuresImageCarousel.section__gray .featuresImageCarousel__nav .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #ffffff;
  color: #000000;
}
.featuresImageCarousel.section__dark h1, .featuresImageCarousel.section__dark h2, .featuresImageCarousel.section__dark h3, .featuresImageCarousel.section__dark h4, .featuresImageCarousel.section__dark h5, .featuresImageCarousel.section__dark h6 {
  color: #ffffff;
}
.featuresImageCarousel.section__dark .sectionHeading__label {
  color: #ffffff;
}
.featuresImageCarousel.section__dark .featuresImageCard__content {
  color: #939393;
}
.featuresImageCarousel.section__dark .featuresImageCard__content .featuresImageCard__content--title {
  color: #ffffff;
}
.featuresImageCarousel.section__dark .featuresImageCard__content .featuresImageCard__content--title a {
  color: #ffffff;
}
.featuresImageCarousel.section__dark .featuresImageCard__content .featuresImageCard__content--title a:hover {
  color: #e41920;
}
.featuresImageCarousel.section__dark .featuresImageCarousel__nav .carousel__nav--button {
  background-color: #383838;
  color: #ffffff;
}
.featuresImageCarousel.section__dark .featuresImageCarousel__nav .carousel__nav--button:hover {
  background-color: #e41920;
}
.featuresImageCarousel.section__dark .featuresImageCarousel__nav .carousel__nav--button.swiper-button-disabled {
  opacity: 0.5;
}
.featuresImageCarousel.section__dark .featuresImageCarousel__nav .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #383838;
  color: #ffffff;
}

.galleryCarousel {
  position: relative;
  overflow: hidden;
}
.galleryCarousel__main {
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .galleryCarousel__main {
    margin-bottom: 0;
  }
}
.galleryCarousel__main .swiper {
  overflow: visible;
}
@media (max-width: 991px) {
  .galleryCarousel__main .swiper {
    padding-right: 10px;
  }
}
@media (max-width: 991px) {
  .galleryCarousel__main .swiper .swiper-wrapper {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .galleryCarousel__main .swiper .swiper-slide {
    width: calc(100vw - 56px);
  }
}
.galleryCarousel__thumbnail {
  position: relative;
  background-color: #F8F8F8;
  padding-bottom: 56.2992125984%;
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
  height: 100%;
  cursor: pointer;
}
@media (max-width: 991px) {
  .galleryCarousel__thumbnail {
    background: none;
    padding: 0;
    border-radius: 10px;
  }
}
.galleryCarousel__picture {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (max-width: 991px) {
  .galleryCarousel__picture {
    background-color: #E8E9EB;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 56.2992125984%;
    top: auto;
    left: auto;
    transform: none;
  }
}
.galleryCarousel__image {
  position: absolute;
  max-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: auto;
}
.galleryCarousel__image.img-portrait {
  max-width: none;
  width: auto;
  max-height: 100%;
}
.galleryCarousel__image.img-landscape {
  max-width: 100%;
  height: auto;
}
.galleryCarousel__caption {
  position: absolute;
  background-color: #ffffff;
  width: 329px;
  height: auto;
  padding: 32px;
  color: #ffffff;
  border-radius: 10px;
  z-index: 2;
  right: 16px;
  bottom: 16px;
  text-align: left;
  color: #383838;
}
@media (max-width: 991px) {
  .galleryCarousel__caption {
    background-color: #F3F4F6;
    padding: 24px;
    position: relative;
    border-radius: 0 0 10px 10px;
    right: auto;
    bottom: auto;
    width: 100%;
  }
}
.galleryCarousel__caption--title {
  color: #000000;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .galleryCarousel__caption--title {
    margin-bottom: 16px;
  }
}
.galleryCarousel__caption--subtitle p {
  margin-bottom: 24px;
}
.galleryCarousel__caption--subtitle p:last-child {
  margin-bottom: 0;
}
.galleryCarousel__caption--desc {
  border-top: 1px solid #DBDBDB;
  margin-top: 24px;
  padding-top: 24px;
}
@media (max-width: 991px) {
  .galleryCarousel__caption--desc {
    margin-top: 12px;
    padding-top: 12px;
  }
}
.galleryCarousel__caption--desc p {
  margin-bottom: 24px;
}
.galleryCarousel__caption--desc p:last-child {
  margin-bottom: 0;
}
.galleryCarousel__caption .table-responsive .table-freeze-first th:first-child,
.galleryCarousel__caption .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .galleryCarousel__caption .table-responsive .table-freeze-first th:first-child,
  .galleryCarousel__caption .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .galleryCarousel__caption .table-responsive .table-freeze-first th:first-child::after,
  .galleryCarousel__caption .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.galleryCarousel__navigation {
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .galleryCarousel__navigation {
    display: none !important;
  }
}
.galleryCarousel__navigation .carousel__nav--button {
  background-color: #F3F4F6;
}
.galleryCarousel__navigation .carousel__nav--button:hover {
  background-color: #e41920;
}
.galleryCarousel__navigation .carousel-dots {
  background-color: #F3F4F6;
}
.galleryCarousel__navigation .carousel-dots .carousel-dots .swiper-pagination-bullet::before {
  background-color: #757575;
}
.galleryCarousel__navigation .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #000000;
}
.galleryCarousel__title {
  position: absolute;
  width: 50%;
  height: auto;
  padding: 32px;
  border-radius: 10px;
  z-index: 2;
  left: 16px;
  bottom: 16px;
  text-align: left;
  color: #ffffff;
}
@media (max-width: 991px) {
  .galleryCarousel.section__gray .galleryCarousel__caption {
    background-color: #ffffff;
  }
}
.galleryCarousel.section__gray .galleryCarousel__caption .table-responsive .table-freeze-first th:first-child,
.galleryCarousel.section__gray .galleryCarousel__caption .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .galleryCarousel.section__gray .galleryCarousel__caption .table-responsive .table-freeze-first th:first-child,
  .galleryCarousel.section__gray .galleryCarousel__caption .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .galleryCarousel.section__gray .galleryCarousel__caption .table-responsive .table-freeze-first th:first-child::after,
  .galleryCarousel.section__gray .galleryCarousel__caption .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.galleryCarousel.section__gray .galleryCarousel__picture {
  background-color: #E8E9EB;
}
.galleryCarousel.section__gray .carousel__nav--button {
  background-color: #ffffff;
}
.galleryCarousel.section__gray .carousel__nav--button:hover {
  background-color: #e41920;
}
.galleryCarousel.section__gray .carousel-dots {
  background-color: #ffffff;
}
.galleryCarousel.section__gray .carousel-dots .carousel-dots .swiper-pagination-bullet::before {
  background-color: #757575;
}
.galleryCarousel.section__gray .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #000000;
}
@media (max-width: 991px) {
  .galleryCarousel.section__dark .galleryCarousel__caption {
    background-color: #262626;
  }
}
.galleryCarousel.section__dark .galleryCarousel__caption .table-responsive .table-freeze-first th:first-child,
.galleryCarousel.section__dark .galleryCarousel__caption .table-responsive .table-freeze-first td:first-child {
  background-color: #383838;
}
@media (max-width: 991px) {
  .galleryCarousel.section__dark .galleryCarousel__caption .table-responsive .table-freeze-first th:first-child,
  .galleryCarousel.section__dark .galleryCarousel__caption .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .galleryCarousel.section__dark .galleryCarousel__caption .table-responsive .table-freeze-first th:first-child::after,
  .galleryCarousel.section__dark .galleryCarousel__caption .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}
.galleryCarousel.section__dark .galleryCarousel__picture {
  background-color: #262626;
}
.galleryCarousel.section__dark .carousel__nav--button {
  background-color: #262626;
  color: #ffffff;
}
.galleryCarousel.section__dark .carousel__nav--button:hover {
  background-color: #e41920;
}
.galleryCarousel.section__dark .carousel-dots {
  background-color: #262626;
}
.galleryCarousel.section__dark .carousel-dots .carousel-dots .swiper-pagination-bullet::before {
  background-color: #757575;
}
.galleryCarousel.section__dark .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #ffffff;
}
.galleryCarousel.section__dark .galleryCarousel__caption {
  background-color: #383838;
  color: #DBDBDB;
}
.galleryCarousel.section__dark .galleryCarousel__caption--desc {
  border-top-color: #757575;
}
.galleryCarousel.section__dark .galleyPopup .galleyPopup__caption {
  background-color: #383838;
  color: #DBDBDB;
}
.galleryCarousel.section__dark .galleyPopup .galleyPopup__caption--desc {
  border-top-color: #757575;
}
.galleryCarousel.section__dark .galleyPopup .carousel__nav--button {
  background-color: #262626;
  color: #ffffff;
}
.galleryCarousel.section__dark .galleyPopup .carousel__nav--button:hover {
  background-color: #e41920;
}
.galleryCarousel.section__dark .galleyPopup .carousel-dots {
  background-color: #262626;
}
.galleryCarousel.section__dark .galleyPopup .carousel-dots .carousel-dots .swiper-pagination-bullet::before {
  background-color: #757575;
}
.galleryCarousel.section__dark .galleyPopup .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #ffffff;
}
.galleryCarousel.section__dark .galleyPopup .galleryCarousel__caption {
  background-color: #383838;
  color: #DBDBDB;
}
.galleryCarousel.section__dark .galleyPopup .galleryCarousel__caption--desc {
  border-top-color: #757575;
}

.photoGallery {
  position: relative;
}
.photoGallery .sectionHeading {
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .photoGallery .sectionHeading {
    margin-bottom: 40px;
  }
}
.photoGallery__row {
  row-gap: 64px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photoGallery__row {
    row-gap: 48px;
  }
}
@media (max-width: 991px) {
  .photoGallery__row {
    row-gap: 48px;
  }
}
.photoGallery__card {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  height: 100%;
  background-color: #F3F4F6;
}
.photoGallery__thumbnail {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 70.1754385965%;
}
.photoGallery__content {
  padding: 40px 48px;
  color: #383838;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photoGallery__content {
    padding: 24px 24px;
  }
}
@media (max-width: 991px) {
  .photoGallery__content {
    padding: 24px 24px;
  }
}
.photoGallery__content--title {
  color: #000000;
}
.photoGallery__content--desc {
  border-top: 1px solid #939393;
  padding-top: 24px;
  margin-top: 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photoGallery__content--desc {
    padding-top: 12px;
    margin-top: 12px;
  }
}
@media (max-width: 991px) {
  .photoGallery__content--desc {
    padding-top: 12px;
    margin-top: 12px;
  }
}
.photoGallery__content--desc p:last-child {
  margin-bottom: 0;
}
.photoGallery__content .table-responsive .table-freeze-first th:first-child,
.photoGallery__content .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .photoGallery__content .table-responsive .table-freeze-first th:first-child,
  .photoGallery__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .photoGallery__content .table-responsive .table-freeze-first th:first-child::after,
  .photoGallery__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.photoGallery.section__gray .photoGallery__card {
  background-color: #ffffff;
}
.photoGallery.section__gray .photoGallery__content {
  color: #757575;
}
.photoGallery.section__gray .photoGallery__content--desc {
  border-top-color: #DBDBDB;
}
.photoGallery.section__gray .photoGallery__content .table-responsive .table-freeze-first th:first-child,
.photoGallery.section__gray .photoGallery__content .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .photoGallery.section__gray .photoGallery__content .table-responsive .table-freeze-first th:first-child,
  .photoGallery.section__gray .photoGallery__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .photoGallery.section__gray .photoGallery__content .table-responsive .table-freeze-first th:first-child::after,
  .photoGallery.section__gray .photoGallery__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.photoGallery.section__dark .photoGallery__card {
  background-color: #262626;
}
.photoGallery.section__dark .photoGallery__content {
  background-color: #262626;
  color: #939393;
}
.photoGallery.section__dark .photoGallery__content--desc {
  border-top-color: #383838;
}
.photoGallery.section__dark .photoGallery__content .table-responsive .table-freeze-first th:first-child,
.photoGallery.section__dark .photoGallery__content .table-responsive .table-freeze-first td:first-child {
  background-color: #262626;
}
@media (max-width: 991px) {
  .photoGallery.section__dark .photoGallery__content .table-responsive .table-freeze-first th:first-child,
  .photoGallery.section__dark .photoGallery__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .photoGallery.section__dark .photoGallery__content .table-responsive .table-freeze-first th:first-child::after,
  .photoGallery.section__dark .photoGallery__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}

.photoGalleyPopup,
.galleyPopup {
  position: fixed;
  background-color: #000000;
  color: #ffffff;
  width: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  opacity: 0;
  z-index: -9999;
  transition: all 0.3s ease-in-out;
}
.photoGalleyPopup.show,
.galleyPopup.show {
  z-index: 9999;
}
.photoGalleyPopup.fade,
.galleyPopup.fade {
  opacity: 1;
}
.photoGalleyPopup__wrapper,
.galleyPopup__wrapper {
  position: relative;
  background-color: #000000;
  width: 100%;
  height: 100vh;
  text-align: center;
  overflow: hidden;
}
@media (max-width: 991px) {
  .photoGalleyPopup__wrapper,
  .galleyPopup__wrapper {
    background-color: #ffffff;
    overflow: auto;
  }
}
.photoGalleyPopup__close,
.galleyPopup__close {
  position: absolute;
  background: #ffffff;
  border: none;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #000000;
  font-size: 24px;
  line-height: 24px;
  right: 32px;
  top: 32px;
  z-index: 2;
}
.photoGalleyPopup__close:hover,
.galleyPopup__close:hover {
  background: #e41920;
  color: #fff2f4;
}
@media (max-width: 991px) {
  .photoGalleyPopup__close,
  .galleyPopup__close {
    font-size: 18px;
    line-height: 18px;
    width: 34px;
    height: 34px;
    right: 16px;
    top: 16px;
  }
}
.photoGalleyPopup__image,
.galleyPopup__image {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .photoGalleyPopup__image,
  .galleyPopup__image {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }
}
.photoGalleyPopup__image.img-portrait,
.galleyPopup__image.img-portrait {
  max-width: none;
  width: auto;
  max-height: 100%;
}
.photoGalleyPopup__image.img-landscape,
.galleyPopup__image.img-landscape {
  max-width: 100%;
  height: auto;
}
.photoGalleyPopup__caption,
.galleyPopup__caption {
  position: absolute;
  background-color: #ffffff;
  width: 329px;
  height: auto;
  padding: 32px;
  color: #ffffff;
  border-radius: 10px;
  z-index: 2;
  right: 16px;
  bottom: 16px;
  text-align: left;
  color: #383838;
}
@media (max-width: 991px) {
  .photoGalleyPopup__caption,
  .galleyPopup__caption {
    position: relative;
    bottom: auto;
    right: auto;
    transform: none;
    width: 100%;
    border-radius: 0;
    padding: 16px;
    padding-bottom: 146px;
  }
}
.photoGalleyPopup__caption--title,
.galleyPopup__caption--title {
  color: #000000;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .photoGalleyPopup__caption--title,
  .galleyPopup__caption--title {
    margin-bottom: 16px;
  }
}
.photoGalleyPopup__caption--subtitle p,
.galleyPopup__caption--subtitle p {
  margin-bottom: 0;
}
.photoGalleyPopup__caption--desc,
.galleyPopup__caption--desc {
  border-top: 1px solid #DBDBDB;
  margin-top: 24px;
  padding-top: 24px;
}
@media (max-width: 991px) {
  .photoGalleyPopup__caption--desc,
  .galleyPopup__caption--desc {
    margin-top: 12px;
    padding-top: 12px;
  }
}
.photoGalleyPopup__caption--desc p:last-child,
.galleyPopup__caption--desc p:last-child {
  margin-bottom: 0;
}
.photoGalleyPopup__navigation,
.galleyPopup__navigation {
  position: absolute;
  left: 50%;
  bottom: 32px;
  z-index: 2;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .photoGalleyPopup__navigation,
  .galleyPopup__navigation {
    background-color: #ffffff;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 64px;
    border-radius: 30px 30px 0 0;
    width: 100%;
    bottom: 0;
    left: 0;
    transform: none;
  }
}
.photoGalleyPopup__navigation .carousel__nav--button,
.galleyPopup__navigation .carousel__nav--button {
  color: #000000;
}
@media (max-width: 991px) {
  .photoGalleyPopup__navigation .carousel__nav--button,
  .galleyPopup__navigation .carousel__nav--button {
    background-color: #000000;
    color: #ffffff;
    width: 34px;
    height: 34px;
  }
}
.photoGalleyPopup__navigation .carousel__nav--button:hover,
.galleyPopup__navigation .carousel__nav--button:hover {
  background-color: #e41920;
  color: #ffffff;
}
.photoGalleyPopup__navigation .carousel__nav--button.swiper-button-disabled,
.galleyPopup__navigation .carousel__nav--button.swiper-button-disabled {
  background-color: #000000;
  color: #ffffff;
}
.photoGalleyPopup__navigation .carousel-dots,
.galleyPopup__navigation .carousel-dots {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .photoGalleyPopup__navigation .carousel-dots,
  .galleyPopup__navigation .carousel-dots {
    padding: 0;
    padding-left: 6px;
    flex-wrap: nowrap;
    margin: 0;
    width: calc(100vw - 86px);
    height: auto;
    text-align: center;
    justify-content: center;
    overflow: hidden;
  }
}
.photoGalleyPopup__navigation .carousel-dots .hide,
.galleyPopup__navigation .carousel-dots .hide {
  display: none;
}
@media (max-width: 991px) {
  .photoGalleyPopup__navigation .swiper-pagination-bullet,
  .galleyPopup__navigation .swiper-pagination-bullet {
    flex: 0 0 auto;
  }
}
.photoGalleyPopup__navigation .swiper-pagination-bullet::before,
.galleyPopup__navigation .swiper-pagination-bullet::before {
  width: 6px;
  height: 6px;
  background-color: #757575;
}
.photoGalleyPopup__navigation .swiper-pagination-bullet.swiper-pagination-bullet-active,
.galleyPopup__navigation .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #000000;
}
.photoGalleyPopup__navigation .swiper-pagination-bullet.bullets-medium::before,
.galleyPopup__navigation .swiper-pagination-bullet.bullets-medium::before {
  width: 4px;
  height: 4px;
}
.photoGalleyPopup__navigation .swiper-pagination-bullet.bullets-small::before,
.galleyPopup__navigation .swiper-pagination-bullet.bullets-small::before {
  width: 3px;
  height: 3px;
}

@media (max-width: 991px) {
  .photoGalleyPopup {
    background-color: #ffffff;
  }
}
.photoGalleyPopup__wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991px) {
  .photoGalleyPopup__wrapper {
    background-image: none !important;
  }
}
.photoGalleyPopup__wrapper.img-portrait {
  background-size: auto 100%;
}
.photoGalleyPopup__wrapper.img-landscape {
  background-size: cover;
}
.photoGalleyPopup__image {
  opacity: 0;
}
@media (max-width: 991px) {
  .photoGalleyPopup__image {
    opacity: 1;
  }
}

.responsiveVideo__wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  border-radius: 10px;
  overflow: hidden;
}
.responsiveVideo__wrapper video {
  position: absolute;
  border: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsiveVideo__heading {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .responsiveVideo__heading {
    margin-bottom: 16px;
  }
}
.responsiveVideo__caption {
  margin-top: 32px;
  color: #757575;
}
@media (max-width: 991px) {
  .responsiveVideo__caption {
    margin-top: 16px;
  }
}
.responsiveVideo.section__dark {
  color: #939393;
}
.responsiveVideo.section__dark h1, .responsiveVideo.section__dark h2, .responsiveVideo.section__dark h3, .responsiveVideo.section__dark h4, .responsiveVideo.section__dark h5, .responsiveVideo.section__dark h6 {
  color: #ffffff;
}
.responsiveVideo.section__dark .responsiveVideo__caption {
  color: #939393;
}

.youtubeVideo__wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  border-radius: 10px;
  overflow: hidden;
}
.youtubeVideo__wrapper iframe {
  position: absolute;
  border: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.youtubeVideo__heading {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .youtubeVideo__heading {
    margin-bottom: 16px;
  }
}
.youtubeVideo__caption {
  margin-top: 32px;
  color: #757575;
}
@media (max-width: 991px) {
  .youtubeVideo__caption {
    margin-top: 16px;
  }
}
.youtubeVideo.section__dark {
  color: #939393;
}
.youtubeVideo.section__dark h1, .youtubeVideo.section__dark h2, .youtubeVideo.section__dark h3, .youtubeVideo.section__dark h4, .youtubeVideo.section__dark h5, .youtubeVideo.section__dark h6 {
  color: #ffffff;
}
.youtubeVideo.section__dark .youtubeVideo__caption {
  color: #939393;
}

@media (max-width: 991px) {
  .youtubeShorts__container {
    max-width: 100%;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .youtubeShorts .swiper {
    padding-right: 20px;
  }
}
.youtubeShorts .swiper-wrapper {
  width: auto;
  margin-left: -12px;
  margin-right: -12px;
  justify-content: center;
}
@media (max-width: 991px) {
  .youtubeShorts .swiper-wrapper {
    justify-content: start;
    width: max-content;
    margin: 0 auto;
    padding-left: 20px;
  }
}
.youtubeShorts .swiper-slide {
  position: relative;
  flex: 0 0 auto;
  width: 33.33333333%;
  padding: 12px;
  height: auto;
}
@media (max-width: 991px) {
  .youtubeShorts .swiper-slide {
    padding-right: 10px;
    padding-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .youtubeShorts .swiper-slide {
    width: calc(100vw - 432px);
  }
}
@media (max-width: 767px) {
  .youtubeShorts .swiper-slide {
    width: calc(100vw - 56px);
  }
}
@media (max-width: 991px) {
  .youtubeShorts__play {
    background: none;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 4;
    top: 0;
    left: 0;
    border: none;
  }
}

.vimeoVideo__wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  border-radius: 10px;
  overflow: hidden;
}
.vimeoVideo__wrapper iframe {
  position: absolute;
  border: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vimeoVideo__heading {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .vimeoVideo__heading {
    margin-bottom: 16px;
  }
}
.vimeoVideo__caption {
  margin-top: 32px;
  color: #757575;
}
@media (max-width: 991px) {
  .vimeoVideo__caption {
    margin-top: 16px;
  }
}
.vimeoVideo.section__dark {
  color: #939393;
}
.vimeoVideo.section__dark h1, .vimeoVideo.section__dark h2, .vimeoVideo.section__dark h3, .vimeoVideo.section__dark h4, .vimeoVideo.section__dark h5, .vimeoVideo.section__dark h6 {
  color: #ffffff;
}
.vimeoVideo.section__dark .vimeoVideo__caption {
  color: #939393;
}

@media (max-width: 991px) {
  .tiktokVideo__container {
    overflow: hidden;
    max-width: 100%;
    padding: 0;
  }
}
.tiktokVideo__wrapper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
@media (max-width: 991px) {
  .tiktokVideo__wrapper {
    overflow: auto;
    max-width: 100%;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    /* inilah “nilai jarak” snap-nya */
    padding-inline: 10px;
    scroll-padding-inline: 10px;
  }
}
.tiktokVideo__row {
  position: relative;
  width: auto;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
  height: 100%;
  z-index: 1;
  display: flex;
  box-sizing: content-box;
}
@media (max-width: 991px) {
  .tiktokVideo__row {
    margin: 0 auto;
    flex-wrap: nowrap;
    width: max-content;
    padding-left: 0;
    padding-right: 10px;
  }
}
.tiktokVideo__column {
  position: relative;
  flex: 0 0 auto;
  width: 33.33333333%;
  padding-left: 12px;
  padding-right: 12px;
  height: auto;
}
@media (max-width: 991px) {
  .tiktokVideo__column {
    width: auto;
    scroll-snap-align: start;
    padding-right: 0;
    padding-left: 10px;
  }
}

.tiktok-embed,
.tiktok-embed > div,
.tiktok-embed iframe,
[data-e2e=embed-video] {
  max-width: 100% !important; /* allow shrinking within the grid */
  width: 100% !important; /* actually fill the parent width */
  min-width: 0 !important; /* kill the default 325px min width */
  display: block;
}

@media (max-width: 991px) {
  .instagramReels__container {
    overflow: hidden;
    max-width: 100%;
    padding: 0;
  }
}
.instagramReels__frame {
  position: relative;
  width: 100%;
  padding-bottom: 174.777778%;
  border-radius: 10px;
  overflow: visible;
}
.instagramReels__frame iframe {
  position: absolute;
  border: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: auto !important;
}
.instagramReels__wrapper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}
@media (max-width: 991px) {
  .instagramReels__wrapper {
    overflow: auto;
    max-width: 100%;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    /* inilah “nilai jarak” snap-nya */
    padding-inline: 10px;
    scroll-padding-inline: 10px;
  }
}
.instagramReels__row {
  position: relative;
  width: auto;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
  height: 100%;
  z-index: 1;
  display: flex;
  box-sizing: content-box;
}
@media (max-width: 991px) {
  .instagramReels__row {
    margin: 0 auto;
    flex-wrap: nowrap;
    width: max-content;
    padding-left: 0;
    padding-right: 10px;
  }
}
.instagramReels__column {
  position: relative;
  flex: 0 0 auto;
  width: 33.33333333%;
  padding: 12px;
  height: auto;
}
@media (max-width: 991px) {
  .instagramReels__column {
    scroll-snap-align: start;
    padding-right: 0;
    padding-left: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .instagramReels__column {
    width: calc(100vw - 432px);
  }
}
@media (max-width: 767px) {
  .instagramReels__column {
    width: calc(100vw - 56px);
  }
}

.twoCard {
  position: relative;
}
@media (max-width: 991px) {
  .twoCard__row {
    row-gap: 16px;
  }
}
.twoCard__wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  background-color: #F3F4F6;
  border: 1px solid #E8E9EB;
  height: 100%;
}
.twoCard__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.twoCard__thumbnail {
  position: relative;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
  padding-bottom: 70.1538461538%;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.twoCard__thumbnail.img-articles {
  background-size: cover;
  opacity: 1;
}
.twoCard__thumbnail.img-cover {
  height: 100% !important;
}
.twoCard__thumbnail.img-product {
  background-size: 60% auto;
  background-position: center center;
  opacity: 1;
}
.twoCard__thumbnail--image {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.twoCard__icons {
  display: block;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .twoCard__icons {
    margin-bottom: 16px;
  }
}
.twoCard__icons--icon {
  display: inline-block;
  background-color: #ffffff;
  color: #000000;
  width: 80px;
  height: 80px;
  border-radius: 16px;
  font-size: 40px;
  line-height: normal;
  text-align: center;
  align-content: center;
}
@media (max-width: 991px) {
  .twoCard__icons--icon {
    border-radius: 8px;
    width: 46px;
    height: 46px;
    font-size: 24px;
  }
}
.twoCard__heading h1, .twoCard__heading h2, .twoCard__heading h3, .twoCard__heading h4, .twoCard__heading h5 {
  padding: 0;
}
.twoCard__badge--label {
  text-transform: uppercase;
  color: #e41920;
  margin: 0;
  padding: 0;
  padding-bottom: 16px;
}
@media (max-width: 991px) {
  .twoCard__badge--label {
    padding-bottom: 12px;
  }
}
.twoCard__title {
  margin: 0;
}
.twoCard__title a {
  color: #000000;
}
.twoCard__title a:hover {
  color: #e41920;
  text-decoration: none;
}
.twoCard__body {
  padding: 40px;
}
@media (max-width: 991px) {
  .twoCard__body {
    padding: 20px;
  }
}
.twoCard__content {
  color: #757575;
  margin-top: 24px;
}
@media (max-width: 991px) {
  .twoCard__content {
    margin-top: 16px;
  }
}
.twoCard__content p img {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .twoCard__content p img {
    margin-bottom: 16px;
  }
}
.twoCard__content .table-responsive .table-freeze-first th:first-child,
.twoCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .twoCard__content .table-responsive .table-freeze-first th:first-child,
  .twoCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .twoCard__content .table-responsive .table-freeze-first th:first-child::after,
  .twoCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.twoCard__action {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .twoCard__action {
    margin-top: 20px;
  }
}
.twoCard__left .twoCard__thumbnail, .twoCard__right .twoCard__thumbnail {
  padding-bottom: 70.2127659574%;
}
.twoCard__left--column .twoCard__thumbnail, .twoCard__right--column .twoCard__thumbnail {
  padding-bottom: 33.7662337662%;
}
.twoCard__left.section__dark .twoCard__title, .twoCard__right.section__dark .twoCard__title {
  color: #ffffff;
}
.twoCard__left.section__dark .twoCard__title a, .twoCard__right.section__dark .twoCard__title a {
  color: #ffffff;
}
.twoCard__left.section__dark .twoCard__title a:hover, .twoCard__right.section__dark .twoCard__title a:hover {
  color: #e41920;
}
.twoCard__left.section__dark .twoCard__content, .twoCard__right.section__dark .twoCard__content {
  color: #939393;
}
@media (max-width: 991px) {
  .twoCard__left .row [class^=col-]:last-child .twoCard__wrapper, .twoCard__left .row [class*=" col-"]:last-child .twoCard__wrapper, .twoCard__right .row [class^=col-]:last-child .twoCard__wrapper, .twoCard__right .row [class*=" col-"]:last-child .twoCard__wrapper {
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .twoCard .row > *:last-child .twoCard__wrapper {
    margin-bottom: 0;
  }
}

.section.section__gray .twoCard__wrapper {
  background-color: #ffffff;
  border-color: #E8E9EB;
}
.section.section__gray .twoCard__thumbnail {
  background-color: #ffffff;
}
.section.section__gray .twoCard__icons--icon {
  background-color: #F3F4F6;
}
.section.section__gray .twoCard__body {
  background-color: #ffffff;
}
.section.section__gray .twoCard__content .table-responsive .table-freeze-first th:first-child,
.section.section__gray .twoCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .section.section__gray .twoCard__content .table-responsive .table-freeze-first th:first-child,
  .section.section__gray .twoCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .section.section__gray .twoCard__content .table-responsive .table-freeze-first th:first-child::after,
  .section.section__gray .twoCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.section.section__dark .twoCard__wrapper {
  background-color: #262626;
  border-color: #383838;
}
.section.section__dark .twoCard__thumbnail {
  background-color: #383838;
}
.section.section__dark .twoCard__body {
  background-color: #262626;
}
.section.section__dark .twoCard__icons--icon {
  background-color: #ffffff;
}
.section.section__dark .twoCard__title {
  color: #ffffff;
}
.section.section__dark .twoCard__title a {
  color: #ffffff;
}
.section.section__dark .twoCard__title a:hover {
  color: #e41920;
}
.section.section__dark .twoCard__content {
  color: #939393;
}
.section.section__dark .twoCard__content .table-responsive .table-freeze-first th:first-child,
.section.section__dark .twoCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #262626;
}
@media (max-width: 991px) {
  .section.section__dark .twoCard__content .table-responsive .table-freeze-first th:first-child,
  .section.section__dark .twoCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .section.section__dark .twoCard__content .table-responsive .table-freeze-first th:first-child::after,
  .section.section__dark .twoCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}

.threeCard {
  position: relative;
}
@media (max-width: 991px) {
  .threeCard__row {
    row-gap: 16px;
  }
}
.threeCard__wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 20px;
  background-color: #F3F4F6;
  border: 1px solid #E8E9EB;
}
.threeCard__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.threeCard__thumbnail {
  position: relative;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
  padding-bottom: 70.1754385965%;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.threeCard__thumbnail.img-articles {
  background-size: cover;
  opacity: 1;
}
.threeCard__thumbnail.img-product {
  background-size: 60% auto;
  background-position: center center;
  opacity: 1;
}
.threeCard__thumbnail--image {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.threeCard__icons {
  display: block;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .threeCard__icons {
    margin-bottom: 16px;
  }
}
.threeCard__icons--icon {
  display: inline-block;
  background-color: #ffffff;
  color: #000000;
  width: 80px;
  height: 80px;
  border-radius: 16px;
  font-size: 40px;
  line-height: normal;
  text-align: center;
  align-content: center;
}
@media (max-width: 991px) {
  .threeCard__icons--icon {
    border-radius: 8px;
    width: 46px;
    height: 46px;
    font-size: 24px;
  }
}
.threeCard__heading h1, .threeCard__heading h2, .threeCard__heading h3, .threeCard__heading h4, .threeCard__heading h5, .threeCard__heading h6 {
  margin: 0;
  padding: 0;
}
.threeCard__badge--label {
  text-transform: uppercase;
  color: #e41920;
  margin: 0;
  padding: 0;
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  .threeCard__badge--label {
    padding-bottom: 8px;
  }
}
.threeCard__title {
  margin-bottom: 0;
}
.threeCard__title a {
  color: #000000;
}
.threeCard__title a:hover {
  color: #e41920;
  text-decoration: none;
}
.threeCard__body {
  padding: 40px;
}
@media (max-width: 991px) {
  .threeCard__body {
    padding: 20px;
  }
}
.threeCard__content {
  color: #757575;
  margin-top: 24px;
}
@media (max-width: 991px) {
  .threeCard__content {
    margin-top: 16px;
  }
}
.threeCard__content p img {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .threeCard__content p img {
    margin-bottom: 16px;
  }
}
.threeCard__content .table-responsive .table-freeze-first th:first-child,
.threeCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .threeCard__content .table-responsive .table-freeze-first th:first-child,
  .threeCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .threeCard__content .table-responsive .table-freeze-first th:first-child::after,
  .threeCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.threeCard__action {
  margin-top: 32px;
}
@media (max-width: 991px) {
  .threeCard__action {
    margin-top: 16px;
  }
}
@media (max-width: 991px) {
  .threeCard .row > *:last-child .threeCard__wrapper {
    margin-bottom: 0;
  }
}
.threeCard.section__gray .threeCard__content .table-responsive .table-freeze-first th:first-child,
.threeCard.section__gray .threeCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .threeCard.section__gray .threeCard__content .table-responsive .table-freeze-first th:first-child,
  .threeCard.section__gray .threeCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .threeCard.section__gray .threeCard__content .table-responsive .table-freeze-first th:first-child::after,
  .threeCard.section__gray .threeCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.threeCard.section__dark .threeCard__title {
  color: #ffffff;
}
.threeCard.section__dark .threeCard__title a {
  color: #ffffff;
}
.threeCard.section__dark .threeCard__title a:hover {
  color: #e41920;
}
.threeCard.section__dark .threeCard__content {
  color: #939393;
}
.threeCard.section__dark .threeCard__content .table-responsive .table-freeze-first th:first-child,
.threeCard.section__dark .threeCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #262626;
}
@media (max-width: 991px) {
  .threeCard.section__dark .threeCard__content .table-responsive .table-freeze-first th:first-child,
  .threeCard.section__dark .threeCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .threeCard.section__dark .threeCard__content .table-responsive .table-freeze-first th:first-child::after,
  .threeCard.section__dark .threeCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}
.threeCard__multiple--heading {
  text-align: center;
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .threeCard__multiple--heading {
    margin-bottom: 48px;
  }
}
.threeCard__multiple--heading-title {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .threeCard__multiple--heading-title {
    margin-bottom: 16px;
  }
}
.threeCard__multiple--heading-desc {
  padding: 0 120px;
  color: #757575;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .threeCard__multiple--heading-desc {
    padding: 0 32px;
  }
}
@media (max-width: 991px) {
  .threeCard__multiple--heading-desc {
    padding: 0 16px;
  }
}
.threeCard__multiple--row {
  row-gap: 24px;
}
@media (max-width: 991px) {
  .threeCard__multiple--row {
    row-gap: 16px;
  }
}
.threeCard__multiple .threeCard__wrapper {
  margin-bottom: 0;
}

.section.section__gray .threeCard__wrapper,
.section.section__gray .threeCard__multiple .threeCard__wrapper {
  border-color: #E8E9EB;
}
.section.section__gray .threeCard__icons--icon {
  background-color: #F3F4F6;
}
.section.section__gray .threeCard__thumbnail {
  background-color: #ffffff;
}
.section.section__gray .threeCard__body {
  background-color: #ffffff;
}
.section.section__gray .threeCard__content .table-responsive .table-freeze-first th:first-child,
.section.section__gray .threeCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .section.section__gray .threeCard__content .table-responsive .table-freeze-first th:first-child,
  .section.section__gray .threeCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .section.section__gray .threeCard__content .table-responsive .table-freeze-first th:first-child::after,
  .section.section__gray .threeCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.section.section__dark .threeCard__wrapper,
.section.section__dark .threeCard__multiple .threeCard__wrapper {
  background-color: #262626;
  border-color: #383838;
}
.section.section__dark .threeCard__body {
  background-color: #262626;
}
.section.section__dark .threeCard__thumbnail {
  background-color: #383838;
}
.section.section__dark .threeCard__icons--icon {
  background-color: #ffffff;
}
.section.section__dark .threeCard__multiple--heading-title {
  color: #ffffff;
}
.section.section__dark .threeCard__multiple--heading-desc {
  color: #939393;
}
.section.section__dark .threeCard__title {
  color: #ffffff;
}
.section.section__dark .threeCard__title a {
  color: #ffffff;
}
.section.section__dark .threeCard__title a:hover {
  color: #e41920;
}
.section.section__dark .threeCard__content {
  color: #939393;
}
.section.section__dark .threeCard__content .table-responsive .table-freeze-first th:first-child,
.section.section__dark .threeCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #262626;
}
@media (max-width: 991px) {
  .section.section__dark .threeCard__content .table-responsive .table-freeze-first th:first-child,
  .section.section__dark .threeCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .section.section__dark .threeCard__content .table-responsive .table-freeze-first th:first-child::after,
  .section.section__dark .threeCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}

.fourCard {
  position: relative;
}
@media (min-width: 1600px) {
  .fourCard .row {
    row-gap: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .fourCard .row {
    row-gap: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .fourCard .row {
    row-gap: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fourCard .row {
    row-gap: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fourCard .row {
    row-gap: 12px;
  }
}
@media (max-width: 767px) {
  .fourCard .row {
    row-gap: 11px;
  }
}
@media (max-width: 991px) {
  .fourCard .row {
    row-gap: 16px;
  }
}
.fourCard__wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
  border-radius: 10px;
  background-color: #F3F4F6;
  border: 1px solid #E8E9EB;
}
.fourCard__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
.fourCard__thumbnail {
  position: relative;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
  padding-bottom: 70.2127659574%;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.fourCard__thumbnail.img-articles {
  background-size: cover;
  opacity: 1;
}
.fourCard__thumbnail.img-product {
  background-size: 60% auto;
  background-position: center center;
  opacity: 1;
}
.fourCard__thumbnail--image {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.fourCard__icons {
  display: block;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .fourCard__icons {
    margin-bottom: 16px;
  }
}
.fourCard__icons--icon {
  display: inline-block;
  background-color: #ffffff;
  color: #000000;
  width: 70px;
  height: 70px;
  border-radius: 14px;
  font-size: 32px;
  line-height: normal;
  text-align: center;
  align-content: center;
}
@media (max-width: 991px) {
  .fourCard__icons--icon {
    border-radius: 8px;
    width: 46px;
    height: 46px;
    font-size: 24px;
  }
}
.fourCard__heading h1, .fourCard__heading h2, .fourCard__heading h3, .fourCard__heading h4, .fourCard__heading h5, .fourCard__heading h6 {
  padding-bottom: 24px;
}
@media (max-width: 991px) {
  .fourCard__heading h1, .fourCard__heading h2, .fourCard__heading h3, .fourCard__heading h4, .fourCard__heading h5, .fourCard__heading h6 {
    padding-bottom: 16px;
  }
}
.fourCard__badge--label {
  display: block;
  text-transform: uppercase;
  color: #e41920;
  margin: 0;
  padding: 0;
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  .fourCard__badge--label {
    padding-bottom: 8px;
  }
}
.fourCard__body {
  padding: 32px 24px;
}
@media (max-width: 991px) {
  .fourCard__body {
    padding: 24px 16px;
  }
}
.fourCard__title {
  margin-bottom: 0;
}
.fourCard__title a {
  color: #000000;
}
.fourCard__title a:hover {
  color: #e41920;
  text-decoration: none;
}
.fourCard__content {
  color: #757575;
}
.fourCard__content p img {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .fourCard__content p img {
    margin-bottom: 16px;
  }
}
.fourCard__content .table-responsive .table-freeze-first th:first-child,
.fourCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .fourCard__content .table-responsive .table-freeze-first th:first-child,
  .fourCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .fourCard__content .table-responsive .table-freeze-first th:first-child::after,
  .fourCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.fourCard__action {
  margin-top: 24px;
}
@media (max-width: 991px) {
  .fourCard__action {
    margin-top: 32px;
  }
}
.fourCard__multiple--heading {
  text-align: center;
  margin-bottom: 80px;
}
.fourCard__multiple--heading-title {
  margin-bottom: 32px;
}
.fourCard__multiple--heading-desc {
  padding: 0 120px;
  color: #757575;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fourCard__multiple--heading-desc {
    padding: 0 32px;
  }
}
@media (max-width: 991px) {
  .fourCard__multiple--heading-desc {
    padding: 0 16px;
  }
}
@media (min-width: 1600px) {
  .fourCard__multiple--row {
    row-gap: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .fourCard__multiple--row {
    row-gap: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .fourCard__multiple--row {
    row-gap: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .fourCard__multiple--row {
    row-gap: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .fourCard__multiple--row {
    row-gap: 12px;
  }
}
@media (max-width: 767px) {
  .fourCard__multiple--row {
    row-gap: 11px;
  }
}
@media (max-width: 991px) {
  .fourCard__multiple--row {
    row-gap: 16px;
  }
}
.fourCard__multiple .fourCard__wrapper {
  margin-bottom: 0;
}
.fourCard__multiple .fourCard__content .table-responsive .table-freeze-first th:first-child,
.fourCard__multiple .fourCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .fourCard__multiple .fourCard__content .table-responsive .table-freeze-first th:first-child,
  .fourCard__multiple .fourCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .fourCard__multiple .fourCard__content .table-responsive .table-freeze-first th:first-child::after,
  .fourCard__multiple .fourCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}

.section.section__gray .fourCard__wrapper {
  border-color: #E8E9EB;
}
.section.section__gray .fourCard__thumbnail {
  background-color: #ffffff;
}
.section.section__gray .fourCard__icons--icon {
  background-color: #F3F4F6;
}
.section.section__gray .fourCard__body {
  background-color: #ffffff;
}
.section.section__gray .fourCard__content .table-responsive .table-freeze-first th:first-child,
.section.section__gray .fourCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .section.section__gray .fourCard__content .table-responsive .table-freeze-first th:first-child,
  .section.section__gray .fourCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .section.section__gray .fourCard__content .table-responsive .table-freeze-first th:first-child::after,
  .section.section__gray .fourCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.section.section__dark .fourCard__thumbnail {
  background-color: #383838;
}
.section.section__dark .fourCard__body {
  background-color: #262626;
}
.section.section__dark .fourCard__wrapper {
  background-color: #262626;
  border-color: #383838;
}
.section.section__dark .fourCard__icons--icon {
  background-color: #ffffff;
}
.section.section__dark .fourCard__multiple--heading-title {
  color: #ffffff;
}
.section.section__dark .fourCard__multiple--heading-desc {
  color: #939393;
}
.section.section__dark .fourCard__badge {
  color: #e41920;
}
.section.section__dark .fourCard__title {
  color: #ffffff;
}
.section.section__dark .fourCard__title a {
  color: #ffffff;
}
.section.section__dark .fourCard__title a:hover {
  color: #e41920;
}
.section.section__dark .fourCard__content {
  color: #939393;
}
.section.section__dark .fourCard__content .table-responsive .table-freeze-first th:first-child,
.section.section__dark .fourCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #262626;
}
@media (max-width: 991px) {
  .section.section__dark .fourCard__content .table-responsive .table-freeze-first th:first-child,
  .section.section__dark .fourCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .section.section__dark .fourCard__content .table-responsive .table-freeze-first th:first-child::after,
  .section.section__dark .fourCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}

.informationCard .sectionHeading {
  margin-bottom: 64px;
}
@media (max-width: 991px) {
  .informationCard .sectionHeading {
    margin-bottom: 32px;
  }
}
.informationCard__card {
  background-color: #F3F4F6;
  border-radius: 20px;
  padding: 16px;
}
.informationCard__image {
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-bottom: 70.1298701299%;
  height: 100%;
  border-radius: 14px;
}
.informationCard__image--link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.informationCard__content {
  color: #757575;
  padding: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .informationCard__content {
    padding: 32px;
  }
}
@media (min-width: 1400px) {
  .informationCard__content {
    padding: 64px;
  }
}
@media (max-width: 991px) {
  .informationCard__content {
    padding: 0;
    margin-top: 16px;
  }
}
.informationCard__content--title a {
  color: #000000;
}
.informationCard__content--title a:hover {
  color: #e41920;
  text-decoration: none;
}
.informationCard__content--action {
  margin-top: 32px;
}
@media (max-width: 991px) {
  .informationCard__content--action {
    margin-top: 16px;
  }
}
.informationCard__content .table-responsive .table-freeze-first th:first-child,
.informationCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .informationCard__content .table-responsive .table-freeze-first th:first-child,
  .informationCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .informationCard__content .table-responsive .table-freeze-first th:first-child::after,
  .informationCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.informationCard.section__gray {
  background-color: #F3F4F6;
  padding: 120px 0;
  margin: 0;
}
@media (max-width: 991px) {
  .informationCard.section__gray {
    padding: 60px 0;
    margin: 0;
  }
}
.informationCard.section__gray .informationCard__card {
  background-color: #ffffff;
}
.informationCard.section__gray .informationCard__content .table-responsive .table-freeze-first th:first-child,
.informationCard.section__gray .informationCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .informationCard.section__gray .informationCard__content .table-responsive .table-freeze-first th:first-child,
  .informationCard.section__gray .informationCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .informationCard.section__gray .informationCard__content .table-responsive .table-freeze-first th:first-child::after,
  .informationCard.section__gray .informationCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.informationCard.section__dark {
  background-color: #000000;
  padding: 120px 0;
  margin: 0;
}
@media (max-width: 991px) {
  .informationCard.section__dark {
    padding: 60px 0;
    margin: 0;
  }
}
.informationCard.section__dark .sectionHeading__title {
  color: #ffffff;
}
.informationCard.section__dark .informationCard__content--title {
  color: #ffffff;
}
.informationCard.section__dark .informationCard__content--title a {
  color: #ffffff;
}
.informationCard.section__dark .informationCard__content--title a:hover {
  color: #e41920;
}
.informationCard.section__dark .informationCard__card {
  background-color: #262626;
}
.informationCard.section__dark .informationCard__content {
  color: #939393;
}
.informationCard.section__dark .informationCard__content .table-responsive .table-freeze-first th:first-child,
.informationCard.section__dark .informationCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #262626;
}
@media (max-width: 991px) {
  .informationCard.section__dark .informationCard__content .table-responsive .table-freeze-first th:first-child,
  .informationCard.section__dark .informationCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .informationCard.section__dark .informationCard__content .table-responsive .table-freeze-first th:first-child::after,
  .informationCard.section__dark .informationCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}

.mapCardSection .sectionHeading {
  margin-bottom: 40px;
}
.mapCardSection .mapCard {
  margin-bottom: 120px;
}
@media (max-width: 991px) {
  .mapCardSection .mapCard {
    margin-bottom: 60px;
  }
}
.mapCardSection .mapCard:last-child {
  margin-bottom: 0;
}
.mapCardSection .mapCard__content .table-responsive .table-freeze-first th:first-child,
.mapCardSection .mapCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .mapCardSection .mapCard__content .table-responsive .table-freeze-first th:first-child,
  .mapCardSection .mapCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .mapCardSection .mapCard__content .table-responsive .table-freeze-first th:first-child::after,
  .mapCardSection .mapCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.mapCardSection.section__gray .mapCard {
  background-color: #ffffff;
}
.mapCardSection.section__gray .mapCard__content .table-responsive .table-freeze-first th:first-child,
.mapCardSection.section__gray .mapCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .mapCardSection.section__gray .mapCard__content .table-responsive .table-freeze-first th:first-child,
  .mapCardSection.section__gray .mapCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .mapCardSection.section__gray .mapCard__content .table-responsive .table-freeze-first th:first-child::after,
  .mapCardSection.section__gray .mapCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.mapCardSection.section__dark .mapCard {
  background-color: #262626;
}
.mapCardSection.section__dark .mapCard .mapCard__heading {
  color: #939393;
}
.mapCardSection.section__dark .mapCard .mapCard__heading .sectionHeading__title {
  color: #ffffff;
}
.mapCardSection.section__dark .mapCard .mapCard__content {
  color: #939393;
}
.mapCardSection.section__dark .mapCard .mapCard__content table {
  color: #939393;
}
.mapCardSection.section__dark .mapCard .mapCard__content table thead tr {
  border-bottom: 1px solid #939393;
}
.mapCardSection.section__dark .mapCard .mapCard__content table thead tr th, .mapCardSection.section__dark .mapCard .mapCard__content table thead tr td {
  color: #939393;
}
.mapCardSection.section__dark .mapCard .mapCard__content table tbody tr {
  border-bottom: 1px solid #939393;
}
.mapCardSection.section__dark .mapCard .mapCard__content table tbody tr td {
  color: #939393;
}
.mapCardSection.section__dark .mapCard .mapCard__content .table-responsive .table-freeze-first th:first-child,
.mapCardSection.section__dark .mapCard .mapCard__content .table-responsive .table-freeze-first td:first-child {
  background-color: #262626;
}
@media (max-width: 991px) {
  .mapCardSection.section__dark .mapCard .mapCard__content .table-responsive .table-freeze-first th:first-child,
  .mapCardSection.section__dark .mapCard .mapCard__content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .mapCardSection.section__dark .mapCard .mapCard__content .table-responsive .table-freeze-first th:first-child::after,
  .mapCardSection.section__dark .mapCard .mapCard__content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}
.mapCardSection.section__dark .mapCard .mapCard__group--contact li {
  color: #ffffff;
}

.panelCardComponent {
  position: relative;
}
.panelCardComponent.always__expand .panelCard__collapse--title {
  cursor: default;
  padding-right: 0;
}
.panelCardComponent.always__expand .panelCard__collapse--title::before, .panelCardComponent.always__expand .panelCard__collapse--title::after {
  display: none;
}
.panelCardComponent.section__gray .panelCard {
  background-color: #ffffff;
}
.panelCardComponent.section__dark .panelCard {
  background-color: #262626;
}
.panelCardComponent.section__dark .panelCard__collapse--title {
  color: #ffffff;
}
.panelCardComponent.section__dark .panelCard__content {
  color: #939393;
}
.panelCardComponent.section__dark .panelCard__content--desc {
  border-color: #939393;
}

.panelCard {
  position: relative;
  background-color: #F3F4F6;
  padding: 16px;
  border-radius: 20px;
}
.panelCard__collapse--content.collapsing .panelCard__main .panelCard__thumbnail, .panelCard__collapse--content.collapse .panelCard__main .panelCard__thumbnail {
  padding-top: 16px;
}
@media (max-width: 991px) {
  .panelCard__collapse--content.collapsing .panelCard__main .panelCard__thumbnail, .panelCard__collapse--content.collapse .panelCard__main .panelCard__thumbnail {
    padding-top: 8px;
  }
}
.panelCard__collapse--title {
  position: relative;
  margin-bottom: 0;
  padding: 16px 40px 16px 24px;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 991px) {
  .panelCard__collapse--title {
    padding: 8px 20px 8px 12px;
  }
}
@media (max-width: 991px) {
  .panelCard__collapse--title {
    padding: 0;
  }
}
.panelCard__collapse--title::before {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec6c";
  font-size: 20px;
  line-height: 20px;
  top: 28px;
  right: 24px;
}
@media (max-width: 991px) {
  .panelCard__collapse--title::before {
    top: 8px;
    font-size: 18px;
    line-height: 18px;
    right: 12px;
  }
}
.panelCard__collapse--title.collapsed::before {
  content: "\ec5b";
}
.panelCard__main {
  text-align: left;
  margin-top: 0;
}
.panelCard__thumbnail {
  position: relative;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .panelCard__thumbnail {
    margin-bottom: 8px;
  }
}
.panelCard__thumbnail img {
  border-radius: 14px;
}
.panelCard__content {
  padding: 24px;
  color: #757575;
}
@media (max-width: 991px) {
  .panelCard__content {
    padding: 12px 0;
  }
  .panelCard__content p {
    clear: both;
  }
}

.panelCard table {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .panelCard table {
    margin-bottom: 16px;
  }
}
.panelCard .table-responsive table {
  width: 100%;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 40px;
  border-top: none;
}
@media (max-width: 991px) {
  .panelCard .table-responsive table {
    margin-bottom: 24px;
  }
}
.panelCard .table-responsive table thead tr {
  border-bottom: 1px solid #DBDBDB;
}
.panelCard .table-responsive table thead tr th,
.panelCard .table-responsive table thead tr td {
  color: #000000;
  padding: 20px 20px 20px 0;
}
@media (max-width: 991px) {
  .panelCard .table-responsive table thead tr th,
  .panelCard .table-responsive table thead tr td {
    padding: 10px 10px 10px 0;
    white-space: nowrap;
  }
}
.panelCard .table-responsive table thead tr th:first-child,
.panelCard .table-responsive table thead tr td:first-child {
  padding-left: 0;
}
.panelCard .table-responsive table thead tr th:last-child,
.panelCard .table-responsive table thead tr td:last-child {
  padding-right: 0;
}
.panelCard .table-responsive table tbody tr {
  border-bottom: 1px solid #DBDBDB;
}
.panelCard .table-responsive table tbody tr:last-child {
  border-bottom: none;
}
.panelCard .table-responsive table tbody tr td {
  padding: 20px 20px 20px 0;
}
@media (max-width: 991px) {
  .panelCard .table-responsive table tbody tr td {
    padding: 10px 10px 10px 0;
    white-space: nowrap;
  }
}
.panelCard .table-responsive table tbody tr td:first-child {
  padding-left: 0;
}
.panelCard .table-responsive table tbody tr td:last-child {
  padding-right: 0;
}

.prodFeaturesCard__row {
  row-gap: 64px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .prodFeaturesCard__row {
    row-gap: 48px;
  }
}
@media (max-width: 991px) {
  .prodFeaturesCard__row {
    row-gap: 48px;
  }
}
.prodFeaturesCard__card {
  height: 100%;
  background-color: #F3F4F6;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #E8E9EB;
}
@media (max-width: 991px) {
  .prodFeaturesCard__card {
    border-radius: 10px;
  }
}
.prodFeaturesCard__card--thumbnail {
  position: relative;
  background-color: #ffffff;
  text-align: center;
  align-content: center;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  padding-bottom: 70.1754385965%;
}
@media (max-width: 991px) {
  .prodFeaturesCard__card--thumbnail {
    border-radius: 10px 10px 0 0;
  }
}
.prodFeaturesCard__card--thumbnail-image {
  position: absolute;
  max-width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.prodFeaturesCard__card--title {
  margin-top: 32px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .prodFeaturesCard__card--title {
    margin-top: 24px;
    margin-bottom: 0;
  }
}
.prodFeaturesCard__card--content {
  color: #757575;
  padding: 32px;
  padding-top: 0;
}
@media (max-width: 991px) {
  .prodFeaturesCard__card--content {
    padding: 24px;
    padding-top: 0;
  }
}
.prodFeaturesCard__card--content p {
  margin-top: 32px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .prodFeaturesCard__card--content p {
    margin-top: 24px;
    margin-bottom: 0;
  }
}
.prodFeaturesCard__card--content p img {
  max-width: 100%;
  height: auto;
}
.prodFeaturesCard__card--content img {
  max-width: 100%;
  height: auto;
}
.prodFeaturesCard__card--content .table-responsive .table-freeze-first th:first-child,
.prodFeaturesCard__card--content .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .prodFeaturesCard__card--content .table-responsive .table-freeze-first th:first-child,
  .prodFeaturesCard__card--content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .prodFeaturesCard__card--content .table-responsive .table-freeze-first th:first-child::after,
  .prodFeaturesCard__card--content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.prodFeaturesCard.section__gray .prodFeaturesCard__card {
  background-color: #ffffff;
  border-color: #E8E9EB;
}
.prodFeaturesCard.section__gray .prodFeaturesCard__card--thumbnail {
  background-color: #ffffff;
}
.prodFeaturesCard.section__gray .prodFeaturesCard__card--content .table-responsive .table-freeze-first th:first-child,
.prodFeaturesCard.section__gray .prodFeaturesCard__card--content .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .prodFeaturesCard.section__gray .prodFeaturesCard__card--content .table-responsive .table-freeze-first th:first-child,
  .prodFeaturesCard.section__gray .prodFeaturesCard__card--content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .prodFeaturesCard.section__gray .prodFeaturesCard__card--content .table-responsive .table-freeze-first th:first-child::after,
  .prodFeaturesCard.section__gray .prodFeaturesCard__card--content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.prodFeaturesCard.section__dark .prodFeaturesCard__card {
  background-color: #262626;
  border-color: #383838;
}
.prodFeaturesCard.section__dark .prodFeaturesCard__card--thumbnail {
  background-color: #383838;
}
.prodFeaturesCard.section__dark .prodFeaturesCard__card--content {
  color: #939393;
}
.prodFeaturesCard.section__dark .prodFeaturesCard__card--content .table-responsive .table-freeze-first th:first-child,
.prodFeaturesCard.section__dark .prodFeaturesCard__card--content .table-responsive .table-freeze-first td:first-child {
  background-color: #262626;
}
@media (max-width: 991px) {
  .prodFeaturesCard.section__dark .prodFeaturesCard__card--content .table-responsive .table-freeze-first th:first-child,
  .prodFeaturesCard.section__dark .prodFeaturesCard__card--content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .prodFeaturesCard.section__dark .prodFeaturesCard__card--content .table-responsive .table-freeze-first th:first-child::after,
  .prodFeaturesCard.section__dark .prodFeaturesCard__card--content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}

.softwareCard {
  background-color: #F3F4F6;
  display: flex;
  align-items: stretch;
  border: 1px solid transparent;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1600px) {
  .softwareCard {
    padding: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .softwareCard {
    padding: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .softwareCard {
    padding: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .softwareCard {
    padding: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .softwareCard {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .softwareCard {
    padding: 18px;
  }
}
@media (max-width: 991px) {
  .softwareCard {
    border-radius: 10px;
    display: block;
  }
}
.softwareCard:hover {
  border-color: #000000;
}
@media (min-width: 1600px) {
  .softwareCard__row {
    row-gap: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .softwareCard__row {
    row-gap: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .softwareCard__row {
    row-gap: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .softwareCard__row {
    row-gap: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .softwareCard__row {
    row-gap: 12px;
  }
}
@media (max-width: 767px) {
  .softwareCard__row {
    row-gap: 11px;
  }
}
.softwareCard__content {
  flex: 1;
}
@media (min-width: 1600px) {
  .softwareCard__content {
    padding-right: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .softwareCard__content {
    padding-right: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .softwareCard__content {
    padding-right: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .softwareCard__content {
    padding-right: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .softwareCard__content {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .softwareCard__content {
    padding-right: 18px;
  }
}
@media (max-width: 991px) {
  .softwareCard__content {
    display: block;
    padding-right: 0;
  }
}
.softwareCard__content--title {
  margin-bottom: 16px;
}
.softwareCard__content--title a {
  color: #000000;
}
.softwareCard__content--title a:hover {
  text-decoration: none;
  color: #e41920;
}
.softwareCard__content--desc {
  color: #757575;
}
@media (min-width: 1600px) {
  .softwareCard__content--action {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .softwareCard__content--action {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .softwareCard__content--action {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .softwareCard__content--action {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .softwareCard__content--action {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .softwareCard__content--action {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .softwareCard__content--action {
    width: 100%;
    margin-top: 0;
  }
}
.softwareCard__detail {
  border-left: 1px solid #DBDBDB;
  flex: 0 0 auto;
  width: 300px;
  padding-right: 0 !important;
}
@media (min-width: 1600px) {
  .softwareCard__detail {
    padding: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .softwareCard__detail {
    padding: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .softwareCard__detail {
    padding: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .softwareCard__detail {
    padding: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .softwareCard__detail {
    padding: 8px;
  }
}
@media (max-width: 767px) {
  .softwareCard__detail {
    padding: 7px;
  }
}
@media (min-width: 1600px) {
  .softwareCard__detail {
    padding-left: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .softwareCard__detail {
    padding-left: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .softwareCard__detail {
    padding-left: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .softwareCard__detail {
    padding-left: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .softwareCard__detail {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .softwareCard__detail {
    padding-left: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .softwareCard__detail {
    width: 240px;
  }
}
@media (max-width: 991px) {
  .softwareCard__detail {
    display: flex;
    min-width: auto;
    max-width: none;
    width: 100%;
    flex-wrap: wrap;
    border-left: none;
    border-top: 1px solid #DBDBDB;
    row-gap: 24px;
    padding: 0;
    padding-top: 24px;
    margin-top: 24px;
    margin-bottom: 0;
  }
}
.softwareCard__detail--item {
  width: 100%;
}
@media (max-width: 991px) {
  .softwareCard__detail--item {
    flex: 0 0 auto;
    max-width: 50%;
  }
}
@media (min-width: 1600px) {
  .softwareCard__detail--item + .softwareCard__detail--item {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .softwareCard__detail--item + .softwareCard__detail--item {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .softwareCard__detail--item + .softwareCard__detail--item {
    margin-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .softwareCard__detail--item + .softwareCard__detail--item {
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .softwareCard__detail--item + .softwareCard__detail--item {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .softwareCard__detail--item + .softwareCard__detail--item {
    margin-top: 11px;
  }
}
@media (max-width: 991px) {
  .softwareCard__detail--item + .softwareCard__detail--item {
    margin-top: 0;
  }
}
.softwareCard__detail--item-label {
  margin: 0;
  color: #757575;
  margin-bottom: 8px;
}

.overviewSolution {
  position: relative;
}
.overviewSolution.section__gray .overviewCard {
  background-color: #ffffff;
}
.overviewSolution.section__dark .overviewCard {
  background-color: #262626;
}
.overviewSolution.section__dark .overviewCard__content {
  color: #939393;
}
.overviewSolution.section__dark .overviewCard__content ul li {
  border-bottom-color: #383838;
}

.sliderBlock .swiper-wrapper {
  align-items: center;
}
.sliderBlock__wrapper {
  text-align: center;
}
.sliderBlock__image {
  max-width: 100%;
  max-height: 540px;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .sliderBlock__image {
    border-radius: 10px;
  }
}
.sliderBlock__image.img-landscape {
  max-width: 100%;
  max-height: none;
  height: auto;
}
.sliderBlock__image.img-potrait {
  max-width: 100%;
  max-height: 540px;
  width: auto;
}
.sliderBlock__caption {
  color: #000000;
  margin-top: 32px;
}
@media (max-width: 991px) {
  .sliderBlock__caption {
    margin-top: 16px;
  }
}
.sliderBlock__navigation {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width: 1600px) {
  .sliderBlock__navigation {
    margin-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .sliderBlock__navigation {
    margin-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .sliderBlock__navigation {
    margin-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sliderBlock__navigation {
    margin-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sliderBlock__navigation {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .sliderBlock__navigation {
    margin-top: 29px;
  }
}
@media (max-width: 991px) {
  .sliderBlock__navigation {
    flex-wrap: nowrap;
  }
}
.sliderBlock__navigation .carousel__nav--button {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .sliderBlock__navigation .carousel__nav--button {
    flex: 0 0 auto;
  }
}
.sliderBlock__navigation .carousel__nav--button:hover {
  background-color: #e41920;
}
.sliderBlock__navigation .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
}
.sliderBlock__navigation .carousel-dots {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .sliderBlock__navigation .carousel-dots {
    padding-left: 16px;
    padding-right: 16px;
    margin: 0 4px;
  }
}
.sliderBlock__navigation .carousel-dots .hide {
  display: none;
}
@media (max-width: 991px) {
  .sliderBlock__navigation .swiper-pagination-bullet {
    flex: 0 0 auto;
  }
}
.sliderBlock__navigation .swiper-pagination-bullet::before {
  width: 6px;
  height: 6px;
  background-color: #757575;
}
.sliderBlock__navigation .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #000000;
}
.sliderBlock__navigation .swiper-pagination-bullet.bullets-medium::before {
  width: 4px;
  height: 4px;
}
.sliderBlock__navigation .swiper-pagination-bullet.bullets-small::before {
  width: 3px;
  height: 3px;
}
.sliderBlock.section__gray .carousel__nav--button {
  background-color: #ffffff;
}
.sliderBlock.section__gray .carousel__nav--button:hover {
  background-color: #e41920;
}
.sliderBlock.section__gray .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #ffffff;
}
.sliderBlock.section__gray .carousel-dots {
  background-color: #ffffff;
}
.sliderBlock.section__dark .carousel__nav--button {
  background-color: #262626;
  color: #ffffff;
}
.sliderBlock.section__dark .carousel__nav--button:hover {
  background-color: #e41920;
}
.sliderBlock.section__dark .carousel__nav--button.swiper-button-disabled {
  opacity: 0.5;
}
.sliderBlock.section__dark .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #262626;
}
.sliderBlock.section__dark .carousel-dots {
  background-color: #262626;
}
.sliderBlock.section__dark .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #ffffff;
}
.sliderBlock.section__dark .sliderBlock__caption {
  color: #ffffff;
}
.sliderBlock.section__dark .sliderBlock__caption .table-responsive .table-freeze-first thead tr {
  color: #939393;
}
.sliderBlock.section__dark .sliderBlock__caption .table-responsive .table-freeze-first tbody tr {
  color: #939393;
}

.productSticky {
  position: fixed;
  background-color: #F3F4F6;
  border-bottom: 1px solid #DBDBDB;
  width: 100%;
  height: auto;
  min-height: 72px;
  top: 0;
  z-index: 97;
  opacity: 0;
  display: none;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .productSticky {
    min-height: auto;
  }
}
.productSticky.show {
  display: block;
}
@media (max-width: 991px) {
  .productSticky.show {
    display: block;
  }
}
.productSticky.fade {
  opacity: 1;
  top: 72px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productSticky.fade {
    top: 57px;
  }
}
@media (max-width: 991px) {
  .productSticky.fade {
    top: 64.8px;
  }
}
.productSticky.slide {
  top: 163px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productSticky.slide {
    top: 148px;
  }
}
@media (max-width: 991px) {
  .productSticky.slide {
    top: 64.8px;
  }
}
.productSticky .container {
  position: relative;
  height: 100%;
}
.productSticky__wrapper {
  position: relative;
  height: 100%;
  align-items: center;
}
.productSticky__left, .productSticky__right {
  position: relative;
}
.productSticky__left {
  align-content: center;
  min-height: 72px;
}
@media (max-width: 991px) {
  .productSticky__left {
    min-height: 58px;
  }
}
@media (max-width: 991px) {
  .productSticky__right {
    display: flex;
    flex-wrap: nowrap;
    margin-left: 10px;
  }
}
.productSticky__right .button-desktop {
  display: inline-block;
}
@media (max-width: 991px) {
  .productSticky__right .button-desktop {
    display: none;
  }
}
.productSticky__right .button-not-desktop {
  flex: 0 0 auto;
  width: 50px;
  height: 42.5px;
  padding: 10.5px;
  display: none;
}
@media (max-width: 991px) {
  .productSticky__right .button-not-desktop {
    display: inline-block;
  }
}
.productSticky__thumbnail {
  position: relative;
  width: auto;
  height: 60px;
  margin-right: 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productSticky__thumbnail {
    margin-right: 16px;
  }
}
@media (max-width: 991px) {
  .productSticky__thumbnail {
    display: none;
  }
}
.productSticky__content {
  display: block;
  padding: 8px 0;
}
.productSticky__title {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.productSticky__price {
  color: #757575;
}
.productSticky__price sup {
  font-size: 10px;
}
.productSticky__price--label {
  display: inline-block;
  margin: 0;
}
.productSticky__price--promotion {
  color: #939393;
  text-align: right;
  display: inline-block;
  margin-left: 8px;
}
.productSticky__price--inclusive {
  font-size: 11px;
  line-height: normal;
  color: #939393;
}
.productSticky__dropdown--action {
  position: relative;
  background: none;
  border: none;
  padding: 23px 0;
  margin: 0;
  padding-right: 24px;
  margin-right: 32px;
  font-size: 16px;
  line-height: normal;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productSticky__dropdown--action {
    margin-right: 16px;
  }
}
@media (max-width: 991px) {
  .productSticky__dropdown--action {
    flex: 0 0 auto;
    width: 42px;
    height: 42.5px;
    padding: 0;
    margin-right: 0;
  }
}
.productSticky__dropdown--action::before, .productSticky__dropdown--action::after {
  display: block;
  position: absolute;
  font-family: "canonIcon" !important;
  top: 26px;
  right: 0;
  content: "\ec5b";
}
@media (max-width: 991px) {
  .productSticky__dropdown--action::before, .productSticky__dropdown--action::after {
    display: none;
  }
}
.productSticky__dropdown--action::after {
  content: "\ec6c";
  display: none;
}
.productSticky__dropdown--action.show::before {
  display: none;
}
.productSticky__dropdown--action.show::after {
  display: block;
}
@media (max-width: 991px) {
  .productSticky__dropdown--action.show::after {
    display: none;
  }
}
.productSticky__dropdown--menu {
  background-color: #ffffff;
  min-width: 310px;
  padding: 24px;
  border: none;
  border-radius: 15px;
  color: #000000;
  box-shadow: 4px 4px 48px 0px rgba(0, 0, 0, 0.08);
}
.productSticky__dropdown--menu li .dropdown-item {
  color: #000000;
  padding: 16px 0;
  border-bottom: 1px solid #DBDBDB;
}
.productSticky__dropdown--menu li .dropdown-item:hover, .productSticky__dropdown--menu li .dropdown-item.active {
  color: #e41920;
  background-color: transparent;
  text-decoration: none;
}
.productSticky__dropdown--menu li .dropdown-item-icon {
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  margin-right: 16px;
}
.productSticky__dropdown--menu li:first-child .dropdown-item {
  padding-top: 0;
}
.productSticky__dropdown--menu li:last-child .dropdown-item {
  padding-bottom: 0;
  border-bottom: none;
}
.productSticky__button--email {
  color: #000000;
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
  align-content: center;
  margin-left: 12px;
}
@media (max-width: 991px) {
  .productSticky__button--email {
    margin-left: 8px;
  }
}

@media (max-width: 991px) {
  .important-notices-show .productSticky.fade {
    top: 97.8px;
  }
}

@media (max-width: 991px) {
  .modal {
    padding: 0;
    margin: 0;
    max-width: 100%;
    min-height: auto;
    height: 100vh;
    background: #fff;
    overflow: auto;
  }
}
@media (max-width: 991px) {
  .modal-image-only {
    background: none;
  }
}
@media (max-width: 991px) {
  .modal-image-only .modal-content {
    background-color: transparent;
  }
}
.modal-image-only .modal-dialog.modal-dialog-centered {
  align-items: center;
}
.modal-content {
  color: #383838;
  background-color: #ffffff;
  padding: 32px 0;
  border: none;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .modal-content {
    padding: 16px 0;
    border-radius: 0;
  }
}
@media (max-width: 991px) {
  .modal-dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}
@media (max-width: 991px) {
  .modal-dialog.modal-dialog-centered {
    align-items: start;
  }
}
.modal-header {
  position: relative;
  display: block;
  border: none;
}
@media (min-width: 1600px) {
  .modal-header {
    padding: 32px 0 0 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .modal-header {
    padding: 27px 0 0 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .modal-header {
    padding: 21px 0 0 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .modal-header {
    padding: 18px 0 0 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal-header {
    padding: 16px 0 0 24px;
  }
}
@media (max-width: 767px) {
  .modal-header {
    padding: 14px 0 0 22px;
  }
}
@media (max-width: 991px) {
  .modal-header {
    padding-top: 36px;
  }
}
.modal-header-title {
  color: #000000;
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 32px;
  padding-right: 64px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .modal-header-title {
    padding-right: 20px;
    padding-bottom: 16px;
  }
}
.modal-footer {
  position: relative;
  display: block;
  border: none;
}
@media (min-width: 1600px) {
  .modal-footer {
    padding: 0 0 16px 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .modal-footer {
    padding: 0 0 13px 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .modal-footer {
    padding: 0 0 11px 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .modal-footer {
    padding: 0 0 9px 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal-footer {
    padding: 0 0 8px 24px;
  }
}
@media (max-width: 767px) {
  .modal-footer {
    padding: 0 0 7px 22px;
  }
}
.modal-footer-body {
  border-top: 1px solid #DBDBDB;
  margin: 0;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .modal-footer-body {
    padding-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .modal-footer-body {
    padding-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .modal-footer-body {
    padding-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .modal-footer-body {
    padding-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal-footer-body {
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .modal-footer-body {
    padding-top: 14px;
  }
}
@media (min-width: 1600px) {
  .modal-footer-body {
    padding-right: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .modal-footer-body {
    padding-right: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .modal-footer-body {
    padding-right: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .modal-footer-body {
    padding-right: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal-footer-body {
    padding-right: 24px;
  }
}
@media (max-width: 767px) {
  .modal-footer-body {
    padding-right: 22px;
  }
}
.modal-footer-body .button + .button {
  margin-left: 8px;
}
@media (max-width: 991px) {
  .modal-footer-body .button + .button {
    margin-left: 4px;
  }
}
.modal-close {
  position: absolute;
  background: #F3F4F6;
  border: none;
  top: 0;
  right: 24px;
  border-radius: 50%;
  font-size: 22px;
  line-height: 22px;
  padding: 6px 6px 4px 6px;
  transform: rotate(45deg);
  z-index: 2;
}
@media (max-width: 991px) {
  .modal-close {
    font-size: 18px;
    line-height: 18px;
    padding: 4px 4px 2px 4px;
    top: 0;
    right: 20px;
  }
}
.modal-close:hover {
  color: #ffffff;
  background: #e41920;
}
@media (min-width: 1600px) {
  .modal-body {
    padding: 32px 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .modal-body {
    padding: 27px 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .modal-body {
    padding: 21px 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .modal-body {
    padding: 18px 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .modal-body {
    padding: 16px 24px;
  }
}
@media (max-width: 767px) {
  .modal-body {
    padding: 14px 22px;
  }
}
.modal-body ol, .modal-body ul {
  padding-left: 20px;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .modal-body ol, .modal-body ul {
    margin-bottom: 16px;
  }
}
.modal-body ol li, .modal-body ul li {
  padding: 4px 0;
}
.modal.compatibleProductsModal .compatibleProductsModal__row {
  margin-right: -6px;
  margin-left: -6px;
  row-gap: 12px;
}
.modal.compatibleProductsModal .compatibleProductsModal__column {
  padding-left: 6px;
  padding-right: 6px;
}
.modal.compatibleProductsModal .compatibleProductsModal__content {
  position: relative;
  padding-bottom: 120px;
}
.modal.compatibleProductsModal .modal-content {
  position: relative;
}
.modal.compatibleProductsModal .modal-content::before {
  position: absolute;
  background: #ffffff;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  width: 100%;
  height: 120px;
  left: 0;
  bottom: 0;
  z-index: 4;
}
@media (max-width: 991px) {
  .modal.compatibleProductsModal .modal-content::before {
    display: none;
  }
}
.modal.compatibleProductsModal .modal-dialog {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.modal.compatibleProductsModal .modal-dialog::before {
  display: none;
  position: absolute;
  background: #ffffff;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  width: 100%;
  height: 120px;
  left: 0;
  bottom: 0;
  z-index: 4;
}
@media (max-width: 991px) {
  .modal.compatibleProductsModal .modal-dialog::before {
    display: block;
  }
}

.panelSolution {
  position: relative;
}
.panelSolution__collapse {
  margin-top: 24px;
}
@media (max-width: 991px) {
  .panelSolution__collapse {
    margin-top: 12px;
  }
}
.panelSolution__collapse--title {
  position: relative;
  background-color: #F3F4F6;
  margin-bottom: 0;
  padding: 32px 48px;
  padding-right: 88px;
  border-radius: 20px;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 991px) {
  .panelSolution__collapse--title {
    border-radius: 10px;
    padding: 16px 24px;
    padding-right: 56px;
  }
}
.panelSolution__collapse--title::before {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec6c";
  font-size: 20px;
  line-height: 20px;
  top: 45px;
  right: 48px;
}
@media (max-width: 991px) {
  .panelSolution__collapse--title::before {
    top: 20px;
    right: 24px;
  }
}
.panelSolution__collapse--title.collapsed::before {
  content: "\ec5b";
}
.panelSolution__row {
  row-gap: 24px;
}
@media (max-width: 991px) {
  .panelSolution__row {
    row-gap: 12px;
  }
}
.panelSolution__thumbnail {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 45.0151057402%;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .panelSolution__thumbnail {
    border-radius: 10px;
  }
}
.panelSolution__card {
  background-color: #F3F4F6;
  padding: 48px 0;
  color: #757575;
  height: 100%;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .panelSolution__card {
    border-radius: 10px;
    padding: 24px 0;
  }
}
.panelSolution__card--title {
  padding: 0 48px;
}
@media (max-width: 991px) {
  .panelSolution__card--title {
    padding: 0 24px;
  }
}
.panelSolution__card--content {
  padding: 0 48px;
}
@media (max-width: 991px) {
  .panelSolution__card--content {
    padding: 0 24px;
  }
}
.panelSolution__card--content .table-responsive .table-freeze-first th:first-child,
.panelSolution__card--content .table-responsive .table-freeze-first td:first-child {
  background-color: #F3F4F6;
}
@media (max-width: 991px) {
  .panelSolution__card--content .table-responsive .table-freeze-first th:first-child,
  .panelSolution__card--content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .panelSolution__card--content .table-responsive .table-freeze-first th:first-child::after,
  .panelSolution__card--content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.panelSolution__card--list {
  margin: 32px 0 0 0;
  padding: 0 0 0 64px;
}
@media (max-width: 991px) {
  .panelSolution__card--list {
    margin: 16px 0 0 0;
    padding: 0 0 0 42px;
  }
}
.panelSolution__card--list li {
  width: 100%;
  height: auto;
  padding: 16px 0;
  padding-right: 48px;
  margin: 0;
  border-bottom: 1px solid #DBDBDB;
}
@media (max-width: 991px) {
  .panelSolution__card--list li {
    padding: 8px 0;
    padding-right: 24px;
  }
}
.panelSolution__card--list li:first-child {
  padding-top: 0;
}
.panelSolution.section__gray .panelSolution__collapse--title,
.panelSolution.section__gray .panelSolution__card {
  background-color: #ffffff;
}
.panelSolution.section__gray .panelSolution__card--content .table-responsive .table-freeze-first th:first-child,
.panelSolution.section__gray .panelSolution__card--content .table-responsive .table-freeze-first td:first-child {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .panelSolution.section__gray .panelSolution__card--content .table-responsive .table-freeze-first th:first-child,
  .panelSolution.section__gray .panelSolution__card--content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .panelSolution.section__gray .panelSolution__card--content .table-responsive .table-freeze-first th:first-child::after,
  .panelSolution.section__gray .panelSolution__card--content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DBDBDB;
  }
}
.panelSolution.section__dark .panelSolution__collapse--title {
  background-color: #262626;
  color: #ffffff;
}
.panelSolution.section__dark .panelSolution__card {
  background-color: #262626;
  color: #939393;
}
.panelSolution.section__dark .panelSolution__card .panelSolution__card--title {
  color: #ffffff;
}
.panelSolution.section__dark .panelSolution__card .panelSolution__card--list li {
  border-bottom-color: #383838;
}
.panelSolution.section__dark .panelSolution__card .panelSolution__card--content .table-responsive .table-freeze-first th:first-child,
.panelSolution.section__dark .panelSolution__card .panelSolution__card--content .table-responsive .table-freeze-first td:first-child {
  background-color: #262626;
}
@media (max-width: 991px) {
  .panelSolution.section__dark .panelSolution__card .panelSolution__card--content .table-responsive .table-freeze-first th:first-child,
  .panelSolution.section__dark .panelSolution__card .panelSolution__card--content .table-responsive .table-freeze-first td:first-child {
    border-right: none;
  }
  .panelSolution.section__dark .panelSolution__card .panelSolution__card--content .table-responsive .table-freeze-first th:first-child::after,
  .panelSolution.section__dark .panelSolution__card .panelSolution__card--content .table-responsive .table-freeze-first td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #757575;
  }
}

.availableOn__wrapper {
  display: flex;
  justify-content: center;
  margin-left: -12px;
  margin-right: -12px;
}
@media (max-width: 991px) {
  .availableOn__wrapper {
    flex-wrap: wrap;
  }
}
.availableOn__column {
  padding-left: 12px;
  padding-right: 12px;
}
@media (max-width: 991px) {
  .availableOn__column {
    flex: 0 0 auto;
    width: 100%;
    height: 46px;
    text-align: center;
  }
}
@media (max-width: 991px) {
  .availableOn__column + .availableOn__column {
    margin-top: 12px;
  }
}
.availableOn__button {
  width: auto;
  height: 86px;
}
@media (max-width: 991px) {
  .availableOn__button {
    height: 46px;
  }
}

.staticBanner {
  position: relative;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 48.75%;
}
@media (max-width: 991px) {
  .staticBanner {
    padding-bottom: 149.3333333333%;
  }
}
.staticBanner__overlay {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.staticBanner__content {
  position: absolute;
  color: #ffffff;
  width: 640px;
  z-index: 2;
  left: 50%;
  bottom: 120px;
  transform: translateX(-50%);
  text-align: center;
}
@media (max-width: 991px) {
  .staticBanner__content {
    width: 100%;
    padding: 0 24px;
    bottom: 60px;
  }
}
.staticBanner__label {
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .staticBanner__label {
    margin-bottom: 16px;
  }
}
.staticBanner__title {
  color: #ffffff;
  margin-bottom: 0;
}
.staticBanner.staticBanner__dark .staticBanner__overlay {
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.staticBanner.staticBanner__text--dark .staticBanner__label,
.staticBanner.staticBanner__text--dark .staticBanner__title {
  color: #000000;
}
.staticBanner.staticBanner__white .staticBanner__overlay {
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.staticBanner.staticBanner__text--white .staticBanner__label,
.staticBanner.staticBanner__text--white .staticBanner__title {
  color: #ffffff;
}

.featureCardSlider {
  position: relative;
  overflow: hidden;
  color: #ffffff;
  padding: 0;
  margin: 0;
}
.featureCardSlider .sectionHeading {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .featureCardSlider .sectionHeading {
    margin-bottom: 20px;
  }
}
.featureCardSlider .sectionHeading__title {
  color: #000000;
  margin-bottom: 0;
}
.featureCardSlider__overview {
  position: relative;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 47.75%;
  text-align: center;
  z-index: 2;
  overflow: hidden;
}
@media (max-width: 991px) {
  .featureCardSlider__overview {
    padding-bottom: 50%;
  }
}
.featureCardSlider__overview--overlay {
  content: "";
  position: absolute;
  width: 100%;
  padding-top: 47.75%;
  left: 0;
  bottom: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.featureCardSlider__overview--desc {
  position: absolute;
  color: #757575;
  width: 100%;
  left: 0;
}
@media (min-width: 1600px) {
  .featureCardSlider__overview--desc {
    bottom: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .featureCardSlider__overview--desc {
    bottom: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .featureCardSlider__overview--desc {
    bottom: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featureCardSlider__overview--desc {
    bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .featureCardSlider__overview--desc {
    bottom: 40px;
  }
}
@media (max-width: 767px) {
  .featureCardSlider__overview--desc {
    bottom: 36px;
  }
}
.featureCardSlider__main {
  position: relative;
  z-index: 2;
  background-color: #ffffff;
  margin-top: -2px;
}
@media (min-width: 1600px) {
  .featureCardSlider__main {
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .featureCardSlider__main {
    padding-bottom: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .featureCardSlider__main {
    padding-bottom: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featureCardSlider__main {
    padding-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .featureCardSlider__main {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .featureCardSlider__main {
    padding-bottom: 36px;
  }
}
@media (max-width: 991px) {
  .featureCardSlider__main .container {
    padding-right: 0;
  }
}
.featureCardSlider__main .swiper {
  overflow: visible;
}
.featureCardSlider__main .swiper .swiper-slide {
  width: calc(100vw - 100px);
  padding-right: 20px;
  padding-left: 0;
}
.featureCardSlider__card {
  background-color: #F3F4F6;
  color: #757575;
  border: 1px solid #E8E9EB;
  padding: 48px;
  height: 100%;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .featureCardSlider__card {
    padding: 24px;
    border-radius: 10px;
  }
}
.featureCardSlider__card--image {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .featureCardSlider__card--image {
    margin-bottom: 16px;
  }
}
.featureCardSlider__card--image-fluid {
  width: 80px;
  height: auto;
  border: 1px solid #262626;
  border-radius: 16px;
}
@media (max-width: 991px) {
  .featureCardSlider__card--image-fluid {
    width: 54px;
    border-radius: 8px;
  }
}
.featureCardSlider__card--title {
  color: #000000;
}
.featureCardSlider__navigation {
  margin-top: 48px;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .featureCardSlider__navigation {
    display: none !important;
    margin-top: 24px;
  }
}
.featureCardSlider__navigation .carousel__nav--button {
  background-color: #F3F4F6;
  color: #000000;
}
.featureCardSlider__navigation .carousel__nav--button.swiper-button-disabled {
  opacity: 0.4;
  color: #383838;
}
.featureCardSlider__navigation .carousel-dots {
  background-color: #F3F4F6;
}
.featureCardSlider__navigation .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #000000;
}
.featureCardSlider__navigation .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #e41920;
}
.featureCardSlider__navigation .carousel-dots .swiper-pagination-bullet::before {
  background-color: #757575;
}
.featureCardSlider.section__gray .featureCardSlider__overview--overlay {
  background: rgb(243, 244, 246);
  background: linear-gradient(0deg, rgb(243, 244, 246) 0%, rgba(243, 244, 246, 0) 100%);
}
.featureCardSlider.section__gray .featureCardSlider__main {
  background-color: #F3F4F6;
}
.featureCardSlider.section__gray .featureCardSlider__card {
  background-color: #ffffff;
  color: #757575;
  border-color: #E8E9EB;
}
.featureCardSlider.section__gray .featureCardSlider__card .featureCardSlider__card--image-fluid {
  border: 1px solid #DBDBDB;
}
.featureCardSlider.section__gray .featureCardSlider__card .featureCardSlider__card--title {
  color: #000000;
}
.featureCardSlider.section__gray .featureCardSlider__navigation .carousel__nav--button {
  background-color: #ffffff;
}
.featureCardSlider.section__gray .featureCardSlider__navigation .carousel-dots {
  background-color: #ffffff;
}
.featureCardSlider.section__dark .featureCardSlider__overview--overlay {
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.featureCardSlider.section__dark .sectionHeading__title {
  color: #ffffff;
}
.featureCardSlider.section__dark .featureCardSlider__overview--desc {
  color: #939393;
}
.featureCardSlider.section__dark .featureCardSlider__main {
  background-color: #000000;
}
.featureCardSlider.section__dark .featureCardSlider__card {
  background-color: #262626;
  color: #E8E9EB;
  border-color: #383838;
}
.featureCardSlider.section__dark .featureCardSlider__card .featureCardSlider__card--image-fluid {
  border: 1px solid #DBDBDB;
}
.featureCardSlider.section__dark .featureCardSlider__card .featureCardSlider__card--title {
  color: #ffffff;
}
.featureCardSlider.section__dark .featureCardSlider__navigation .carousel__nav--button {
  background-color: #262626;
  color: #ffffff;
}
.featureCardSlider.section__dark .featureCardSlider__navigation .carousel__nav--button.swiper-button-disabled {
  opacity: 0.5;
  color: #ffffff;
}
.featureCardSlider.section__dark .featureCardSlider__navigation .carousel-dots {
  background-color: #262626;
}
.featureCardSlider.section__dark .featureCardSlider__navigation .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #ffffff;
}
.featureCardSlider.section__dark .featureCardSlider__navigation .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #e41920;
}
.featureCardSlider.section__dark .featureCardSlider__navigation .carousel-dots .swiper-pagination-bullet::before {
  background-color: #ffffff;
}
.featureCardSlider.featureCardSlider__text--dark .sectionHeading__title {
  color: #000000;
}
.featureCardSlider.featureCardSlider__text--dark .featureCardSlider__overview--desc {
  color: #383838;
}
.featureCardSlider.featureCardSlider__text--white .sectionHeading__title {
  color: #ffffff;
}
.featureCardSlider.featureCardSlider__text--white .featureCardSlider__overview--desc {
  color: #ffffff;
}

.featureHighlight {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 104.375%;
}
@media (max-width: 991px) {
  .featureHighlight {
    padding-bottom: 230%;
  }
}
.featureHighlight::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 40%;
  background: #000000;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  left: 0;
  bottom: 0;
}
.featureHighlight__overview {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 120px;
  width: 640px;
  color: #ffffff;
  transform: translateX(-50%);
  z-index: 4;
}
@media (max-width: 991px) {
  .featureHighlight__overview {
    top: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .featureHighlight__overview {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .featureHighlight__overview {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.featureHighlight__overview.fadeIn-up {
  transform: translate(-50%, 100px);
}
.featureHighlight__overview.animate.fadeIn-up {
  opacity: 1;
  transform: translate(-50%, 0);
}
.featureHighlight__overview--label {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .featureHighlight__overview--label {
    margin-bottom: 32px;
  }
}
.featureHighlight__overview h1, .featureHighlight__overview h2, .featureHighlight__overview h3, .featureHighlight__overview h4, .featureHighlight__overview h5, .featureHighlight__overview h6 {
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featureHighlight__overview h1 {
    font-size: 48px;
    line-height: 50px;
  }
}
.featureHighlight__overview--content {
  margin: 0 auto;
  width: 480px;
  margin-top: 40px;
  color: #E8E9EB;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featureHighlight__overview--content {
    font-size: 18px;
    line-height: 24px;
    margin-top: 32px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .featureHighlight__overview--content {
    width: 60%;
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .featureHighlight__overview--content {
    width: 100%;
    font-size: 16px;
    line-height: normal;
    margin-top: 16px;
  }
}
.featureHighlight__cta {
  position: absolute;
  text-align: center;
  left: 50%;
  bottom: 120px;
  width: 620px;
  color: #ffffff;
  transform: translateX(-50%);
  z-index: 4;
}
@media (max-width: 991px) {
  .featureHighlight__cta {
    bottom: 60px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .featureHighlight__cta {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .featureHighlight__cta {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.featureHighlight__cta.fadeIn-up {
  transform: translate(-50%, 100px);
}
.featureHighlight__cta.animate.fadeIn-up {
  opacity: 1;
  transform: translate(-50%, 0);
}
.featureHighlight__cta--title {
  color: #ffffff;
  margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featureHighlight__cta--title {
    font-size: 40px;
    line-height: 42px;
  }
}
@media (max-width: 991px) {
  .featureHighlight__cta--title {
    margin-bottom: 32px;
  }
}
.featureHighlight__cta .featureHighlight__overview--content {
  width: 100%;
  margin-bottom: 64px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .featureHighlight__cta .featureHighlight__overview--content {
    margin-bottom: 32px;
  }
}
@media (max-width: 991px) {
  .featureHighlight__cta .featureHighlight__overview--content {
    margin-bottom: 32px;
  }
}

.contentFeatureBanner {
  position: relative;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 96.875%;
}
@media (max-width: 991px) {
  .contentFeatureBanner {
    padding-bottom: 0;
    height: calc(100vh - 98px);
  }
}
.contentFeatureBanner__overlay {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80%;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.contentFeatureBanner__content {
  position: absolute;
  width: 550px;
  right: 20%;
  bottom: 120px;
  color: #ffffff;
  z-index: 2;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contentFeatureBanner__content {
    right: 10%;
    bottom: 120px;
  }
}
@media (min-width: 1400px) {
  .contentFeatureBanner__content {
    bottom: 376px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contentFeatureBanner__content {
    width: 60%;
    right: 120px;
    bottom: 60px;
  }
}
@media (max-width: 767px) {
  .contentFeatureBanner__content {
    width: calc(100% - 40px);
    right: 20px;
    bottom: 60px;
  }
}
.contentFeatureBanner__content--label {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .contentFeatureBanner__content--label {
    margin-bottom: 16px;
  }
}
.contentFeatureBanner__content--title {
  color: #ffffff;
  margin-bottom: 40px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contentFeatureBanner__content--title {
    font-size: 48px;
    line-height: 50px;
  }
}
@media (max-width: 991px) {
  .contentFeatureBanner__content--title {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contentFeatureBanner__content--desc {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 991px) {
  .contentFeatureBanner__content--desc {
    font-size: 16px;
    line-height: normal;
  }
}
.contentFeatureBanner__content--action {
  margin-top: 64px;
}
@media (max-width: 991px) {
  .contentFeatureBanner__content--action {
    margin-top: 32px;
  }
}
.contentFeatureBanner.contentFeatureBanner__white .contentFeatureBanner__overlay {
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
.contentFeatureBanner.contentFeatureBanner__text--white .contentFeatureBanner__content,
.contentFeatureBanner.contentFeatureBanner__text--white .contentFeatureBanner__content--title {
  color: #ffffff;
}
.contentFeatureBanner.contentFeatureBanner__text--white .contentFeatureBanner__content--action .button__outline--white {
  border: 1px solid #ffffff;
  color: #ffffff;
}
.contentFeatureBanner.contentFeatureBanner__text--white .contentFeatureBanner__content--action .button__outline--white:hover {
  border: 1px solid #e41920;
  color: #e41920;
}
.contentFeatureBanner.contentFeatureBanner__dark .contentFeatureBanner__overlay {
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.contentFeatureBanner.contentFeatureBanner__text--dark .contentFeatureBanner__content,
.contentFeatureBanner.contentFeatureBanner__text--dark .contentFeatureBanner__content--title {
  color: #000000;
}
.contentFeatureBanner.contentFeatureBanner__text--dark .contentFeatureBanner__content--action .button__outline--white {
  border: 1px solid #000000;
  color: #000000;
}
.contentFeatureBanner.contentFeatureBanner__text--dark .contentFeatureBanner__content--action .button__outline--white:hover {
  border: 1px solid #e41920;
  color: #e41920;
}

@media (max-width: 991px) {
  .recentSolutions__container {
    max-width: 100%;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .recentSolutions .swiper {
    padding-right: 20px;
  }
}
.recentSolutions .swiper-wrapper {
  width: auto;
  margin-left: -12px;
  margin-right: -12px;
}
@media (max-width: 991px) {
  .recentSolutions .swiper-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 20px;
  }
}
.recentSolutions .swiper-slide {
  flex: 0 0 auto;
  width: 33.33333333%;
  padding-left: 12px;
  padding-right: 12px;
  height: auto;
}
@media (max-width: 991px) {
  .recentSolutions .swiper-slide {
    width: calc(100vw - 100px);
    padding-right: 20px;
    padding-left: 0;
  }
}
.recentSolutions__action {
  text-align: center;
  margin-top: 80px;
}
@media (max-width: 991px) {
  .recentSolutions__action {
    margin-top: 40px;
  }
}

.mediaFormBanner {
  position: relative;
  background-color: #000000;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #ffffff;
  min-height: calc(100vh - 124px);
  align-content: end;
}
@media (max-width: 991px) {
  .mediaFormBanner {
    background-position: top center;
    padding-bottom: 60px;
    height: auto;
    padding-top: 35%;
    background-size: 100% auto;
  }
}
.mediaFormBanner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 991px) {
  .mediaFormBanner::before {
    width: 100%;
    padding-bottom: 52.0833333333%;
    height: auto;
    top: 0;
    bottom: auto;
  }
}
.mediaFormBanner .container {
  position: relative;
  z-index: 2;
}
@media (min-width: 1600px) {
  .mediaFormBanner .container {
    padding-top: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mediaFormBanner .container {
    padding-top: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mediaFormBanner .container {
    padding-top: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaFormBanner .container {
    padding-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaFormBanner .container {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .mediaFormBanner .container {
    padding-top: 36px;
  }
}
@media (min-width: 1600px) {
  .mediaFormBanner .container {
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mediaFormBanner .container {
    padding-bottom: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mediaFormBanner .container {
    padding-bottom: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaFormBanner .container {
    padding-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaFormBanner .container {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .mediaFormBanner .container {
    padding-bottom: 36px;
  }
}
@media (max-width: 991px) {
  .mediaFormBanner .container {
    position: relative;
    left: auto;
    bottom: auto;
    transform: none;
  }
}
.mediaFormBanner .row {
  align-items: center;
}
@media (min-width: 1600px) {
  .mediaFormBanner__content {
    padding-right: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mediaFormBanner__content {
    padding-right: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mediaFormBanner__content {
    padding-right: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaFormBanner__content {
    padding-right: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaFormBanner__content {
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .mediaFormBanner__content {
    padding-right: 36px;
  }
}
@media (max-width: 991px) {
  .mediaFormBanner__content {
    padding-right: 0;
    margin-bottom: 40px;
  }
}
@media (min-width: 1600px) {
  .mediaFormBanner__content--label {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mediaFormBanner__content--label {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mediaFormBanner__content--label {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaFormBanner__content--label {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaFormBanner__content--label {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .mediaFormBanner__content--label {
    margin-bottom: 14px;
  }
}
.mediaFormBanner__content--title {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .mediaFormBanner__content--title {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mediaFormBanner__content--title {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mediaFormBanner__content--title {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaFormBanner__content--title {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaFormBanner__content--title {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .mediaFormBanner__content--title {
    margin-bottom: 22px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaFormBanner__content--title {
    font-size: 40px;
    line-height: 42px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaFormBanner__content--desc {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 991px) {
  .mediaFormBanner__content--desc {
    font-size: 16px;
    line-height: normal;
  }
}
.mediaFormBanner__form {
  background-color: #262626;
  border-radius: 20px;
}
@media (min-width: 1600px) {
  .mediaFormBanner__form {
    padding: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mediaFormBanner__form {
    padding: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mediaFormBanner__form {
    padding: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaFormBanner__form {
    padding: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaFormBanner__form {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .mediaFormBanner__form {
    padding: 18px;
  }
}
.mediaFormBanner__form--body .row {
  margin-left: -5px;
  margin-right: -5px;
  row-gap: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaFormBanner__form--body .row {
    row-gap: 12px;
  }
}
@media (max-width: 991px) {
  .mediaFormBanner__form--body .row {
    row-gap: 12px;
  }
}
.mediaFormBanner__form--body .row > * {
  padding-left: 5px;
  padding-right: 5px;
}
.mediaFormBanner__form--body .form-group {
  position: relative;
}
.mediaFormBanner__form--body .form-group:last-child {
  margin-bottom: 0;
}
.mediaFormBanner__form--body .form-group .form-label {
  display: block;
  font-size: 14px;
  line-height: 14px;
  margin-top: 0;
}
@media (min-width: 1600px) {
  .mediaFormBanner__form--body .form-group .form-label {
    margin-bottom: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mediaFormBanner__form--body .form-group .form-label {
    margin-bottom: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mediaFormBanner__form--body .form-group .form-label {
    margin-bottom: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaFormBanner__form--body .form-group .form-label {
    margin-bottom: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaFormBanner__form--body .form-group .form-label {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .mediaFormBanner__form--body .form-group .form-label {
    margin-bottom: 7px;
  }
}
@media (max-width: 991px) {
  .mediaFormBanner__form--body .form-group .form-label {
    margin-bottom: 12px;
  }
}
.mediaFormBanner__form--body .form-group .checkbox {
  color: #B3B3B3;
  font-size: 16px;
  line-height: 16px;
}
.mediaFormBanner__form--body .form-group .checkbox .checkbox__checkmark {
  background-color: #262626;
  top: -2px;
}
.mediaFormBanner__form--body .form-group .checkbox .checkbox__input:checked ~ .checkbox__checkmark {
  background-color: #e41920;
}
.mediaFormBanner__form--body .form-group .checkbox:hover {
  color: #ffffff;
}
.mediaFormBanner__form--body .form-group .checkbox:hover .checkbox__checkmark {
  border-color: #ffffff;
}
.mediaFormBanner__form--body .form-group .checkbox:hover .checkbox__input:checked ~ .checkbox__checkmark {
  border-color: #e41920;
}
.mediaFormBanner__form--body .form-group .fileUpload__box {
  border: 2px dashed #939393;
}
.mediaFormBanner__form--body .form-group .invalid-feedback {
  font-size: 12px;
  line-height: 12px;
}
.mediaFormBanner__form--body .form-group input:-webkit-autofill,
.mediaFormBanner__form--body .form-group input:-webkit-autofill:hover,
.mediaFormBanner__form--body .form-group input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: inherit !important;
  caret-color: inherit;
  transition: background-color 99999s ease, color 99999s ease;
  background-image: none !important;
  background-color: transparent !important;
  background-clip: padding-box;
}
.mediaFormBanner__form--body .form-group input:-moz-autofill,
.mediaFormBanner__form--body .form-group input:-moz-autofill:focus {
  box-shadow: 0 0 0 1000px transparent inset !important;
  -moz-text-fill-color: inherit !important;
  caret-color: inherit;
  background-image: none !important;
  background-color: transparent !important;
}
.mediaFormBanner__form--body .form-group .form-group__checkbox {
  border-radius: 8px;
  padding: 12px 16px;
  height: 46px;
}
.mediaFormBanner__form--body .form-group .form-group__checkbox:hover {
  border-color: #ffffff;
}
.mediaFormBanner__form--body .form-group .form-group__checkbox:hover .checkbox {
  color: #ffffff;
}
.mediaFormBanner__form--body .form-group .form-group__checkbox:hover .checkbox .checkbox__checkmark {
  border-color: #ffffff;
}
.mediaFormBanner__form--body .form-group .form-group__checkbox:hover .checkbox .checkbox__input:checked ~ .checkbox__checkmark {
  border-color: #e41920;
}
.mediaFormBanner__form--body .form-group.is-invalid .form-label {
  color: #ffffff;
}
.mediaFormBanner__form--body .form-group.is-invalid .invalid-feedback {
  display: block;
}
.mediaFormBanner__form--body .form-group.is-invalid .form-textarea,
.mediaFormBanner__form--body .form-group.is-invalid .form-input {
  background-color: transparent;
  color: #B3B3B3;
}
.mediaFormBanner__form--body .form-group.is-invalid .form-textarea::placeholder,
.mediaFormBanner__form--body .form-group.is-invalid .form-input::placeholder {
  color: #B3B3B3;
}
.mediaFormBanner__form--body .form-group.is-invalid .form-select__selection {
  color: #B3B3B3;
}
.mediaFormBanner__form--body .form-group.is-invalid .select2-container .form-select__dark {
  border-color: #e41920;
}
.mediaFormBanner__form--body .form-group.is-invalid .fileUpload__box {
  border-color: #e41920;
  color: #B3B3B3;
}
.mediaFormBanner__form--body .form-group.is-invalid .date-picker__icon {
  background-color: transparent;
}
.mediaFormBanner__form--title {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .mediaFormBanner__form--title {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .mediaFormBanner__form--title {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mediaFormBanner__form--title {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mediaFormBanner__form--title {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mediaFormBanner__form--title {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .mediaFormBanner__form--title {
    margin-bottom: 11px;
  }
}
@media (max-width: 991px) {
  .mediaFormBanner__form--title {
    margin-bottom: 16px;
  }
}
.mediaFormBanner__form .form-input {
  background-color: #262626;
  border: 1px solid #939393;
  font-size: 16px;
  line-height: 16px;
  border-radius: 8px;
  padding: 12px 16px;
  height: 46px;
  color: #ffffff;
}
.mediaFormBanner__form .form-input::placeholder {
  color: #B3B3B3;
}
.mediaFormBanner__form .form-input:focus {
  border-color: #ffffff;
}
.mediaFormBanner__form .form-textarea {
  background-color: #262626;
  border: 1px solid #939393;
  font-size: 16px;
  line-height: 16px;
  border-radius: 8px;
  padding: 12px 16px;
  color: #ffffff;
}
.mediaFormBanner__form .form-textarea::placeholder {
  color: #B3B3B3;
}
.mediaFormBanner__form .form-textarea:focus {
  border-color: #ffffff;
}
.mediaFormBanner__form .date-picker__group {
  border: 1px solid #939393;
  border-radius: 8px;
  overflow: hidden;
}
.mediaFormBanner__form .date-picker__group.is-focused .date-picker__icon, .mediaFormBanner__form .date-picker__group.has-value .date-picker__icon {
  color: #ffffff;
}
.mediaFormBanner__form .date-picker__icon {
  background-color: transparent;
  border: none;
  border-right: 1px solid #939393;
  color: #B3B3B3;
  border-radius: 0;
}
.mediaFormBanner__form .date-picker__date.form-input {
  border: none;
  border-radius: 0;
}
.mediaFormBanner__form .date-picker__clear {
  background-color: transparent;
  border: none;
  color: #ffffff;
}
.mediaFormBanner__form .date-picker__clear i {
  color: #ffffff;
}
.mediaFormBanner__form .date-picker__clear:hover i {
  color: #e41920;
}
.mediaFormBanner__form .select2-container .form-select__dark {
  background-color: #262626;
  border: 1px solid #939393;
  height: 46px;
  border-radius: 8px;
}
.mediaFormBanner__form .select2-container .form-select__selection .select2-selection__placeholder {
  color: #B3B3B3;
  font-size: 16px;
  line-height: 16px;
}
.mediaFormBanner__form .select2-container .form-select__selection .select2-selection__rendered {
  padding: 14px 16px;
  color: #ffffff;
  height: 46px;
  font-size: 16px;
  line-height: 16px;
}
.mediaFormBanner__form .select2-container.select2-container--open .form-select__dark.select-focus {
  border-color: #ffffff !important;
}
.mediaFormBanner__form .select2-container .form-select__selection .select2-selection__arrow {
  width: 16px;
  height: 16px;
  right: 16px;
}
.mediaFormBanner__form .select2-container .form-select__selection .select2-selection__arrow::before {
  font-size: 16px;
  line-height: 16px;
}

.select2-container .form-select__dropdown.mediaFormBanner__form--select-dropdown {
  background-color: #262626;
  border: 1px solid #ffffff;
  border-top: none;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.select2-container .form-select__dropdown.mediaFormBanner__form--select-dropdown.select2-dropdown--above {
  margin-top: 0;
  border-top: none;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.select2-container .form-select__dropdown.mediaFormBanner__form--select-dropdown .select2-search__field {
  background-color: #262626;
  font-size: 16px;
  line-height: 16px;
  padding: 12px 16px;
  color: #ffffff;
}
.select2-container .form-select__dropdown.mediaFormBanner__form--select-dropdown .select2-search__field::placeholder {
  color: #B3B3B3;
}
.select2-container .form-select__dropdown.mediaFormBanner__form--select-dropdown .select2-results__option {
  font-size: 16px;
  line-height: 16px;
  padding: 8px 16px;
  color: #B3B3B3;
}
.select2-container .form-select__dropdown.mediaFormBanner__form--select-dropdown .select2-results__option:first-child {
  margin-top: 8px;
}
.select2-container .form-select__dropdown.mediaFormBanner__form--select-dropdown .select2-results__option:last-child {
  margin-bottom: 8px;
}
.select2-container .form-select__dropdown.mediaFormBanner__form--select-dropdown .select2-results__option:hover {
  background-color: transparent;
  color: #ffffff;
}
.select2-container .form-select__dropdown.mediaFormBanner__form--select-dropdown .select2-results__option--selected {
  color: #757575;
}
.select2-container .form-select__dropdown.mediaFormBanner__form--select-dropdown .select2-results__option--selected:hover {
  color: #757575;
}

.page__masthead {
  text-align: center;
}
.page__masthead--heading {
  margin-bottom: 0;
}
.page__masthead--subHeading {
  color: #757575;
}
@media (min-width: 1600px) {
  .page__masthead--subHeading {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .page__masthead--subHeading {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .page__masthead--subHeading {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page__masthead--subHeading {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page__masthead--subHeading {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .page__masthead--subHeading {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .page__masthead--subHeading {
    margin-top: 16px;
  }
}

@media (min-width: 1600px) {
  .page__masthead [class^=col-] > .page__masthead--subHeading,
  .page__masthead [class*=" col-"] > .page__masthead--subHeading {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .page__masthead [class^=col-] > .page__masthead--subHeading,
  .page__masthead [class*=" col-"] > .page__masthead--subHeading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .page__masthead [class^=col-] > .page__masthead--subHeading,
  .page__masthead [class*=" col-"] > .page__masthead--subHeading {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .page__masthead [class^=col-] > .page__masthead--subHeading,
  .page__masthead [class*=" col-"] > .page__masthead--subHeading {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .page__masthead [class^=col-] > .page__masthead--subHeading,
  .page__masthead [class*=" col-"] > .page__masthead--subHeading {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .page__masthead [class^=col-] > .page__masthead--subHeading,
  .page__masthead [class*=" col-"] > .page__masthead--subHeading {
    margin-bottom: 22px;
  }
}

.page__masthead [class^=col-] > .page__masthead--subHeading:not(:has(+ *)),
.page__masthead [class*=" col-"] > .page__masthead--subHeading:not(:has(+ *)) {
  margin-bottom: 0;
}

.ctaBanner {
  position: relative;
  background-color: #000000;
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: cover;
  padding-bottom: 39.0625%;
}
@media (max-width: 991px) {
  .ctaBanner {
    padding: 0;
  }
}
.ctaBanner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  opacity: 0.5;
  background: #000000;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.ctaBanner__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  z-index: 4;
}
@media (min-width: 1600px) {
  .ctaBanner__container {
    padding-top: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .ctaBanner__container {
    padding-top: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .ctaBanner__container {
    padding-top: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ctaBanner__container {
    padding-top: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ctaBanner__container {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  .ctaBanner__container {
    padding-top: 54px;
  }
}
@media (min-width: 1600px) {
  .ctaBanner__container {
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .ctaBanner__container {
    padding-bottom: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .ctaBanner__container {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ctaBanner__container {
    padding-bottom: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ctaBanner__container {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .ctaBanner__container {
    padding-bottom: 54px;
  }
}
@media (min-width: 992px) {
  .ctaBanner__container {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .ctaBanner__container {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.ctaBanner__main {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 991px) {
  .ctaBanner__main {
    width: 100%;
  }
}
.ctaBanner__title {
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ctaBanner__title {
    font-size: 48px;
    line-height: 50px;
  }
}
@media (min-width: 1600px) {
  .ctaBanner__action {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .ctaBanner__action {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .ctaBanner__action {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .ctaBanner__action {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ctaBanner__action {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .ctaBanner__action {
    margin-top: 22px;
  }
}

.benefit-comparison .container:first-child {
  padding-right: 0;
  padding-left: 0;
}
.benefit-comparison__scrollable {
  padding-top: 30px;
}
@media (max-width: 991px) {
  .benefit-comparison__scrollable {
    overflow-x: auto;
    width: 100%;
  }
  .benefit-comparison__scrollable:first-child {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.benefit-comparison__header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  min-width: 700px;
}
.benefit-comparison__header .col {
  text-align: center;
  padding: 1rem;
  border-radius: 6px;
  position: relative;
  top: -20px;
}
.benefit-comparison__header-gold {
  grid-column: 2/3;
  background-color: #EDA92C;
  color: #ffffff;
}
.benefit-comparison__header-silver {
  grid-column: 3/4;
  background-color: #939393;
  color: #ffffff;
}
.benefit-comparison__header-silver:last-child {
  margin-left: 20px;
}
.benefit-comparison .table-row {
  min-width: 700px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.benefit-comparison .table-row .col {
  border-bottom: 1px solid #E8E9EB;
}
@media (min-width: 1600px) {
  .benefit-comparison .table-row .col {
    padding: 20px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .benefit-comparison .table-row .col {
    padding: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .benefit-comparison .table-row .col {
    padding: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .benefit-comparison .table-row .col {
    padding: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .benefit-comparison .table-row .col {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .benefit-comparison .table-row .col {
    padding: 9px;
  }
}
.benefit-comparison .table-row .gold-value, .benefit-comparison .table-row .silver-value {
  color: #757575;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.benefit-comparison .table-row .gold-value i, .benefit-comparison .table-row .silver-value i {
  font-weight: bold;
  color: #30AC49;
}
.benefit-comparison .table-row .gold-value.notAvailable, .benefit-comparison .table-row .silver-value.notAvailable {
  color: #757575;
}
.benefit-comparison .table-row .gold-value.notAvailable i, .benefit-comparison .table-row .silver-value.notAvailable i {
  font-weight: bold;
  color: #e41920;
}
.benefit-comparison .table-row .col.title {
  display: flex;
  align-items: center;
}
.benefit-comparison .table-row .col.title span {
  font-weight: 700;
}

.consumables__row {
  row-gap: 16px;
}
@media (max-width: 991px) {
  .consumables__row {
    row-gap: 8px;
  }
}
.consumables .consumablesPanel__group {
  row-gap: 64px;
}

.masthead-inner-banner {
  position: relative;
  background-color: #000000;
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: cover;
  padding-bottom: 35%;
}
@media (max-width: 991px) {
  .masthead-inner-banner {
    height: 500px;
  }
}
@media (max-width: 991px) and (orientation: landscape) {
  .masthead-inner-banner {
    padding-bottom: 38.75%;
  }
}
.masthead-inner-banner__bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}
.masthead-inner-banner__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
}
@media (max-width: 991px) {
  .masthead-inner-banner__container {
    left: auto;
    top: auto;
    bottom: 64px;
    transform: none;
  }
}
.masthead-inner-banner__main {
  width: 50%;
}
@media (max-width: 991px) {
  .masthead-inner-banner__main {
    width: 100%;
  }
}
.masthead-inner-banner__label {
  display: block;
  margin-bottom: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .masthead-inner-banner__label {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .masthead-inner-banner__label {
    margin-bottom: 16px;
  }
}
.masthead-inner-banner__title {
  margin-bottom: 0;
  color: #ffffff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .masthead-inner-banner__title {
    font-size: 48px;
    line-height: 50px;
  }
}
.masthead-inner-banner__content {
  margin-top: 32px;
  font-weight: 400;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .masthead-inner-banner__content {
    margin-top: 16px;
    font-size: 16px;
    line-height: 22px;
  }
}
@media (max-width: 991px) {
  .masthead-inner-banner__content {
    margin-top: 16px;
  }
}
.masthead-inner-banner__action {
  margin-top: 64px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .masthead-inner-banner__action {
    margin-top: 32px;
  }
}
@media (max-width: 991px) {
  .masthead-inner-banner__action {
    margin-top: 32px;
  }
}

.photo-library__heading {
  text-align: center;
}
@media (min-width: 1600px) {
  .photo-library__heading {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .photo-library__heading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .photo-library__heading {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__heading {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photo-library__heading {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .photo-library__heading {
    margin-bottom: 22px;
  }
}
.photo-library__heading--title {
  margin-bottom: 0;
}
.photo-library__heading--subtitle {
  color: #757575;
  padding: 0 120px;
}
@media (min-width: 1600px) {
  .photo-library__heading--subtitle {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .photo-library__heading--subtitle {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .photo-library__heading--subtitle {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__heading--subtitle {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photo-library__heading--subtitle {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .photo-library__heading--subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photo-library__heading--subtitle {
    margin-top: 16px;
    padding: 0 128px;
  }
}
@media (max-width: 767px) {
  .photo-library__heading--subtitle {
    margin-top: 16px;
    padding: 0 32px;
  }
}
@media (min-width: 1600px) {
  .photo-library__heading--action {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .photo-library__heading--action {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .photo-library__heading--action {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__heading--action {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photo-library__heading--action {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .photo-library__heading--action {
    margin-top: 22px;
  }
}
.photo-library__card-list {
  row-gap: 16px;
  margin-left: -8px;
  margin-left: -8px;
}
@media (min-width: 1600px) {
  .photo-library__card-list {
    margin-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .photo-library__card-list {
    margin-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .photo-library__card-list {
    margin-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__card-list {
    margin-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photo-library__card-list {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .photo-library__card-list {
    margin-top: 29px;
  }
}
@media (max-width: 991px) {
  .photo-library__card-list {
    row-gap: 10px;
  }
}
.photo-library__card-column {
  padding-left: 8px;
  padding-right: 8px;
}
.photo-library__card--small-list {
  row-gap: 16px;
  margin-left: -8px;
  margin-left: -8px;
}
@media (min-width: 1600px) {
  .photo-library__card--small-list {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .photo-library__card--small-list {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .photo-library__card--small-list {
    margin-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__card--small-list {
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photo-library__card--small-list {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .photo-library__card--small-list {
    margin-top: 11px;
  }
}
@media (max-width: 991px) {
  .photo-library__card--small-list {
    row-gap: 10px;
  }
}
.photo-library__card--small-list .photo-library__small--card-column {
  flex: 0 0 auto;
  max-width: 16.66666%;
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 1400px) {
  .photo-library__card--small-list .photo-library__small--card-column {
    max-width: 16.666666%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__card--small-list .photo-library__small--card-column {
    max-width: 33.33333%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photo-library__card--small-list .photo-library__small--card-column {
    max-width: 33.33333%;
  }
}
@media (max-width: 767px) {
  .photo-library__card--small-list .photo-library__small--card-column {
    max-width: 100%;
  }
}
.photo-library__card--small-list .photo-library__small--card-column .photo-library__modal--card {
  padding: 24px 12px 24px 12px;
}
@media (min-width: 1400px) {
  .photo-library__card--small-list .photo-library__small--card-column .photo-library__modal--card {
    padding: 24px;
  }
}
.photo-library.section__gray .simsSearch__input {
  background-color: #ffffff;
}
@media (max-width: 991px) {
  .photo-library.section__gray .simsSearch__input {
    padding-right: 24px;
  }
}

@media (min-width: 1600px) {
  .peopleDetail__row {
    row-gap: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .peopleDetail__row {
    row-gap: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .peopleDetail__row {
    row-gap: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .peopleDetail__row {
    row-gap: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .peopleDetail__row {
    row-gap: 20px;
  }
}
@media (max-width: 767px) {
  .peopleDetail__row {
    row-gap: 18px;
  }
}
@media (max-width: 991px) {
  .peopleDetail__row {
    row-gap: 32px;
  }
}
.peopleDetail__thumbnail {
  position: relative;
  padding-top: 61.83%;
  border-radius: 16px;
  overflow: hidden;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .peopleDetail__thumbnail {
    border-radius: 10px;
  }
}
@media (max-width: 991px) {
  .peopleDetail__thumbnail {
    margin-bottom: 16px;
    border-radius: 10px;
  }
}
.peopleDetail__thumbnail img {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
}
@media (min-width: 1600px) {
  .peopleDetail__main {
    padding-left: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .peopleDetail__main {
    padding-left: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .peopleDetail__main {
    padding-left: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .peopleDetail__main {
    padding-left: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .peopleDetail__main {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .peopleDetail__main {
    padding-left: 18px;
  }
}
@media (max-width: 991px) {
  .peopleDetail__main {
    padding-left: 0;
    padding-top: 0;
  }
}
@media (min-width: 1600px) {
  .peopleDetail__main .share {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .peopleDetail__main .share {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .peopleDetail__main .share {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .peopleDetail__main .share {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .peopleDetail__main .share {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .peopleDetail__main .share {
    margin-bottom: 18px;
  }
}
.peopleDetail__heading {
  margin-bottom: 24px;
}
@media (min-width: 1400px) {
  .peopleDetail__heading {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .peopleDetail__heading {
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .peopleDetail__heading {
    margin-bottom: 16px;
  }
}
.peopleDetail__heading--label {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .peopleDetail__heading--label {
    margin-bottom: 12px;
  }
}
.peopleDetail__heading--title {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .peopleDetail__heading--title {
    margin-bottom: 0;
  }
}
.peopleDetail__heading--title a {
  color: #000000;
}
.peopleDetail__heading--title a:hover {
  color: #e41920;
  text-decoration: none;
}
.peopleDetail__content {
  color: #757575;
}
.peopleDetail__content .clamp3 {
  overflow: hidden;
  height: 58.5px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
}
@media (min-width: 1400px) {
  .peopleDetail__content .clamp3 {
    height: 82px;
  }
}
.peopleDetail__action {
  margin-top: 32px;
}
@media (min-width: 1400px) {
  .peopleDetail__action {
    margin-top: 40px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .peopleDetail__action {
    margin-top: 16px;
  }
}
@media (max-width: 991px) {
  .peopleDetail__action {
    margin-top: 16px;
  }
}

.section__dark .peopleDetail__heading--title a {
  color: #ffffff;
}
.section__dark .peopleDetail__heading--title a:hover {
  color: #e41920;
}
.section__dark .peopleDetail__content {
  color: #939393;
}

.styleDark .peopleDetail__heading--label {
  color: #939393;
}
.styleDark .peopleDetail__content {
  color: #939393;
}

.section__gray .peopleDetail__main .share .share__link {
  background-color: #ffffff;
}

.section__dark .peopleDetail__main .share .share__link {
  background-color: #383838;
}
.section__dark .peopleDetail__main .share .share__link svg path {
  fill: #DBDBDB;
}
.section__dark .peopleDetail__main .share .share__link:hover svg path {
  fill: #e41920;
}

.promotionMasthead {
  padding: 120px 0;
  background-color: #000000;
  color: #ffffff;
}
@media (max-width: 991px) {
  .promotionMasthead {
    padding: 60px 0;
  }
}
.promotionMasthead .container {
  position: relative;
}
.promotionMasthead__main {
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .promotionMasthead__main {
    padding-left: 64px;
    padding-right: 64px;
  }
}
@media (max-width: 991px) {
  .promotionMasthead__main {
    padding: 0;
    margin-bottom: 40px;
  }
}
.promotionMasthead__main--date {
  display: inline-block;
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid #ffffff;
  border-radius: 5px;
  margin-bottom: 24px;
}
.promotionMasthead__main--heading-title {
  margin-bottom: 0;
}
.promotionMasthead__main--heading-title a {
  color: #ffffff;
}
.promotionMasthead__main--heading-title a:hover {
  text-decoration: none;
  color: #e41920;
}
.promotionMasthead__main--price {
  color: #939393;
  margin-top: 24px;
}
.promotionMasthead__main--price-currency {
  display: inline-block;
}
.promotionMasthead__main--price-currency sup {
  font-size: 11px;
  line-height: 11px;
}
.promotionMasthead__main--price-promo {
  display: inline-block;
  margin-left: 4px;
}
.promotionMasthead__main--inclusive {
  color: #939393;
  margin-top: 8px;
}
.promotionMasthead__main--thumbnails {
  margin-top: 48px;
}
.promotionMasthead__content {
  background-color: #262626;
  color: #ffffff;
  border-radius: 20px;
  padding: 48px;
}
@media (max-width: 991px) {
  .promotionMasthead__content {
    padding: 24px;
    border-radius: 10px;
  }
}
.promotionMasthead__content--action {
  margin-top: 48px;
}
@media (max-width: 991px) {
  .promotionMasthead__content--action {
    margin-top: 24px;
  }
}
@media (max-width: 991px) {
  .promotionMasthead__content--action .button + .button {
    margin-left: 16px;
  }
}
@media (max-width: 991px) {
  .promotionMasthead__content--action .button__text--white {
    padding-left: 0;
    padding-right: 0;
  }
}
.promotionMasthead__content p {
  margin-bottom: 16px;
}
.promotionMasthead__content ul {
  margin-bottom: 32px;
}
.promotionMasthead__pagination {
  position: absolute;
  top: 50%;
  right: -40px;
  width: 20px;
  z-index: 2;
  transform: translateY(-50%);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .promotionMasthead__pagination {
    right: -16px;
  }
}
@media (min-width: 1400px) {
  .promotionMasthead__pagination {
    right: -64px;
  }
}
@media (max-width: 991px) {
  .promotionMasthead__pagination {
    position: relative;
    width: 100%;
    height: 20px;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    transform: none;
    text-align: center;
    margin-top: 40px;
  }
}
.promotionMasthead__pagination.swiper-pagination-lock {
  display: none;
}
.promotionMasthead__pagination .swiper-pagination-bullet {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  border-radius: 50%;
  margin: 4px 0;
}
@media (max-width: 991px) {
  .promotionMasthead__pagination .swiper-pagination-bullet {
    margin: 0 4px;
  }
}
.promotionMasthead__pagination .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  background-color: #757575;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.promotionMasthead__pagination .swiper-pagination-bullet-active {
  border: 1px solid #e41920;
}
.promotionMasthead__pagination .swiper-pagination-bullet-active::before {
  background-color: #e41920;
}
.promotionMasthead__pagination .swiper-pagination-bullet:hover::before {
  background-color: #e41920;
}

.businessService {
  margin: 0;
  padding: 0;
}
.businessService__banner {
  position: relative;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.businessService__banner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  left: 0;
  bottom: 0;
}
.businessService__banner--container {
  position: relative;
  text-align: center;
  padding-top: 30%;
  z-index: 4;
}
@media (min-width: 1600px) {
  .businessService__banner--container {
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .businessService__banner--container {
    padding-bottom: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .businessService__banner--container {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessService__banner--container {
    padding-bottom: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .businessService__banner--container {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .businessService__banner--container {
    padding-bottom: 54px;
  }
}
@media (min-width: 1600px) {
  .businessService__banner--desc {
    padding-left: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .businessService__banner--desc {
    padding-left: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .businessService__banner--desc {
    padding-left: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessService__banner--desc {
    padding-left: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .businessService__banner--desc {
    padding-left: 32px;
  }
}
@media (max-width: 767px) {
  .businessService__banner--desc {
    padding-left: 29px;
  }
}
@media (min-width: 1600px) {
  .businessService__banner--desc {
    padding-right: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .businessService__banner--desc {
    padding-right: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .businessService__banner--desc {
    padding-right: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessService__banner--desc {
    padding-right: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .businessService__banner--desc {
    padding-right: 32px;
  }
}
@media (max-width: 767px) {
  .businessService__banner--desc {
    padding-right: 29px;
  }
}
.businessService__listing {
  margin-top: 0;
}
@media (min-width: 1600px) {
  .businessService__listing {
    margin-bottom: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .businessService__listing {
    margin-bottom: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .businessService__listing {
    margin-bottom: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessService__listing {
    margin-bottom: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .businessService__listing {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .businessService__listing {
    margin-bottom: 54px;
  }
}
@media (min-width: 1600px) {
  .businessService__listing--row {
    margin-left: -12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .businessService__listing--row {
    margin-left: -10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .businessService__listing--row {
    margin-left: -8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessService__listing--row {
    margin-left: -7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .businessService__listing--row {
    margin-left: -6px;
  }
}
@media (max-width: 767px) {
  .businessService__listing--row {
    margin-left: -5px;
  }
}
@media (min-width: 1600px) {
  .businessService__listing--row {
    margin-right: -12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .businessService__listing--row {
    margin-right: -10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .businessService__listing--row {
    margin-right: -8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessService__listing--row {
    margin-right: -7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .businessService__listing--row {
    margin-right: -6px;
  }
}
@media (max-width: 767px) {
  .businessService__listing--row {
    margin-right: -5px;
  }
}
@media (min-width: 1600px) {
  .businessService__listing--row {
    row-gap: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .businessService__listing--row {
    row-gap: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .businessService__listing--row {
    row-gap: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessService__listing--row {
    row-gap: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .businessService__listing--row {
    row-gap: 12px;
  }
}
@media (max-width: 767px) {
  .businessService__listing--row {
    row-gap: 11px;
  }
}
@media (max-width: 991px) {
  .businessService__listing--row {
    margin-left: -12px;
    margin-right: -12px;
    row-gap: 12px;
  }
}
@media (min-width: 1600px) {
  .businessService__listing--column {
    padding-left: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .businessService__listing--column {
    padding-left: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .businessService__listing--column {
    padding-left: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessService__listing--column {
    padding-left: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .businessService__listing--column {
    padding-left: 6px;
  }
}
@media (max-width: 767px) {
  .businessService__listing--column {
    padding-left: 5px;
  }
}
@media (min-width: 1600px) {
  .businessService__listing--column {
    padding-right: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .businessService__listing--column {
    padding-right: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .businessService__listing--column {
    padding-right: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .businessService__listing--column {
    padding-right: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .businessService__listing--column {
    padding-right: 6px;
  }
}
@media (max-width: 767px) {
  .businessService__listing--column {
    padding-right: 5px;
  }
}
@media (max-width: 991px) {
  .businessService__listing--column {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.section__gray .businessService__banner::before {
  background: #F3F4F6;
  background: linear-gradient(0deg, rgb(243, 244, 246) 0%, rgba(243, 244, 246, 0) 100%);
}

.section__dark .businessService__banner::before {
  background: #000000;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.section__dark .businessService__banner--desc {
  color: #939393;
}
.section__dark .businessService__listing {
  padding-top: 0;
  margin: 0;
}
@media (min-width: 1600px) {
  .section__dark .businessService__listing {
    padding-bottom: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .section__dark .businessService__listing {
    padding-bottom: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .section__dark .businessService__listing {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .section__dark .businessService__listing {
    padding-bottom: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .section__dark .businessService__listing {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .section__dark .businessService__listing {
    padding-bottom: 54px;
  }
}

@media (max-width: 767px) {
  .solutionListing .container-fluid {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.solutionListing__row {
  display: flex;
  flex-wrap: wrap;
}
.solutionListing__row + .solutionListing__row {
  border-top: 1px solid #DBDBDB;
}
@media (max-width: 767px) {
  .solutionListing__row + .solutionListing__row {
    border-top: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .solutionListing__row + .solutionListing__row {
    border-top: none;
  }
}
@media (max-width: 767px) {
  .solutionListing__row:first-child .solutionListing__column:first-child {
    padding-top: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .solutionListing__row:last-child .solutionListing__column:nth-last-child(2), .solutionListing__row:last-child .solutionListing__column:last-child {
    border-bottom: none;
  }
}
@media (max-width: 767px) {
  .solutionListing__row:last-child .solutionListing__column:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .solutionListing__row .solutionListing__column:nth-child(2) {
    border-right: none;
  }
}
.solutionListing__row .solutionListing__column:last-child {
  border-right: none;
}
@media (min-width: 768px) and (max-width: 991px) {
  .solutionListing__row .solutionListing__column {
    border-bottom: 1px solid #DBDBDB;
  }
}
.solutionListing__column {
  position: relative;
  flex: 0 0 auto;
  width: 25%;
  text-align: center;
  border-right: 1px solid #DBDBDB;
  padding: 32px 16px;
}
@media (max-width: 991px) {
  .solutionListing__column {
    padding: 24px 16px;
  }
}
@media (max-width: 767px) {
  .solutionListing__column {
    border-right: none;
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .solutionListing__column {
    width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .solutionListing__column {
    padding: 24px 16px;
  }
}
@media (min-width: 1400px) {
  .solutionListing__column {
    padding: 40px 24px;
  }
}
.solutionListing__column--link {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.solutionListing__thumbnail {
  position: relative;
  padding-bottom: 50%;
}
@media (min-width: 1600px) {
  .solutionListing__thumbnail {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .solutionListing__thumbnail {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .solutionListing__thumbnail {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .solutionListing__thumbnail {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .solutionListing__thumbnail {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .solutionListing__thumbnail {
    margin-bottom: 11px;
  }
}
@media (max-width: 991px) {
  .solutionListing__thumbnail {
    margin-bottom: 16px;
    padding-bottom: 40%;
  }
}
.solutionListing__thumbnail a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.solutionListing__thumbnail--img {
  position: absolute;
  max-height: 100%;
  width: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.solutionListing__content--label-new {
  display: inline-block;
  color: #e41920;
}
@media (min-width: 1600px) {
  .solutionListing__content--label-new {
    margin-bottom: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .solutionListing__content--label-new {
    margin-bottom: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .solutionListing__content--label-new {
    margin-bottom: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .solutionListing__content--label-new {
    margin-bottom: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .solutionListing__content--label-new {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .solutionListing__content--label-new {
    margin-bottom: 7px;
  }
}
@media (max-width: 991px) {
  .solutionListing__content--label-new {
    margin-bottom: 12px;
  }
}
.solutionListing__content--title {
  position: relative;
  margin-bottom: 0;
  z-index: 4;
}
.solutionListing__content--title a {
  color: #000000;
}
.solutionListing__content--title a:hover {
  color: #e41920;
  text-decoration: none;
}
.solutionListing__content--desc {
  color: #757575;
  height: 58.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
@media (min-width: 1600px) {
  .solutionListing__content--desc {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .solutionListing__content--desc {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .solutionListing__content--desc {
    margin-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .solutionListing__content--desc {
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .solutionListing__content--desc {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .solutionListing__content--desc {
    margin-top: 11px;
  }
}
@media (min-width: 1400px) {
  .solutionListing__content--desc {
    height: 72px;
  }
}
@media (max-width: 991px) {
  .solutionListing__content--desc {
    margin-top: 16px;
  }
}
@media (min-width: 1600px) {
  .solutionListing__content--action {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .solutionListing__content--action {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .solutionListing__content--action {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .solutionListing__content--action {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .solutionListing__content--action {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .solutionListing__content--action {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .solutionListing__content--action {
    margin-top: 16px;
  }
}
.solutionListing__content--action .button {
  position: relative;
  padding: 0;
  z-index: 4;
}

.section__dark .solutionListing__row + .solutionListing__row {
  border-top-color: #383838;
}
@media (min-width: 768px) and (max-width: 991px) {
  .section__dark .solutionListing__row .solutionListing__column {
    border-bottom-color: #383838;
  }
}
.section__dark .solutionListing__column {
  border-right-color: #383838;
}
.section__dark .solutionListing__content--title {
  color: #ffffff;
}
.section__dark .solutionListing__content--title a {
  color: #ffffff;
}
.section__dark .solutionListing__content--title a:hover {
  color: #e41920;
}
.section__dark .solutionListing__content--desc {
  color: #939393;
}

.countdown {
  text-align: center;
}
@media (min-width: 1600px) {
  .countdown-heading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .countdown-heading {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .countdown-heading {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .countdown-heading {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .countdown-heading {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .countdown-heading {
    margin-bottom: 18px;
  }
}
@media (max-width: 991px) {
  .countdown-heading {
    margin-bottom: 24px;
  }
}
.countdown-heading__desc {
  color: #757575;
  margin-top: 16px;
}
.countdown-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 5px 0;
}
@media (max-width: 991px) {
  .countdown-body {
    gap: 8px;
    row-gap: 16px;
  }
}
@media (min-width: 1600px) {
  .countdown-action {
    margin-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .countdown-action {
    margin-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .countdown-action {
    margin-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .countdown-action {
    margin-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .countdown-action {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .countdown-action {
    margin-top: 29px;
  }
}
@media (max-width: 991px) {
  .countdown-action {
    margin-top: 32px;
  }
}
@media (max-width: 765px) and (orientation: landscape) {
  .countdown .col-8 {
    width: 100%;
  }
}
.countdown--separator {
  flex: 0 0 auto;
  margin-left: 12px;
  margin-right: 12px;
}
@media (min-width: 1200px) {
  .countdown--separator {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media (max-width: 991px) {
  .countdown--separator {
    margin-left: 0;
    margin-right: 0;
  }
}
.countdown--separator.separator-desktop {
  display: block;
}
@media (max-width: 991px) {
  .countdown--separator.separator-desktop {
    display: none;
  }
}
.countdown-card {
  flex: 0 0 auto;
  background-color: #F3F4F6;
  border-radius: 10px;
  border-bottom: none;
  padding: 12px 16px;
  width: 130px;
  height: 120px;
  text-align: center;
  box-shadow: 0 0 0 1px #DBDBDB, 0 5px 0 0 #E8E9EB, 0 5px 0 1px #DBDBDB;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .countdown-card {
    padding: 8px 12px;
    width: 110px;
    height: 100px;
  }
}
@media (max-width: 991px) {
  .countdown-card {
    padding: 8px;
    width: calc(50% - 20px);
    height: 70px;
  }
}
.countdown-card__number {
  color: #000000;
}
.countdown-card__time {
  color: #000000;
}
.countdown.countdown__banner {
  margin-top: 0;
}
.countdown.countdown__banner .countdown__banner--image {
  position: relative;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 39.0625%;
}
.countdown.countdown__banner .countdown__banner--image::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #ffffff;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  left: 0;
  bottom: -3px;
}
.countdown.countdown__banner .countdown__banner--image-fluid {
  max-width: 100%;
  height: auto;
  opacity: 0;
}
.countdown.countdown__banner .countdown__container {
  position: relative;
  z-index: 2;
}
@media (min-width: 1600px) {
  .countdown.countdown__banner .countdown__container {
    margin-top: -80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .countdown.countdown__banner .countdown__container {
    margin-top: -67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .countdown.countdown__banner .countdown__container {
    margin-top: -53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .countdown.countdown__banner .countdown__container {
    margin-top: -45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .countdown.countdown__banner .countdown__container {
    margin-top: -40px;
  }
}
@media (max-width: 767px) {
  .countdown.countdown__banner .countdown__container {
    margin-top: -36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .countdown.countdown__banner .countdown__container {
    margin-top: -40px;
  }
}
@media (max-width: 767px) {
  .countdown.countdown__banner .countdown__container {
    margin-top: 0;
  }
}

.countdown.section__gray .countdown-card {
  background-color: #ffffff;
}
.countdown.section__gray .countdown__banner--image::before {
  background: #F3F4F6;
  background: linear-gradient(0deg, rgb(243, 244, 246) 0%, rgba(243, 244, 246, 0) 100%);
}
.countdown.section__dark .countdown-card {
  background-color: #262626;
  box-shadow: 0 0 0 1px #757575, 0 5px 0 0 #757575, 0 5px 0 1px #757575;
}
.countdown.section__dark .countdown-card__number {
  color: #ffffff;
}
.countdown.section__dark .countdown-card__time {
  color: #ffffff;
}
.countdown.section__dark .countdown__banner--image::before {
  background: #000000;
  background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.countdown.countdown__banner {
  padding-top: 0;
}

.downloadBrochure__title {
  margin-bottom: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .downloadBrochure__title {
    margin-bottom: 24px;
  }
}
@media (max-width: 991px) {
  .downloadBrochure__title {
    margin-bottom: 16px;
  }
}
.downloadBrochure__icon {
  background-image: url(../media/svg/pdf-download.svg);
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 25px 32px;
  display: inline-block;
  width: 25px;
  height: 32px;
}
.downloadBrochure__button {
  display: inline-flex;
  color: #000000;
  border: 1px solid #000000;
  border-radius: 5px;
  padding: 12px 32px;
  align-items: center;
  gap: 12px;
}
.downloadBrochure__button:hover {
  text-decoration: none;
  border-color: #e41920;
  color: #e41920;
}
.downloadBrochure.section__dark .downloadBrochure__icon {
  background-image: url(../media/svg/pdf-download-white.svg);
}
.downloadBrochure.section__dark .downloadBrochure__button {
  border-color: #ffffff;
  color: #ffffff;
}
.downloadBrochure.section__dark .downloadBrochure__button:hover {
  text-decoration: none;
  border-color: #e41920;
  color: #e41920;
}

.footnote {
  color: #757575;
}
.footnote p {
  margin-bottom: 10px;
}
.footnote__list {
  padding-left: 20px;
  margin-bottom: 10px;
}
.footnote__list li {
  margin-bottom: 8px;
}
.footnote__content {
  display: inline-block;
  padding: 0 4px;
  vertical-align: top;
  width: calc(100% - 2em);
}
.footnote__backlink {
  font-size: 14px;
  display: inline-block;
  user-select: none;
  vertical-align: sub;
}
.footnote ul.footnote__list {
  list-style: none;
  padding: 0;
}

.section__dark.footnote {
  color: #939393;
}

/* 
Sims - Components
======================================================== */
.simsMastheadDownload {
  text-align: center;
}
@media (min-width: 1600px) {
  .simsMastheadDownload {
    padding: 80px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMastheadDownload {
    padding: 67px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMastheadDownload {
    padding: 53px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMastheadDownload {
    padding: 45px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMastheadDownload {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .simsMastheadDownload {
    padding: 36px 0;
  }
}
.simsMastheadDownload__heading {
  margin-bottom: 0;
}
.simsMastheadDownload__detail {
  display: flex;
  justify-content: center;
  margin-top: 64px;
}
@media (min-width: 1600px) {
  .simsMastheadDownload__detail {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMastheadDownload__detail {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMastheadDownload__detail {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMastheadDownload__detail {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMastheadDownload__detail {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .simsMastheadDownload__detail {
    margin-top: 22px;
  }
}
.simsMastheadDownload__detail--column {
  border-left: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .simsMastheadDownload__detail--column {
    padding-left: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMastheadDownload__detail--column {
    padding-left: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMastheadDownload__detail--column {
    padding-left: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMastheadDownload__detail--column {
    padding-left: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMastheadDownload__detail--column {
    padding-left: 12px;
  }
}
@media (max-width: 767px) {
  .simsMastheadDownload__detail--column {
    padding-left: 11px;
  }
}
@media (min-width: 1600px) {
  .simsMastheadDownload__detail--column {
    margin-left: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMastheadDownload__detail--column {
    margin-left: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMastheadDownload__detail--column {
    margin-left: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMastheadDownload__detail--column {
    margin-left: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMastheadDownload__detail--column {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .simsMastheadDownload__detail--column {
    margin-left: 11px;
  }
}
.simsMastheadDownload__detail--column:first-child {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}
.simsMastheadDownload__detail--label {
  display: block;
  color: #757575;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .simsMastheadDownload__detail--label {
    margin-bottom: 6px;
  }
}
.simsMastheadDownload__detail--content {
  display: block;
  color: #000000;
}
@media (min-width: 1600px) {
  .simsMastheadDownload__action {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMastheadDownload__action {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMastheadDownload__action {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMastheadDownload__action {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMastheadDownload__action {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .simsMastheadDownload__action {
    margin-top: 22px;
  }
}
.simsMastheadDownload__action--disclaimer {
  color: #757575;
}
@media (min-width: 1600px) {
  .simsMastheadDownload__action--disclaimer {
    padding: 0 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMastheadDownload__action--disclaimer {
    padding: 0 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMastheadDownload__action--disclaimer {
    padding: 0 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMastheadDownload__action--disclaimer {
    padding: 0 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMastheadDownload__action--disclaimer {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .simsMastheadDownload__action--disclaimer {
    padding: 0 14px;
  }
}
@media (min-width: 1600px) {
  .simsMastheadDownload__action--disclaimer {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMastheadDownload__action--disclaimer {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMastheadDownload__action--disclaimer {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMastheadDownload__action--disclaimer {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMastheadDownload__action--disclaimer {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .simsMastheadDownload__action--disclaimer {
    margin-top: 14px;
  }
}

.simsMasthead__heading {
  text-align: center;
}
@media (min-width: 1600px) {
  .simsMasthead__heading {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMasthead__heading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMasthead__heading {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMasthead__heading {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMasthead__heading {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .simsMasthead__heading {
    margin-bottom: 22px;
  }
}
.simsMasthead__heading--title {
  margin-bottom: 0;
}
.simsMasthead__heading--subtitle {
  color: #757575;
}
@media (min-width: 1600px) {
  .simsMasthead__heading--subtitle {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMasthead__heading--subtitle {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMasthead__heading--subtitle {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMasthead__heading--subtitle {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMasthead__heading--subtitle {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .simsMasthead__heading--subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 1600px) {
  .simsMasthead__heading--subtitle {
    padding-left: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMasthead__heading--subtitle {
    padding-left: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMasthead__heading--subtitle {
    padding-left: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMasthead__heading--subtitle {
    padding-left: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMasthead__heading--subtitle {
    padding-left: 60px;
  }
}
@media (max-width: 767px) {
  .simsMasthead__heading--subtitle {
    padding-left: 54px;
  }
}
@media (min-width: 1600px) {
  .simsMasthead__heading--subtitle {
    padding-right: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMasthead__heading--subtitle {
    padding-right: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMasthead__heading--subtitle {
    padding-right: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMasthead__heading--subtitle {
    padding-right: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMasthead__heading--subtitle {
    padding-right: 60px;
  }
}
@media (max-width: 767px) {
  .simsMasthead__heading--subtitle {
    padding-right: 54px;
  }
}
.simsMasthead__productRange {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
  row-gap: 24px;
}
@media (min-width: 1600px) {
  .simsMasthead__productRange {
    margin-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMasthead__productRange {
    margin-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMasthead__productRange {
    margin-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMasthead__productRange {
    margin-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMasthead__productRange {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .simsMasthead__productRange {
    margin-top: 29px;
  }
}
@media (min-width: 1600px) {
  .simsMasthead__productRange {
    margin-left: -12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMasthead__productRange {
    margin-left: -10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMasthead__productRange {
    margin-left: -8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMasthead__productRange {
    margin-left: -7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMasthead__productRange {
    margin-left: -6px;
  }
}
@media (max-width: 767px) {
  .simsMasthead__productRange {
    margin-left: -5px;
  }
}
@media (min-width: 1600px) {
  .simsMasthead__productRange {
    margin-right: -12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMasthead__productRange {
    margin-right: -10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMasthead__productRange {
    margin-right: -8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMasthead__productRange {
    margin-right: -7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMasthead__productRange {
    margin-right: -6px;
  }
}
@media (max-width: 767px) {
  .simsMasthead__productRange {
    margin-right: -5px;
  }
}
@media (min-width: 1600px) {
  .simsMasthead__productRange {
    row-gap: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMasthead__productRange {
    row-gap: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMasthead__productRange {
    row-gap: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMasthead__productRange {
    row-gap: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMasthead__productRange {
    row-gap: 12px;
  }
}
@media (max-width: 767px) {
  .simsMasthead__productRange {
    row-gap: 11px;
  }
}
.simsMasthead__productRange--column {
  flex: 0 0 auto;
  width: 20%;
}
@media (min-width: 1600px) {
  .simsMasthead__productRange--column {
    padding-left: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMasthead__productRange--column {
    padding-left: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMasthead__productRange--column {
    padding-left: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMasthead__productRange--column {
    padding-left: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMasthead__productRange--column {
    padding-left: 6px;
  }
}
@media (max-width: 767px) {
  .simsMasthead__productRange--column {
    padding-left: 5px;
  }
}
@media (min-width: 1600px) {
  .simsMasthead__productRange--column {
    padding-right: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMasthead__productRange--column {
    padding-right: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMasthead__productRange--column {
    padding-right: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMasthead__productRange--column {
    padding-right: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMasthead__productRange--column {
    padding-right: 6px;
  }
}
@media (max-width: 767px) {
  .simsMasthead__productRange--column {
    padding-right: 5px;
  }
}
@media (max-width: 991px) {
  .simsMasthead__productRange--column {
    width: 50%;
  }
}
@media (min-width: 1600px) {
  .simsMasthead .tabNavText {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsMasthead .tabNavText {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsMasthead .tabNavText {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsMasthead .tabNavText {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsMasthead .tabNavText {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .simsMasthead .tabNavText {
    margin-bottom: 22px;
  }
}
.simsMasthead.section__gray .simsSearch__input {
  background-color: #ffffff;
}
.simsMasthead.section__dark .simsMasthead__heading--subtitle {
  color: #939393;
}
.simsMasthead.section__dark .simsSearch {
  position: relative;
}
.simsMasthead.section__dark .simsSearch::before {
  color: #ffffff;
}
.simsMasthead.section__dark .simsSearch__input {
  background-color: #262626;
  color: #ffffff;
}
.simsMasthead.section__dark .simsSearch__input::placeholder {
  color: #939393;
}

.additionalInformation {
  overflow: hidden;
}
@media (max-width: 991px) {
  .additionalInformation__container {
    max-width: 100%;
    padding: 0;
  }
}
.additionalInformation__heading {
  text-align: center;
}
@media (min-width: 1600px) {
  .additionalInformation__heading {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .additionalInformation__heading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .additionalInformation__heading {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .additionalInformation__heading {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .additionalInformation__heading {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .additionalInformation__heading {
    margin-bottom: 22px;
  }
}
@media (max-width: 991px) {
  .additionalInformation__heading {
    padding: 0 24px;
  }
}
.additionalInformation__heading--title {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .additionalInformation__swiper.swiper {
    padding-right: 20px;
  }
}
.additionalInformation__swiper .swiper-wrapper {
  width: auto;
  margin-left: -12px;
  margin-right: -12px;
}
@media (max-width: 991px) {
  .additionalInformation__swiper .swiper-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 20px;
  }
}
.additionalInformation__swiper .swiper-slide {
  flex: 0 0 auto;
  width: 33.33333333%;
  padding-left: 12px;
  padding-right: 12px;
  height: auto;
}
@media (max-width: 991px) {
  .additionalInformation__swiper .swiper-slide {
    width: calc(100vw - 100px);
    padding-right: 20px;
    padding-left: 0;
  }
}
.additionalInformation__swiper .swiper-slide.column-sm {
  width: 25%;
}
@media (max-width: 991px) {
  .additionalInformation__swiper .swiper-slide.column-sm {
    width: calc(100vw - 100px);
    padding-right: 20px;
    padding-left: 0;
  }
}
@media (min-width: 1600px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard {
    padding: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard {
    padding: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard {
    padding: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard {
    padding: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard {
    padding: 14px;
  }
}
@media (max-width: 991px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard {
    border-radius: 10px;
  }
}
.additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__icon {
  width: 64px;
  height: 64px;
  font-size: 32px;
  line-height: 32px;
}
@media (min-width: 1600px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__icon {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__icon {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__icon {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__icon {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__icon {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__icon {
    margin-bottom: 14px;
  }
}
@media (min-width: 1400px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__icon {
    width: 72px;
    height: 72px;
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 991px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__icon {
    width: 48px;
    height: 48px;
    font-size: 28px;
    line-height: 28px;
  }
}
.additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__title {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__title {
    margin-bottom: 12px;
  }
}
.additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__action {
  margin-top: 24px;
}
@media (min-width: 1400px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__action {
    margin-top: 32px;
  }
}
@media (max-width: 991px) {
  .additionalInformation__swiper .swiper-slide.column-sm .simsInformationCard__action {
    margin-top: 24px;
  }
}

.noticesListing__heading {
  text-align: center;
}
@media (min-width: 1600px) {
  .noticesListing__heading {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .noticesListing__heading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .noticesListing__heading {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .noticesListing__heading {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .noticesListing__heading {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .noticesListing__heading {
    margin-bottom: 22px;
  }
}
.noticesListing__heading--title {
  margin-bottom: 0;
}
.noticesListing__heading--subtitle {
  color: #757575;
}
@media (min-width: 1600px) {
  .noticesListing__heading--subtitle {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .noticesListing__heading--subtitle {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .noticesListing__heading--subtitle {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .noticesListing__heading--subtitle {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .noticesListing__heading--subtitle {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .noticesListing__heading--subtitle {
    margin-top: 14px;
  }
}
@media (min-width: 1600px) {
  .noticesListing__heading--subtitle {
    padding: 0 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .noticesListing__heading--subtitle {
    padding: 0 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .noticesListing__heading--subtitle {
    padding: 0 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .noticesListing__heading--subtitle {
    padding: 0 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .noticesListing__heading--subtitle {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .noticesListing__heading--subtitle {
    padding: 0 36px;
  }
}
@media (min-width: 1600px) {
  .noticesListing__row {
    row-gap: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .noticesListing__row {
    row-gap: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .noticesListing__row {
    row-gap: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .noticesListing__row {
    row-gap: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .noticesListing__row {
    row-gap: 12px;
  }
}
@media (max-width: 767px) {
  .noticesListing__row {
    row-gap: 11px;
  }
}
.noticesListing__loadMore {
  text-align: center;
}
@media (min-width: 1600px) {
  .noticesListing__loadMore {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .noticesListing__loadMore {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .noticesListing__loadMore {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .noticesListing__loadMore {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .noticesListing__loadMore {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .noticesListing__loadMore {
    margin-top: 22px;
  }
}

.section.section__dark .noticesListing__heading--subtitle {
  color: #939393;
}

@media (min-width: 1600px) {
  .simsProductHeader {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductHeader {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductHeader {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductHeader {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductHeader {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .simsProductHeader {
    margin-bottom: 18px;
  }
}
.simsProductHeader__wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .simsProductHeader__wrapper {
    display: block;
  }
}
.simsProductHeader__divider {
  background-color: #DBDBDB;
  width: 100%;
  height: 1px;
}
@media (min-width: 1600px) {
  .simsProductHeader__divider {
    margin: 48px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductHeader__divider {
    margin: 40px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductHeader__divider {
    margin: 32px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductHeader__divider {
    margin: 27px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductHeader__divider {
    margin: 24px 0;
  }
}
@media (max-width: 767px) {
  .simsProductHeader__divider {
    margin: 22px 0;
  }
}
.simsProductHeader__detail {
  display: flex;
  align-items: center;
  flex: 1;
}
@media (max-width: 991px) {
  .simsProductHeader__detail {
    display: block;
    text-align: center;
    margin-bottom: 32px;
  }
}
.simsProductHeader__detail--title {
  color: #757575;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .simsProductHeader__detail--title {
    margin-bottom: 6px;
  }
}
.simsProductHeader__detail--results {
  color: #757575;
}
@media (min-width: 1600px) {
  .simsProductHeader__detail--results {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductHeader__detail--results {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductHeader__detail--results {
    margin-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductHeader__detail--results {
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductHeader__detail--results {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .simsProductHeader__detail--results {
    margin-top: 11px;
  }
}
.simsProductHeader__detail--image {
  max-width: 90px;
  height: auto;
}
@media (min-width: 1600px) {
  .simsProductHeader__detail--image {
    margin-right: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductHeader__detail--image {
    margin-right: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductHeader__detail--image {
    margin-right: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductHeader__detail--image {
    margin-right: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductHeader__detail--image {
    margin-right: 12px;
  }
}
@media (max-width: 767px) {
  .simsProductHeader__detail--image {
    margin-right: 11px;
  }
}
@media (min-width: 1400px) {
  .simsProductHeader__detail--image {
    max-width: 100px;
  }
}
@media (min-width: 1600px) {
  .simsProductHeader__detail--image {
    max-width: 120px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductHeader__detail--image {
    max-width: 72px;
  }
}
@media (max-width: 991px) {
  .simsProductHeader__detail--image {
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.simsProductHeader__detail--heading {
  margin-bottom: 8px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductHeader__detail--heading {
    font-size: 32px;
    line-height: 34px;
  }
}
.simsProductHeader__detail--action .button {
  padding: 0;
}
.simsProductHeader__detail--series {
  display: block;
  border-bottom: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .simsProductHeader__detail--series {
    padding-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductHeader__detail--series {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductHeader__detail--series {
    padding-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductHeader__detail--series {
    padding-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductHeader__detail--series {
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .simsProductHeader__detail--series {
    padding-bottom: 11px;
  }
}
@media (min-width: 1600px) {
  .simsProductHeader__detail--series {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductHeader__detail--series {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductHeader__detail--series {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductHeader__detail--series {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductHeader__detail--series {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .simsProductHeader__detail--series {
    margin-bottom: 14px;
  }
}
.simsProductHeader__detail--series-heading {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
@media (max-width: 991px) {
  .simsProductHeader__detail--series-heading {
    display: block;
    text-align: center;
  }
}
@media (min-width: 1600px) {
  .simsProductHeader__detail--series-heading .simsProductHeader__detail--image {
    margin-right: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductHeader__detail--series-heading .simsProductHeader__detail--image {
    margin-right: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductHeader__detail--series-heading .simsProductHeader__detail--image {
    margin-right: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductHeader__detail--series-heading .simsProductHeader__detail--image {
    margin-right: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductHeader__detail--series-heading .simsProductHeader__detail--image {
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .simsProductHeader__detail--series-heading .simsProductHeader__detail--image {
    margin-right: 7px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductHeader__detail--series-heading .simsProductHeader__detail--image {
    max-width: 90px;
  }
}
@media (max-width: 991px) {
  .simsProductHeader__detail--series-heading .simsProductHeader__detail--image {
    margin-right: 0;
    margin-bottom: 12px;
  }
}
.simsProductHeader__detail--series-content {
  flex: 1;
  align-content: center;
}
@media (max-width: 991px) {
  .simsProductHeader__detail--series-content {
    flex: 0 0 auto;
    width: 100%;
  }
}
.simsProductHeader__detail--series-label {
  color: #757575;
  margin-bottom: 8px;
}
.simsProductHeader__detail--series-model {
  display: block;
}
@media (min-width: 1600px) {
  .simsProductHeader__detail--series-model {
    margin-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductHeader__detail--series-model {
    margin-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductHeader__detail--series-model {
    margin-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductHeader__detail--series-model {
    margin-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductHeader__detail--series-model {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .simsProductHeader__detail--series-model {
    margin-top: 29px;
  }
}
@media (max-width: 991px) {
  .simsProductHeader__detail--series-model {
    margin-top: 24px;
  }
}
.simsProductHeader__detail--series-model-title {
  margin-bottom: 8px;
  color: #000000;
}
.simsProductHeader__detail--series-model-results {
  color: #757575;
}
.simsProductHeader__action {
  display: flex;
  align-items: center;
}
.simsProductHeader__action .button {
  padding: 11px 24px;
}
@media (min-width: 1400px) {
  .simsProductHeader__action .button {
    padding: 16.5px 32px;
  }
}
@media (max-width: 991px) {
  .simsProductHeader__action .button {
    display: flex;
    flex: 1;
    justify-content: center;
  }
}
.simsProductHeader__action--share {
  position: relative;
  z-index: 4;
}
@media (min-width: 1600px) {
  .simsProductHeader__action--share {
    margin-left: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductHeader__action--share {
    margin-left: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductHeader__action--share {
    margin-left: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductHeader__action--share {
    margin-left: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductHeader__action--share {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .simsProductHeader__action--share {
    margin-left: 11px;
  }
}
.simsProductHeader__action--share-icon {
  position: relative;
  background-color: #F3F4F6;
  width: 52px;
  height: 52px;
  font-size: 22px;
  line-height: 22px;
  border-radius: 50%;
  border: none;
  padding: 0;
}
@media (min-width: 1400px) {
  .simsProductHeader__action--share-icon {
    width: 60px;
    height: 60px;
    font-size: 24px;
    line-height: 24px;
  }
}
@media (max-width: 991px) {
  .simsProductHeader__action--share-icon {
    width: 44px;
    height: 44px;
    font-size: 18px;
    line-height: 18px;
  }
}
.simsProductHeader__action--share-icon [class^=ci-], .simsProductHeader__action--share-icon [class*=" ci-"] {
  position: absolute;
  font-size: 22px;
  line-height: 22px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1400px) {
  .simsProductHeader__action--share-icon [class^=ci-], .simsProductHeader__action--share-icon [class*=" ci-"] {
    font-size: 24px;
    line-height: 24px;
  }
}
@media (max-width: 991px) {
  .simsProductHeader__action--share-icon [class^=ci-], .simsProductHeader__action--share-icon [class*=" ci-"] {
    font-size: 18px;
    line-height: 18px;
  }
}
.simsProductHeader__action--share-icon .action--share-icon-default {
  opacity: 1;
}
.simsProductHeader__action--share-icon .action--share-icon-close {
  opacity: 0;
}
.simsProductHeader__action--share-icon.active, .simsProductHeader__action--share-icon:hover {
  background-color: #E8E9EB;
}
.simsProductHeader__action--share-icon.active .action--share-icon-default {
  opacity: 0;
}
.simsProductHeader__action--share-icon.active .action--share-icon-close {
  opacity: 1;
}
.simsProductHeader__action--share-dropdown {
  position: absolute;
  right: 0;
  transform: translateY(-10px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 10;
  width: 52px;
  top: 56px;
}
@media (min-width: 1400px) {
  .simsProductHeader__action--share-dropdown {
    width: 60px;
    top: 64px;
  }
}
@media (max-width: 991px) {
  .simsProductHeader__action--share-dropdown {
    width: 44px;
    height: 44px;
    top: 48px;
  }
}
.simsProductHeader__action--share-dropdown.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.simsProductHeader__action--share-dropdown .share__link {
  width: 52px;
  height: 52px;
  background-color: #E8E9EB;
  margin-right: 0;
}
@media (min-width: 1400px) {
  .simsProductHeader__action--share-dropdown .share__link {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 991px) {
  .simsProductHeader__action--share-dropdown .share__link {
    width: 44px;
    height: 44px;
  }
}
.simsProductHeader__action--share-dropdown .share__link svg {
  width: 22px;
  height: 22px;
}
@media (min-width: 1400px) {
  .simsProductHeader__action--share-dropdown .share__link svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 991px) {
  .simsProductHeader__action--share-dropdown .share__link svg {
    width: 18px;
    height: 18px;
  }
}

/*
Event - Components
======================================================== */
.pastEvent {
  position: relative;
}
@media (max-width: 991px) {
  .pastEvent__container--fluid {
    max-width: 100%;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .pastEvent__products .swiper {
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  .pastEvent__products .swiper-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 20px;
  }
}
.pastEvent__products .swiper-slide {
  height: auto;
}
@media (max-width: 991px) {
  .pastEvent__products .swiper-slide {
    padding-right: 10px;
    width: calc(100vw - 56px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pastEvent__products .swiper-slide {
    width: calc(100vw - 112px);
  }
}
@media (max-width: 767px) {
  .pastEvent__products .swiper-slide {
    width: calc(100vw - 56px);
  }
}
.pastEvent__navigation {
  justify-content: center;
  padding-top: 64px;
}
@media (max-width: 991px) {
  .pastEvent__navigation {
    display: none !important;
  }
}
.pastEvent .carousel-dots {
  background-color: #F3F4F6;
}
.pastEvent .carousel__nav--button {
  background-color: #F3F4F6;
}
.pastEvent .carousel__nav--button:hover {
  background-color: #e41920;
}
.pastEvent .carousel__nav--button.swiper-button-disabled {
  opacity: 0.4;
}
.pastEvent .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
}
.pastEvent__action {
  text-align: center;
  margin-top: 64px;
}
@media (max-width: 991px) {
  .pastEvent__action {
    margin-top: 32px;
  }
}

.section__gray.pastEvent .carousel-dots {
  background-color: #ffffff;
}
.section__gray.pastEvent .carousel__nav--button {
  background-color: #ffffff;
}
.section__gray.pastEvent .carousel__nav--button:hover {
  background-color: #e41920;
}
.section__gray.pastEvent .carousel__nav--button.swiper-button-disabled {
  opacity: 0.3;
}
.section__gray.pastEvent .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #ffffff;
}

.section__dark.pastEvent .carousel-dots {
  background-color: #262626;
}
.section__dark.pastEvent .carousel__nav--button {
  background-color: #262626;
  color: #ffffff;
}
.section__dark.pastEvent .carousel__nav--button.swiper-button-disabled {
  opacity: 0.5;
}
.section__dark.pastEvent .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #262626;
}
.section__dark.pastEvent .carousel-dots .swiper-pagination-bullet::before {
  background-color: #757575;
}
.section__dark.pastEvent .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #ffffff;
}

.eventPeople {
  position: relative;
}
@media (max-width: 991px) {
  .eventPeople__container--fluid {
    max-width: 100%;
    padding: 0;
  }
}
@media (max-width: 991px) {
  .eventPeople__events .swiper {
    padding-right: 30px;
  }
}
@media (max-width: 991px) {
  .eventPeople__events .swiper-wrapper {
    width: 100%;
    margin: 0;
    padding-left: 20px;
  }
}
.eventPeople__events .swiper-slide {
  height: auto;
}
@media (max-width: 991px) {
  .eventPeople__events .swiper-slide {
    padding-right: 10px;
    width: calc(100vw - 56px);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventPeople__events .swiper-slide {
    width: calc(100vw - 112px);
  }
}
@media (max-width: 767px) {
  .eventPeople__events .swiper-slide {
    width: calc(100vw - 56px);
  }
}
.eventPeople__navigation {
  justify-content: center;
  padding-top: 64px;
}
@media (max-width: 991px) {
  .eventPeople__navigation {
    display: none !important;
  }
}
.eventPeople .carousel-dots {
  background-color: #F3F4F6;
}
.eventPeople .carousel__nav--button {
  background-color: #F3F4F6;
}
.eventPeople .carousel__nav--button:hover {
  background-color: #e41920;
}
.eventPeople .carousel__nav--button.swiper-button-disabled {
  opacity: 0.4;
}
.eventPeople .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #F3F4F6;
}
.eventPeople__action {
  text-align: center;
  margin-top: 64px;
}
@media (max-width: 991px) {
  .eventPeople__action {
    margin-top: 32px;
  }
}

.section__gray.eventPeople .carousel-dots {
  background-color: #ffffff;
}
.section__gray.eventPeople .carousel__nav--button {
  background-color: #ffffff;
}
.section__gray.eventPeople .carousel__nav--button:hover {
  background-color: #e41920;
}
.section__gray.eventPeople .carousel__nav--button.swiper-button-disabled {
  opacity: 0.3;
}
.section__gray.eventPeople .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #ffffff;
}

.section__dark.eventPeople .carousel-dots {
  background-color: #262626;
}
.section__dark.eventPeople .carousel__nav--button {
  background-color: #262626;
  color: #ffffff;
}
.section__dark.eventPeople .carousel__nav--button.swiper-button-disabled {
  opacity: 0.5;
}
.section__dark.eventPeople .carousel__nav--button.swiper-button-disabled:hover {
  background-color: #262626;
}
.section__dark.eventPeople .carousel-dots .swiper-pagination-bullet::before {
  background-color: #757575;
}
.section__dark.eventPeople .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #ffffff;
}
.section__dark.eventPeople .carousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: #e41920;
}

.eventDisclaimer {
  position: relative;
}
.eventDisclaimer__title {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .eventDisclaimer__title {
    margin-bottom: 24px;
  }
}
.eventDisclaimer__listing {
  margin: 0;
  padding: 0;
}
.eventDisclaimer__listing--item {
  position: relative;
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0 0 16px 72px;
  border-bottom: 1px solid #E5E5E5;
}
@media (max-width: 991px) {
  .eventDisclaimer__listing--item {
    margin: 0 0 16px 0;
    padding: 0 0 16px 36px;
  }
}
.eventDisclaimer__listing--item:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .eventDisclaimer__listing--item {
    padding-right: 20%;
  }
}
@media (min-width: 1400px) {
  .eventDisclaimer__listing--item {
    padding-right: 40%;
  }
}
.eventDisclaimer__listing--item-number {
  position: absolute;
  top: 0;
  left: 0;
}

.event-gallery__modal .modal-dialog {
  max-width: 100%;
  margin: 0;
}
.event-gallery__modal .modal-content {
  border: none;
  border-radius: 0;
  height: 100vh;
  background: #F3F4F6;
}
.event-gallery__modal .modal-header {
  border: none;
  position: absolute;
  top: 0;
  right: 20px;
  z-index: 10;
}
.event-gallery__modal-close {
  position: absolute;
  background-color: #ffffff;
  width: 60px;
  height: 60px;
  font-size: 24px;
  line-height: 24px;
  border-radius: 50%;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  top: 32px;
  right: 32px;
  z-index: 10;
}
@media (max-width: 991px) {
  .event-gallery__modal-close {
    width: 46px;
    height: 46px;
    font-size: 18px;
    line-height: 18px;
    margin-left: 0;
    margin-top: 16px;
    margin-bottom: 16px;
    top: 0;
    right: 0;
  }
}
.event-gallery__modal-close i {
  color: #000000;
}
.event-gallery__modal-close i:hover {
  color: #e41920;
}
.event-gallery__modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
@media (max-width: 767px) {
  .event-gallery__modal-body {
    justify-content: center;
  }
}
.event-gallery__modal-title {
  position: absolute;
  max-width: 421px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  margin-top: 48px;
}
@media (max-width: 767px) {
  .event-gallery__modal-title {
    position: relative;
    min-height: 56px;
    top: 0;
    max-width: 320px;
    margin-top: 70px;
  }
}
.event-gallery__modal-swiper {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .event-gallery__modal-swiper {
    align-content: center;
    height: 470px;
  }
}
.event-gallery__modal-swiper .swiper-wrapper {
  align-items: center;
}
.event-gallery__modal-swiper .swiper-slide {
  align-items: center;
  transition: all 0.4s ease;
}
.event-gallery__modal-swiper .swiper-slide img {
  border-radius: 20px;
  object-fit: cover;
  transition: all 0.4s ease;
}
.event-gallery__modal-swiper .swiper-slide img {
  height: 516px;
}
@media (max-width: 767px) {
  .event-gallery__modal-swiper .swiper-slide img {
    height: 416px;
  }
}
.event-gallery__modal-swiper .swiper-slide-next img {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.event-gallery__modal-swiper .swiper-slide-prev img {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.event-gallery__modal-swiper .swiper-slide-prev img,
.event-gallery__modal-swiper .swiper-slide-next img {
  width: 702px;
}
.event-gallery__modal-swiper .swiper-slide-active img {
  width: 421px;
}
.event-gallery__modal__thumbnail {
  position: relative;
  background-color: transparent;
  padding-bottom: 107.565321%;
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
  height: 100%;
  cursor: pointer;
}
@media (max-width: 991px) {
  .event-gallery__modal__thumbnail {
    border-radius: 10px;
  }
}
.event-gallery__modal__image {
  position: absolute;
  max-width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.event-gallery__modal__image.img-portrait {
  max-width: none;
  width: auto;
  max-height: 100%;
}
.event-gallery__modal__image.img-landscape {
  max-width: 100%;
  height: auto;
}
.event-gallery__modal-thumb {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
}
.event-gallery__modal-thumb .event-gallery__thumb-next,
.event-gallery__modal-thumb .event-gallery__thumb-prev {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  z-index: 10;
  background-color: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  border: none;
}
@media (max-width: 767px) {
  .event-gallery__modal-thumb .event-gallery__thumb-next,
  .event-gallery__modal-thumb .event-gallery__thumb-prev {
    top: 43%;
  }
}
.event-gallery__modal-thumb .event-gallery__thumb-next.swiper-button-disabled {
  display: none;
}
.event-gallery__modal-thumb .event-gallery__thumb-prev.swiper-button-disabled {
  display: none;
}
.event-gallery__modal-thumb .event-gallery__thumb-next:hover,
.event-gallery__modal-thumb .event-gallery__thumb-prev:hover {
  background: #e41920;
  color: #ffffff;
}
.event-gallery__modal-thumb .event-gallery__thumb-prev {
  left: -52px;
}
.event-gallery__modal-thumb .event-gallery__thumb-next {
  right: -52px;
}
.event-gallery__modal-thumb .thumbs-swiper {
  flex: 1;
  margin-top: 16px;
  height: 100px;
  max-width: 400px;
}
@media (max-width: 767px) {
  .event-gallery__modal-thumb .thumbs-swiper {
    max-width: 250px;
  }
}
.event-gallery__modal-thumb .thumbs-swiper img {
  width: 64px;
  height: 67px;
  object-fit: cover;
  border-radius: 10px;
  padding: 4px;
}
.event-gallery__modal-thumb .thumbs-swiper .swiper-slide {
  width: 67px;
  height: 70px;
  cursor: pointer;
}
.event-gallery__modal-thumb .thumbs-swiper .swiper-slide-thumb-active {
  border: 2px solid #000000;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .event-gallery__modal-thumb .thumbs-swiper .swiper-slide-thumb-active {
    border: 1px solid #000000;
  }
}

@media (min-width: 1600px) {
  .events-registration .modal-body {
    padding-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .events-registration .modal-body {
    padding-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .events-registration .modal-body {
    padding-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .events-registration .modal-body {
    padding-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-registration .modal-body {
    padding-top: 24px;
  }
}
@media (max-width: 767px) {
  .events-registration .modal-body {
    padding-top: 22px;
  }
}
@media (min-width: 1600px) {
  .events-registration .modal-body {
    padding-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .events-registration .modal-body {
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .events-registration .modal-body {
    padding-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .events-registration .modal-body {
    padding-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-registration .modal-body {
    padding-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .events-registration .modal-body {
    padding-bottom: 22px;
  }
}
@media (max-width: 991px) {
  .events-registration .modal-body {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
@media (min-width: 1600px) {
  .events-registration__type {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .events-registration__type {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .events-registration__type {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .events-registration__type {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-registration__type {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .events-registration__type {
    margin-bottom: 14px;
  }
}
@media (max-width: 991px) {
  .events-registration__type {
    padding-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .events-registration__type .row .events-registration__type--column + .events-registration__type--column {
    margin-top: 12px;
  }
}
.events-registration__type--card {
  background-color: #F3F4F6;
  border: 1px solid transparent;
  border-radius: 10px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.events-registration__type--card:hover {
  border: 1px solid #939393;
}
.events-registration__type--card:has(.radio__input:checked) {
  color: #e41920;
  border: 1px solid #e41920;
}
.events-registration__type--card .radio {
  display: block;
}
@media (min-width: 1600px) {
  .events-registration__type--card .radio {
    padding: 24px 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .events-registration__type--card .radio {
    padding: 20px 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .events-registration__type--card .radio {
    padding: 16px 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .events-registration__type--card .radio {
    padding: 13px 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-registration__type--card .radio {
    padding: 12px 16px;
  }
}
@media (max-width: 767px) {
  .events-registration__type--card .radio {
    padding: 11px 14px;
  }
}
@media (max-width: 991px) {
  .events-registration__type--card .radio {
    padding: 16px 24px;
  }
}
.events-registration__type--card .radio .radio__checkmark {
  border: 1px solid #939393;
  top: 12px;
  left: 16px;
}
@media (max-width: 991px) {
  .events-registration__type--card .radio .radio__checkmark {
    top: 12px;
    left: 12px;
  }
}
.events-registration__type--card .radio .radio__input:checked ~ .radio__checkmark {
  border: 1px solid #e41920;
}
.events-registration__schedule--title {
  color: #000000;
  margin-bottom: 24px;
}
.events-registration__schedule--card {
  overflow: hidden;
  background-color: #F3F4F6;
  border-radius: 14px;
  padding-left: 48px;
}
@media (min-width: 1400px) {
  .events-registration__schedule--card {
    padding-left: 64px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .events-registration__schedule--card {
    padding-left: 40px;
  }
}
@media (max-width: 991px) {
  .events-registration__schedule--card {
    padding-left: 50px;
  }
}
.events-registration__schedule--card + .events-registration__schedule--card {
  margin-top: 16px;
}
@media (max-width: 991px) {
  .events-registration__schedule--card + .events-registration__schedule--card {
    margin-top: 12px;
  }
}
@media (min-width: 1600px) {
  .events-registration__schedule--card.schedule-single {
    padding-left: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .events-registration__schedule--card.schedule-single {
    padding-left: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .events-registration__schedule--card.schedule-single {
    padding-left: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .events-registration__schedule--card.schedule-single {
    padding-left: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-registration__schedule--card.schedule-single {
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .events-registration__schedule--card.schedule-single {
    padding-left: 14px;
  }
}
@media (max-width: 991px) {
  .events-registration__schedule--card.schedule-single {
    padding-left: 24px;
  }
}
.events-registration__schedule--card:has(.radio__input:disabled) .radio {
  color: #939393;
  cursor: not-allowed;
}
.events-registration__schedule--card:has(.radio__input:disabled) .radio .events-registration__closed {
  display: inline-block;
  margin-bottom: 4px;
  color: #939393;
  border: 1px solid #939393;
  padding: 2px 7px;
  border-radius: 5px;
  font-size: 16px;
}
.events-registration__schedule--card:has(.radio__input:disabled) .events-registration__schedule--card-content-title {
  color: #939393;
}
.events-registration__schedule--card:has(.radio__input:disabled) .events-registration__schedule--card-content-time {
  color: #939393;
}
.events-registration__schedule--card:has(.radio__input:disabled) .events-registration__schedule--card-content-time-data [class^=ci-] {
  color: #939393;
}
.events-registration__schedule--card-title {
  position: relative;
  padding-right: 48px;
  cursor: pointer;
}
@media (min-width: 1400px) {
  .events-registration__schedule--card-title {
    padding-right: 64px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .events-registration__schedule--card-title {
    padding-right: 40px;
  }
}
@media (max-width: 991px) {
  .events-registration__schedule--card-title {
    padding-right: 48px;
  }
}
.events-registration__schedule--card-title .radio {
  position: relative;
  display: block;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 991px) {
  .events-registration__schedule--card-title .radio {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.events-registration__schedule--card-title .radio .radio__checkmark {
  top: 29px;
  left: -32px;
}
@media (min-width: 1400px) {
  .events-registration__schedule--card-title .radio .radio__checkmark {
    left: -32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .events-registration__schedule--card-title .radio .radio__checkmark {
    left: -26px;
  }
}
@media (max-width: 991px) {
  .events-registration__schedule--card-title .radio .radio__checkmark {
    top: 20px;
    left: -30px;
  }
}
.events-registration__schedule--card-title-button {
  position: absolute;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  top: 0;
  right: 0;
  font-size: 18px;
  line-height: 18px;
  width: 48px;
  height: 100%;
  z-index: 2;
}
@media (min-width: 1400px) {
  .events-registration__schedule--card-title-button {
    width: 64px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .events-registration__schedule--card-title-button {
    width: 40px;
  }
}
@media (max-width: 991px) {
  .events-registration__schedule--card-title-button {
    width: 48px;
  }
}
.events-registration__schedule--card-title-button::before, .events-registration__schedule--card-title-button::after {
  display: none;
  font-family: "canonIcon" !important;
  content: "\ec5b";
}
.events-registration__schedule--card-title-button::after {
  display: block;
  content: "\ec6c";
}
.events-registration__schedule--card-title-button.collapsed::before {
  display: block;
}
.events-registration__schedule--card-title-button.collapsed::after {
  display: none;
}
.events-registration__schedule--card-content {
  border-top: 1px solid #DBDBDB;
  padding: 24px;
  padding-left: 0;
}
@media (max-width: 991px) {
  .events-registration__schedule--card-content {
    padding: 16px;
    padding-left: 0;
  }
}
.events-registration__schedule--card-content-group + .events-registration__schedule--card-content-group {
  margin-top: 24px;
}
.events-registration__schedule--card-content-title {
  color: #000000;
  margin-bottom: 12px;
}
.events-registration__schedule--card-content-time {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  row-gap: 8px;
}
@media (max-width: 991px) {
  .events-registration__schedule--card-content-time {
    gap: 8px;
  }
}
.events-registration__schedule--card-content-time-data {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 auto;
  color: #757575;
  align-items: center;
  gap: 16px;
  row-gap: 8px;
}
@media (max-width: 991px) {
  .events-registration__schedule--card-content-time-data {
    max-width: 100%;
    gap: 8px;
  }
}
.events-registration__schedule--card-content-time-data .span-wrapper {
  flex: 0 0 auto;
  height: 100%;
  align-content: center;
}
@media (max-width: 991px) {
  .events-registration__schedule--card-content-time-data .span-wrapper {
    height: auto;
  }
}
.events-registration__schedule--card-content-time-data .time-data-dash {
  position: relative;
  background-color: #000000;
  width: 20px;
  height: 1px;
  vertical-align: middle;
  margin-bottom: -5px;
}
.events-registration__schedule--card-content-time-data [class^=ci-], .events-registration__schedule--card-content-time-data [class*=" ci-"] {
  position: relative;
  color: #000000;
  margin-right: 4px;
  top: 2px;
}
@media (min-width: 1600px) {
  .events-registration__captcha {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .events-registration__captcha {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .events-registration__captcha {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .events-registration__captcha {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .events-registration__captcha {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .events-registration__captcha {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .events-registration__captcha {
    margin-top: 16px;
  }
}

@media (min-width: 1600px) {
  .event-filter {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .event-filter {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .event-filter {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .event-filter {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-filter {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .event-filter {
    margin-bottom: 18px;
  }
}
.event-filter__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}
@media (max-width: 991px) {
  .event-filter__row {
    gap: 6px;
  }
}
.event-filter__column {
  flex: 1;
}
@media (max-width: 991px) {
  .event-filter__column {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
  }
}
.event-filter__column--label {
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .event-filter__column--label {
    display: block;
    margin-bottom: 4px;
  }
}
.event-filter__column--price {
  flex: 0 0 auto;
  width: 180px;
  max-width: 180px;
}
@media (max-width: 991px) {
  .event-filter__column--price {
    width: 100%;
    max-width: 100%;
  }
}
.event-filter__right {
  text-align: right;
  height: 100%;
  align-content: end;
}
@media (max-width: 991px) {
  .event-filter__right {
    text-align: left;
  }
}

.select2-container .event-filter__select.select2-selection--single {
  height: auto;
}
.select2-container .event-filter__select.select__gray {
  border: 1px solid #E8E9EB;
  border-radius: 8px;
}
.select2-container .event-filter__select.select__selection .select2-selection__rendered {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 20px;
  padding-right: 68px;
}
@media (max-width: 991px) {
  .select2-container .event-filter__select.select__selection .select2-selection__rendered {
    padding-left: 16px;
    padding-right: 60px;
  }
}
.select2-container .event-filter__select.select__selection .select2-selection__arrow {
  right: 20px;
}
@media (max-width: 991px) {
  .select2-container .event-filter__select.select__selection .select2-selection__arrow {
    width: 18px;
    height: 18px;
    right: 16px;
  }
}
.select2-container .event-filter__select.select__selection .select2-selection__arrow::before, .select2-container .event-filter__select.select__selection .select2-selection__arrow::after {
  font-size: 18px;
  line-height: 18px;
}
.select2-container .event-filter__select.select__selection .select2-selection__clear {
  right: 46px;
}
@media (max-width: 991px) {
  .select2-container .event-filter__select.select__selection .select2-selection__clear {
    width: 16px;
    height: 16px;
    right: 36px;
  }
}
@media (max-width: 991px) {
  .select2-container .event-filter__select.select__selection .select2-selection__clear::before, .select2-container .event-filter__select.select__selection .select2-selection__clear::after {
    width: 12px;
  }
}

.select2-container .select__dropdown.event-filter__dropdown {
  margin-top: 6px;
}
.select2-container .select__dropdown.event-filter__dropdown .select2-results__option {
  padding: 12px 20px;
}
.select2-container .select__dropdown.select2-dropdown--above.event-filter__dropdown {
  margin-top: -6px;
}

.event-list .select2-container--default .event-filter__select.select2-selection--single,
.section__gray .select2-container--default .event-filter__select.select2-selection--single {
  background-color: #ffffff;
}

/* 
PARTIALS - Header, Footer etc
======================================================== */
.header {
  position: relative;
  background-color: transparent;
  color: #939393;
  z-index: 100;
}
@media (max-width: 991px) {
  .header {
    background-color: #ffffff;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
  }
}
.header__wrapper {
  background-color: #F3F4F6;
  position: relative;
  width: 100%;
  transition: all 0.3s ease-in-out;
  box-shadow: 4px 4px 48px 0px rgba(0, 0, 0, 0.08);
}
@media (max-width: 991px) {
  .header__wrapper {
    background-color: #ffffff;
  }
}
.header__wrapper.sticky {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 99;
}
@media (min-width: 992px) {
  .header__wrapper.sticky .header__navbar--button {
    background: none;
    border: 1px solid #000000;
    color: #000000;
  }
}
@media (min-width: 992px) {
  .header__wrapper.sticky .header__navbar--button:hover {
    border: 1px solid #e41920;
    color: #e41920;
  }
}
.header__wrapper.hide {
  top: -90px;
}
@media (max-width: 991px) {
  .header__wrapper.hide {
    top: 0 !important;
  }
}
@media (max-width: 991px) {
  .header__wrapper .container {
    padding: 0;
  }
}
.header__main {
  padding: 24px 0;
}
@media (max-width: 991px) {
  .header__main {
    background-color: #ffffff;
    padding: 14px 20px;
  }
}
.header__brand {
  position: relative;
}
.header__brand--link {
  display: inline-block;
}
.header__brand--logo {
  width: 109px;
  height: auto;
}
@media (max-width: 991px) {
  .header__brand--logo {
    width: 92px;
    height: auto;
  }
}
.header__brand--region {
  font-size: 16px;
  line-height: normal;
  color: #939393;
  margin-left: 32px;
}
@media (max-width: 991px) {
  .header__brand--region {
    display: none;
  }
}
.header__business--logo {
  width: 185px;
  height: 17px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__business--logo {
    width: 142px;
    height: 13px;
  }
}
.header__business--logo.desktop-logo {
  display: inline-block;
}
@media (max-width: 991px) {
  .header__business--logo.desktop-logo {
    display: none;
  }
}
.header__business--logo.mobile-logo {
  display: none;
  position: absolute;
  top: 4px;
  left: 0;
}
@media (max-width: 991px) {
  .header__business--logo.mobile-logo {
    display: block;
  }
}
.header__attribute {
  text-align: right;
}
.header__attribute--site-mobile {
  display: none;
}
@media (max-width: 991px) {
  .header__attribute--site-mobile {
    display: block;
  }
}
@media (max-width: 991px) {
  .header__attribute--site-mobile .header__attribute--site-dropdown.show {
    margin-top: 12px !important;
  }
}
.header__attribute--site-button {
  background: none;
  border: none;
  color: #939393;
  font-size: 14px;
  line-height: 14px;
}
.header__attribute--site-button::after {
  font-family: "canonIcon" !important;
  content: "\ec5b";
  vertical-align: middle;
  border: none;
  font-size: 16px;
  line-height: 16px;
  margin-left: 8px;
}
.header__attribute--site-button:hover {
  color: #e41920;
  text-decoration: none;
}
.header__attribute--site-dropdown {
  background-color: #ffffff;
}
.header__attribute--site-dropdown .dropdown-item {
  color: #000000;
  padding: 7px 20px;
}
.header__attribute--site-dropdown .dropdown-item.active {
  background-color: transparent;
  color: #000000;
}
.header__attribute--site-dropdown .dropdown-item:hover {
  color: #e41920;
  text-decoration: none;
  background-color: transparent;
}
.header__attribute--site-link {
  font-size: 16px;
  line-height: normal;
  color: #939393;
  margin-left: 16px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__attribute--site-link {
    margin-left: 12px;
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .header__attribute--site-link {
    display: none;
  }
}
.header__attribute--site-link.active {
  color: #000000;
  font-weight: 700;
}
.header__attribute--site-link.active:hover {
  text-decoration: none;
  color: #000000;
}
.header__attribute--site-link:hover {
  text-decoration: none;
  color: #e41920;
}
.header__attribute--item {
  border-left: 1px solid #939393;
  padding-left: 32px;
  margin-left: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__attribute--item {
    padding-left: 16px;
    margin-left: 16px;
  }
}
@media (max-width: 991px) {
  .header__attribute--item {
    border-left: none;
    padding-left: 0;
    margin-left: 14px;
  }
}
.header__attribute--item.header__cps {
  border-left: none;
  padding-left: 0;
}
.header__attribute--search-button {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  color: #939393;
  font-size: 19px;
  line-height: 19px;
  top: 2px;
}
@media (max-width: 991px) {
  .header__attribute--search-button {
    font-size: 16px;
    line-height: 16px;
  }
}
.header__attribute--language {
  display: inline-block;
  margin-left: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__attribute--language {
    margin-left: 16px;
  }
}
@media (max-width: 991px) {
  .header__attribute--language {
    display: none;
  }
}
.header__attribute--language-button {
  background: none;
  border: none;
  color: #939393;
  font-size: 15px;
  line-height: 15px;
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__attribute--language-button {
    font-size: 14px;
    line-height: 14px;
  }
}
.header__attribute--language-button:hover {
  color: #e41920;
  text-decoration: none;
}
.header__attribute--language-button.active {
  color: #e41920;
}
.header__attribute--language-button.dropdown-toggle::after {
  font-family: "canonIcon" !important;
  content: "\ec5b";
  vertical-align: 0;
  border: none;
  font-size: 13px;
  line-height: 13px;
  margin-left: 8px;
}
.header__attribute--language-button.dropdown-toggle.show::after {
  content: "\ec6c";
}
.header__attribute--language-dropdown {
  background-color: #ffffff;
}
.header__attribute--language-dropdown .dropdown-item {
  color: #000000;
  font-size: 14px;
}
.header__attribute--language-dropdown .dropdown-item.active {
  background-color: transparent;
  color: #000000;
}
.header__attribute--language-dropdown .dropdown-item:hover {
  color: #e41920;
  text-decoration: none;
  background-color: transparent;
}
.header__attribute--hamburger-menu {
  position: relative;
  display: none;
  background-color: transparent;
  width: 24px;
  height: 8px;
  margin-left: 14px;
}
@media (max-width: 991px) {
  .header__attribute--hamburger-menu {
    display: inline-block;
  }
}
.header__attribute--hamburger-menu-button {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: none;
  border: none;
}
.header__attribute--hamburger-menu-button.menu-collapsed {
  display: block;
}
.header__attribute--hamburger-menu-button.menu-collapsed::before, .header__attribute--hamburger-menu-button.menu-collapsed::after {
  position: absolute;
  content: "";
  background-color: #939393;
  display: block;
  width: 100%;
  height: 1px;
  border-radius: 3px;
  left: 0;
  top: 0;
}
.header__attribute--hamburger-menu-button.menu-collapsed::after {
  top: auto;
  bottom: 0;
}
.header__attribute--hamburger-menu-button.menu-collapsed.hide {
  display: none;
}
.header__attribute--hamburger-menu-button.menu-collapse {
  display: none;
}
.header__attribute--hamburger-menu-button.menu-collapse::before {
  position: absolute;
  content: "";
  background-color: #939393;
  display: block;
  width: 100%;
  height: 1px;
  border-radius: 3px;
  left: 0;
  top: 3.5px;
}
.header__attribute--hamburger-menu-button.menu-collapse.show {
  display: block;
}
.header__navbar {
  background-color: #ffffff;
  padding: 13px 0;
  height: 72px;
  align-content: center;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__navbar {
    padding: 0;
    height: 57px;
  }
}
@media (max-width: 991px) {
  .header__navbar {
    background-color: transparent;
    display: none;
    position: fixed;
    height: 100vh;
    width: 100%;
    padding: 0;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 4;
  }
}
@media (max-width: 991px) {
  .header__navbar.show {
    display: block;
  }
}
@media (max-width: 991px) {
  .header__navbar .header__navbar--container {
    position: relative;
    background-color: #ffffff;
    max-width: 100%;
    height: 100%;
    padding: 20px;
    left: -100%;
    top: 0;
    transition: all 0.3s ease-in-out;
  }
}
@media (max-width: 991px) {
  .header__navbar .header__navbar--container.slide {
    left: 0;
  }
}
@media (max-width: 991px) {
  .header__navbar--wrapper {
    position: relative;
    display: block !important;
    height: 100%;
  }
}
.header__navbar--close {
  display: none;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .header__navbar--close {
    display: flex;
  }
}
.header__navbar--close-back {
  background: none;
  border: none;
  font-size: 16px;
  line-height: 16px;
  padding: 0;
  position: relative;
  top: 3px;
}
.header__navbar--close-hide {
  background: none;
  border: none;
  padding: 0;
  font-size: 20px;
}
.header__navbar--mobile {
  display: none;
  flex-wrap: wrap;
  padding: 48px 0 18px 0;
}
@media (max-width: 991px) {
  .header__navbar--mobile {
    display: flex;
  }
}
.header__navbar--mobile-column {
  flex: 0 0 auto;
  width: 50%;
}
.header__navbar--mobile-column-full {
  width: 100%;
}
.header__navbar--mobile .header__brand--region {
  display: block;
  margin-left: 0;
  font-size: 14px;
  line-height: normal;
  color: #939393;
}
.header__navbar--mobile .header__attribute--language {
  display: inline-block;
  margin-left: 0;
}
.header__navbar--mobile .header__attribute--language-button {
  font-size: 14px;
  line-height: normal;
}
.header__navbar--link {
  position: relative;
  color: #000000;
  padding: 12.5px 0;
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__navbar--link {
    font-size: 14px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .header__navbar--link {
    display: block;
    font-size: 18px;
    line-height: normal;
    padding: 8px 0;
  }
}
.header__navbar--link::before {
  position: absolute;
  display: none;
  background-color: #e41920;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 4px;
}
.header__navbar--link.active, .header__navbar--link:hover {
  text-decoration: none;
  color: #e41920;
}
.header__navbar--link.active::before {
  display: block;
}
@media (max-width: 991px) {
  .header__navbar--link.active::before {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__navbar--button {
    font-size: 14px;
    line-height: normal;
    padding: 6px 16px;
  }
}
@media (max-width: 991px) {
  .header__navbar--button {
    position: absolute;
    width: calc(100vw - 40px);
    padding: 15.5px 24px;
    left: 0;
    bottom: 70px;
  }
}
.header__navbar--left .header__navbar--link {
  margin-right: 16px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__navbar--left .header__navbar--link {
    margin-right: 8px;
  }
}
@media (max-width: 991px) {
  .header__navbar--left .header__navbar--link {
    margin-right: 0;
  }
}
.header__navbar--right .header__navbar--button,
.header__navbar--right .header__navbar--link {
  margin-left: 16px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__navbar--right .header__navbar--button,
  .header__navbar--right .header__navbar--link {
    margin-left: 8px;
  }
}
@media (max-width: 991px) {
  .header__navbar--right .header__navbar--button,
  .header__navbar--right .header__navbar--link {
    margin-left: 0;
  }
}
.header__navbar--right .header__navbar--button.eBusiness-link,
.header__navbar--right .header__navbar--link.eBusiness-link {
  display: inline-block;
  width: 110px;
  height: auto;
  margin-left: 24px;
  padding: 0;
  padding-left: 12px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__navbar--right .header__navbar--button.eBusiness-link,
  .header__navbar--right .header__navbar--link.eBusiness-link {
    width: 92px;
    margin-left: 8px;
    padding-left: 10px;
  }
}
@media (max-width: 991px) {
  .header__navbar--right .header__navbar--button.eBusiness-link,
  .header__navbar--right .header__navbar--link.eBusiness-link {
    width: 120px;
    margin: 0;
    padding: 8px 0;
  }
}
.header__navbar--right .header__navbar--button.eBusiness-link:after,
.header__navbar--right .header__navbar--link.eBusiness-link:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 1px;
  background-color: #000000;
}
@media (max-width: 991px) {
  .header__navbar--right .header__navbar--button.eBusiness-link:after,
  .header__navbar--right .header__navbar--link.eBusiness-link:after {
    content: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__navbar--right .header__navbar--button.eBusiness-link:after,
  .header__navbar--right .header__navbar--link.eBusiness-link:after {
    height: 16px;
    left: 0;
  }
}
.header__navbar--right .header__navbar--button.eShop-link,
.header__navbar--right .header__navbar--link.eShop-link {
  margin-left: 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__navbar--right .header__navbar--button.eShop-link,
  .header__navbar--right .header__navbar--link.eShop-link {
    margin-left: 8px;
  }
}
@media (max-width: 991px) {
  .header__navbar--right .header__navbar--button.eShop-link,
  .header__navbar--right .header__navbar--link.eShop-link {
    text-align: left;
    margin: 0;
  }
}
.header__navbar--right .header__navbar--button.eShop-link.active, .header__navbar--right .header__navbar--button.eShop-link:hover,
.header__navbar--right .header__navbar--link.eShop-link.active,
.header__navbar--right .header__navbar--link.eShop-link:hover {
  text-decoration: none;
  color: #e41920;
}
.header__navbar--right .header__navbar--button.eShop-link:after,
.header__navbar--right .header__navbar--link.eShop-link:after {
  content: "";
  position: absolute;
  left: -8px;
  top: 50%;
  transform: translateY(-50%);
  height: 20px;
  width: 1px;
  background-color: #000000;
}
@media (max-width: 991px) {
  .header__navbar--right .header__navbar--button.eShop-link:after,
  .header__navbar--right .header__navbar--link.eShop-link:after {
    content: none;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .header__navbar--right .header__navbar--button.eShop-link:after,
  .header__navbar--right .header__navbar--link.eShop-link:after {
    height: 16px;
    left: 0;
  }
}
.header__navbar--right .header__navbar--button .ci-shopping-cart,
.header__navbar--right .header__navbar--link .ci-shopping-cart {
  margin-left: 12px;
  font-size: 18px;
}
@media (max-width: 991px) {
  .header__navbar--right .header__navbar--button .ci-shopping-cart,
  .header__navbar--right .header__navbar--link .ci-shopping-cart {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .important-notices-show .header__wrapper.hide {
    top: 33px !important;
  }
}

.header__dark .header__wrapper {
  background-color: #000000;
}
.header__dark .header__brand--region {
  color: #ffffff;
}
.header__dark .header__attribute--site-link {
  color: #757575;
}
.header__dark .header__attribute--site-link.active {
  color: #ffffff;
}
.header__dark .header__attribute--site-link:hover {
  color: #e41920;
}
.header__dark .header__attribute--item {
  border-color: #ffffff;
}
.header__dark .header__attribute--search-button {
  color: #ffffff;
}
@media (max-width: 991px) {
  .header__dark .header__attribute--search-button {
    color: #939393;
  }
}
.header__dark .header__attribute--search-button:hover {
  color: #e41920;
}
.header__dark .header__attribute--language-button {
  color: #ffffff;
}
.header__dark .header__attribute--language-button:hover {
  color: #e41920;
}
.header__dark .header__attribute--site-dropdown,
.header__dark .header__attribute--language-dropdown {
  background-color: #383838;
}
.header__dark .header__attribute--site-dropdown .dropdown-item,
.header__dark .header__attribute--language-dropdown .dropdown-item {
  color: #DBDBDB;
}
.header__dark .header__attribute--site-dropdown .dropdown-item.active,
.header__dark .header__attribute--language-dropdown .dropdown-item.active {
  color: #F3F4F6;
}
.header__dark .header__attribute--site-dropdown .dropdown-item:hover,
.header__dark .header__attribute--language-dropdown .dropdown-item:hover {
  color: #e41920;
}
.header__dark .header__navbar {
  background-color: #262626;
}
@media (max-width: 991px) {
  .header__dark .header__navbar {
    background-color: transparent;
  }
}
@media (max-width: 991px) {
  .header__dark .header__navbar .header__navbar--container {
    background-color: #262626;
  }
}
.header__dark .header__attribute--site-button {
  color: #ffffff;
}
.header__dark .header__attribute--site-button:hover {
  color: #e41920;
}
.header__dark .header__navbar--link {
  color: #ffffff;
}
.header__dark .header__navbar--link:active, .header__dark .header__navbar--link:hover {
  color: #e41920;
}
.header__dark .header__navbar--link.eShop-link:after {
  background-color: #939393;
}
@media (max-width: 991px) {
  .header__dark .header__main {
    background-color: #262626;
  }
}
@media (max-width: 991px) {
  .header__dark .header__navbar--right .header__navbar--link.eShop-link {
    border: 1px solid #ffffff;
    color: #ffffff;
  }
  .header__dark .header__navbar--right .header__navbar--link.eShop-link:hover {
    border: 1px solid #e41920;
    color: #e41920;
  }
}
.header__dark .header__navbar--close-hide {
  color: #ffffff;
}

.importantNotices {
  padding: 8px 0;
  background-color: #E8E9EB;
  overflow: hidden;
  z-index: 100;
}
@media (max-width: 991px) {
  .importantNotices {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
  }
}
@media (max-width: 991px) {
  .importantNotices .container {
    padding: 0 20px;
  }
}
.importantNotices__body {
  display: flex;
  flex-wrap: nowrap;
}
.importantNotices__icon {
  position: relative;
  color: #000000;
  top: 1.5px;
  margin-right: 8px;
}
@media (max-width: 991px) {
  .importantNotices__icon {
    top: 1px;
  }
}
.importantNotices__listing {
  position: relative;
  flex: 1 1 auto;
  margin: 0;
  padding: 0;
  height: 19.5px;
}
@media (max-width: 991px) {
  .importantNotices__listing {
    height: 17px;
  }
}
.importantNotices__listing li {
  position: absolute;
  list-style: none;
  padding: 0;
  margin: 0;
  font-weight: 700;
  color: #000000;
  width: 100%;
  height: 19.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  left: 0;
  top: 0;
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.5s ease, opacity 0.5s ease;
}
@media (max-width: 991px) {
  .importantNotices__listing li {
    height: 17px;
  }
}
.importantNotices__listing li a {
  color: #000000;
}
.importantNotices__listing li a:hover {
  text-decoration: underline;
}
.importantNotices__listing li.active {
  opacity: 1;
  transform: translateY(0);
  z-index: 2;
}
.importantNotices__listing li.prev {
  opacity: 0;
  transform: translateY(-100%);
  z-index: 1;
}
.importantNotices__number {
  color: #757575;
  margin-left: 8px;
}

.megamenu {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 99;
}
@media (max-width: 991px) {
  .megamenu {
    z-index: 1001;
  }
}
.megamenu.slide {
  height: calc(100vh - 72px);
  top: 72px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .megamenu.slide {
    height: calc(100vh - 57px);
    top: 57px;
  }
}
.megamenu.move {
  height: calc(100vh - 163px);
  top: 163px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .megamenu.move {
    height: calc(100vh - 148px);
    top: 148px;
  }
}
.megamenu.show {
  display: block;
}
.megamenu__body {
  position: relative;
  background-color: #ffffff;
  min-height: 320px;
  max-height: 90%;
  overflow: auto;
  z-index: 2;
  top: -100%;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .megamenu__body {
    min-height: 270px;
  }
}
@media (max-width: 991px) {
  .megamenu__body {
    top: 0;
    left: 0;
    height: 0;
    min-height: auto;
    overflow: visible;
  }
}
.megamenu__body.slide {
  top: 0;
}
@media (max-width: 991px) {
  .megamenu__body.slide {
    top: 0;
    left: 0;
  }
}
.megamenu__body.move {
  top: 0;
}
.megamenu__body .header__navbar--close {
  display: none;
}
@media (max-width: 991px) {
  .megamenu__body .header__navbar--close {
    display: flex;
    margin-bottom: 48px;
  }
}
.megamenu__body .container {
  height: 100%;
}
.megamenu__body .row {
  height: 100%;
}
.megamenu__body .row .row > *:first-child .megamenu__column--content {
  padding-left: 0;
}
@media (max-width: 991px) {
  .megamenu__body .row .row > *:first-child .megamenu__column--content {
    padding-left: 20px;
  }
}
.megamenu__body .row .row > *:last-child .megamenu__column {
  border-right: none;
}
.megamenu__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .megamenu__overlay {
    display: none;
  }
}
.megamenu__overlay.show {
  opacity: 1;
}
.megamenu__column {
  height: calc(100% - 40px);
  margin-top: 40px;
  padding: 0 16px;
  border-right: 1px solid #DBDBDB;
}
@media (max-width: 991px) {
  .megamenu__column {
    position: fixed;
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
    border: none;
    top: 0;
    left: -100%;
    overflow: auto;
    background-color: #ffffff;
    transition: all 0.3s ease-in-out;
    z-index: 9;
  }
}
@media (min-width: 1600px) {
  .megamenu__column {
    height: calc(100% - 48px);
    margin-top: 48px;
  }
}
.megamenu__column--first {
  padding-left: 0;
}
.megamenu__column--last {
  border-right: none;
  padding-right: 0;
}
@media (max-width: 991px) {
  .megamenu__column.slide {
    left: 0;
  }
}
.megamenu__column--heading {
  color: #757575;
  margin-bottom: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .megamenu__column--heading {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .megamenu__column--heading {
    margin-bottom: 24px;
  }
}
@media (min-width: 1600px) {
  .megamenu__column--heading {
    margin-bottom: 24px;
  }
}
.megamenu__column--content {
  padding: 0;
  margin-bottom: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .megamenu__column--content {
    padding: 0;
    margin-bottom: 32px;
  }
}
@media (max-width: 991px) {
  .megamenu__column--content {
    padding: 20px 20px 0 20px;
    margin-bottom: 0;
  }
}
@media (min-width: 1600px) {
  .megamenu__column--content {
    margin-bottom: 48px;
  }
}
.megamenu__column--level {
  margin: 32px 0 0 0;
  padding: 0;
}
.megamenu__column--level li {
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0;
}
.megamenu__column--level li:last-child {
  margin-bottom: 0;
}
.megamenu__column--level li .megamenu__column--heading {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
.megamenu__column--level li .megamenu__column--heading span {
  position: relative;
  top: 2px;
}
.megamenu__listing {
  border: none;
  margin: 0;
  padding: 0;
}
.megamenu__listing li {
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
.megamenu__listing li:last-child {
  margin-bottom: 0;
}
.megamenu__listing--button {
  position: relative;
  display: block;
  width: calc(100% + 16px);
  padding: 8px 28px 8px 16px;
  margin-left: -16px;
  margin-bottom: 2px;
  text-align: left;
  background: none;
  border: none;
  color: #000000;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .megamenu__listing--button {
    font-size: 16px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .megamenu__listing--button {
    width: calc(100% + 24px);
    font-size: 18px;
    line-height: normal;
    padding: 8px 28px 8px 16px;
    margin-bottom: 2px;
    margin-left: -16px;
  }
}
@media (min-width: 1600px) {
  .megamenu__listing--button {
    width: calc(100% + 24px);
    padding: 12px 36px 12px 24px;
    margin-left: -24px;
    margin-bottom: 4px;
  }
}
.megamenu__listing--button::after {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec63";
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 16px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .megamenu__listing--button::after {
    font-size: 14px;
    line-height: 14px;
  }
}
.megamenu__listing--button:hover, .megamenu__listing--button.active {
  background-color: #F8F8F8;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .megamenu__listing--button:hover, .megamenu__listing--button.active {
    border-radius: 6px;
  }
}
.megamenu__listing--button:hover::after, .megamenu__listing--button.active::after {
  opacity: 1;
}
.megamenu__listing--link {
  position: relative;
  display: inline-block;
  color: #000000;
  width: calc(100% + 16px);
  padding: 8px 28px 8px 16px;
  margin-left: -16px;
  margin-bottom: 2px;
}
@media (max-width: 991px) {
  .megamenu__listing--link {
    width: calc(100% + 24px);
    font-size: 18px;
    line-height: normal;
    padding: 8px 28px 8px 16px;
    margin-bottom: 2px;
    margin-left: -16px;
  }
}
@media (min-width: 1600px) {
  .megamenu__listing--link {
    width: calc(100% + 16px);
    padding: 12px 28px 12px 16px;
    margin-left: -16px;
    margin-bottom: 4px;
  }
}
.megamenu__listing--link::after {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec63";
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 16px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .megamenu__listing--link::after {
    font-size: 14px;
    line-height: 14px;
  }
}
.megamenu__listing--link:hover, .megamenu__listing--link.active {
  text-decoration: none;
  background-color: #F8F8F8;
  border-radius: 10px;
}
.megamenu__listing--link:hover::after, .megamenu__listing--link.active::after {
  opacity: 1;
}
.megamenu__thumbnails {
  position: relative;
  width: 100%;
  text-align: right;
  margin-top: 48px;
}
@media (max-width: 991px) {
  .megamenu__thumbnails {
    display: none;
  }
}
.megamenu__thumbnails--column {
  width: 320px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .megamenu__thumbnails--column {
    width: 270px;
  }
}
@media (max-width: 991px) {
  .megamenu__thumbnails--column {
    display: none;
  }
}
.megamenu__thumbnails--category {
  position: absolute;
  width: 100%;
  height: auto;
  padding-bottom: 69.8529411765%;
  background-color: #F3F4F6;
  right: 0;
  border-radius: 5px;
  overflow: hidden;
}
.megamenu__thumbnails--img {
  position: absolute;
  width: 165px;
  height: auto;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .megamenu__thumbnails--img {
    width: 100px;
    height: 88px;
  }
}
.megamenu__thumbnails--img.show {
  opacity: 1;
}

.breadcrumb-show .megamenu.slide {
  height: calc(100vh - 124px);
  top: 124px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-show .megamenu.slide {
    height: calc(100vh - 57px);
    top: 57px;
  }
}
.breadcrumb-show .megamenu.move {
  height: calc(100vh - 215px);
  top: 215px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-show .megamenu.move {
    height: calc(100vh - 200px);
    top: 200px;
  }
}

.globalSearch {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 99;
}
.globalSearch.slide {
  height: calc(100vh - 72px);
  top: 72px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearch.slide {
    height: calc(100vh - 57px);
    top: 57px;
  }
}
@media (max-width: 991px) {
  .globalSearch.slide {
    height: calc(100vh - 64px);
    top: 64px;
  }
}
.globalSearch.move {
  height: calc(100vh - 163px);
  top: 163px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearch.move {
    height: calc(100vh - 148px);
    top: 148px;
  }
}
@media (max-width: 991px) {
  .globalSearch.move {
    height: calc(100vh - 64px);
    top: 64px;
  }
}
.globalSearch.show {
  display: block;
}
.globalSearch__body {
  position: relative;
  background-color: #ffffff;
  z-index: 2;
  top: -100%;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .globalSearch__body {
    left: 0;
    height: 100vh;
    overflow: visible;
  }
}
.globalSearch__body.slide {
  top: 0;
}
@media (max-width: 991px) {
  .globalSearch__body.slide {
    top: 0;
    left: 0;
  }
}
.globalSearch__body.move {
  top: 0;
}
.globalSearch__overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px);
  top: 0;
  left: 0;
  opacity: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .globalSearch__overlay {
    display: none;
  }
}
.globalSearch__overlay.show {
  opacity: 1;
}
.globalSearch__form {
  position: relative;
  width: 100%;
}
.globalSearch__form::before {
  font-family: "canonIcon" !important;
  content: "\e9de";
  position: absolute;
  font-size: 24px;
  line-height: 24px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .globalSearch__form::before {
    font-size: 18px;
    line-height: 18px;
  }
}
.globalSearch__input {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid #DBDBDB;
  color: #000000;
  padding: 24px 48px;
}
@media (max-width: 991px) {
  .globalSearch__input {
    padding: 24px 32px;
  }
}
.globalSearch__input::placeholder {
  color: #000000;
}
.globalSearch__input:focus, .globalSearch__input:focus-visible {
  outline: 0;
  border-color: #000000;
}
.globalSearch__container {
  padding-top: 40px;
  padding-bottom: 64px;
  max-height: calc(90vh - 73px);
  overflow: auto;
}
@media (min-width: 1400px) {
  .globalSearch__container {
    padding-bottom: 120px;
  }
}
@media (max-width: 991px) {
  .globalSearch__container {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}
.globalSearch__container--row {
  margin: 0;
}
.globalSearch__container--column {
  padding: 0;
}
.globalSearch__container--column.col-lg-4 {
  width: 30%;
}
@media (max-width: 991px) {
  .globalSearch__container--column.col-lg-4 {
    width: 100%;
  }
}
.globalSearch__container--column.col-lg-8 {
  width: 70%;
}
.globalSearch__close {
  position: absolute;
  background: none;
  border: none;
  padding: 0;
  top: 50%;
  right: 0;
  font-size: 24px;
  line-height: 24px;
  transform: translateY(-50%);
}
.globalSearch__title {
  color: #757575;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .globalSearch__title {
    margin-bottom: 16px;
  }
}
.globalSearch__popular {
  height: 100%;
  border-right: 1px solid #DBDBDB;
  padding-right: 64px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearch__popular {
    padding-right: 40px;
  }
}
@media (min-width: 1400px) {
  .globalSearch__popular {
    padding-right: 80px;
  }
}
@media (max-width: 991px) {
  .globalSearch__popular {
    border-right: none;
    padding-right: 0;
  }
}
.globalSearch__listing {
  margin: 0;
  padding: 0;
}
.globalSearch__listing li {
  list-style: none;
  margin: 0 0 8px 0;
  padding: 0;
}
.globalSearch__product {
  overflow: hidden;
  padding-left: 64px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearch__product {
    padding-left: 40px;
  }
}
@media (min-width: 1400px) {
  .globalSearch__product {
    padding-left: 80px;
  }
}
.globalSearch__product--card {
  height: 100%;
}
.globalSearch__product--card-thumbnail {
  position: relative;
  background-color: #F3F4F6;
  text-align: center;
  padding-bottom: 65.8823529412%;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 16px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearch__product--card-thumbnail {
    margin-bottom: 16px;
  }
}
.globalSearch__product--card-img {
  position: absolute;
  display: block;
  max-width: 44%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.globalSearch__product--card-title {
  margin-bottom: 16px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 46px;
  overflow: hidden;
}
.globalSearch__product--card-title a {
  color: #000000;
}
.globalSearch__product--card-title a:hover {
  text-decoration: none;
  color: #e41920;
}
.globalSearch__product--card-price-inner {
  display: inline-block;
  font-weight: 600;
  color: #939393;
}
.globalSearch__product--card-price-inner sup {
  font-size: 12px;
  top: -6px;
  margin-right: 4px;
}
.globalSearch__product--card-price-inclusive {
  font-size: 12px;
  line-height: normal;
  color: #939393;
  margin-top: 4px;
}

@media (min-width: 992px) {
  .breadcrumb-hide .header {
    z-index: auto;
  }
}
@media (max-width: 991px) {
  .breadcrumb-hide .header {
    height: 65px !important;
  }
}
@media (min-width: 992px) {
  .breadcrumb-hide .header__wrapper {
    z-index: 100;
  }
}
.breadcrumb-hide .breadcrumb__wrapp {
  display: none;
}

.breadcrumb-show .globalSearch.slide {
  height: calc(100vh - 124px);
  top: 124px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-show .globalSearch.slide {
    height: calc(100vh - 57px);
    top: 57px;
  }
}
@media (max-width: 991px) {
  .breadcrumb-show .globalSearch.slide {
    height: calc(100vh - 98px);
    top: 98px;
  }
}
.breadcrumb-show .globalSearch.move {
  height: calc(100vh - 215px);
  top: 215px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-show .globalSearch.move {
    height: calc(100vh - 200px);
    top: 200px;
  }
}
@media (max-width: 991px) {
  .breadcrumb-show .globalSearch.move {
    height: calc(100vh - 98px);
    top: 98px;
  }
}

.breadcrumb__wrapp {
  opacity: 1;
  background-color: #ffffff;
  transition: all 0.28s ease-in-out;
  height: 52px;
}
@media (max-width: 991px) {
  .breadcrumb__wrapp {
    height: 34px;
  }
}
@media (max-width: 991px) {
  .breadcrumb__wrapp .container {
    padding: 0 20px;
  }
}
.breadcrumb__wrapp.fade {
  opacity: 0;
  opacity: 1;
}
.breadcrumb__wrapp.hide {
  display: none;
}
.breadcrumb__wrapp.breadcrumb__right--action {
  align-items: center;
  height: 63px;
}
@media (max-width: 991px) {
  .breadcrumb__wrapp.breadcrumb__right--action {
    height: 55px;
  }
}
.breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__listing {
  padding: 10px 0;
}
@media (max-width: 991px) {
  .breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__listing {
    padding: 6px 0;
  }
}
.breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__content {
  align-items: center;
}
.breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__right {
  display: flex;
  gap: 16px;
}
@media (max-width: 991px) {
  .breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__right {
    gap: 8px;
  }
}
.breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__right .button {
  color: #ffffff;
}
.breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__right .button.button-desktop {
  display: block;
}
@media (max-width: 991px) {
  .breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__right .button.button-desktop {
    display: none;
  }
}
.breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__right .button.button-mobile {
  display: none;
}
@media (max-width: 991px) {
  .breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__right .button.button-mobile {
    display: block;
  }
}
.breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__right .button.button__icon--only {
  padding-right: 14px;
  padding-left: 14px;
}
.breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__right .button.button__icon--only span {
  margin-right: 0;
}
.breadcrumb__wrapp.breadcrumb__right--action .breadcrumb__right--email {
  color: #000000;
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
  align-content: center;
}
.breadcrumb__content {
  display: flex;
}
@media (max-width: 991px) {
  .breadcrumb__content {
    overflow: hidden;
    opacity: 0;
  }
}
@media (max-width: 991px) {
  .breadcrumb__content.bc-unlock-overflow {
    overflow: visible;
    position: relative;
    z-index: 3;
  }
}
@media (max-width: 991px) {
  .breadcrumb__content.bc-unlock-overflow .breadcrumb__item.active {
    overflow: hidden;
    flex: 1 1 auto;
  }
}
@media (max-width: 991px) {
  .breadcrumb__content.bc-overflow .breadcrumb__item.active {
    overflow: hidden;
    flex: 1 1 auto;
  }
}
@media (max-width: 991px) {
  .breadcrumb__content.bc-is-ready {
    opacity: 1;
    transition: opacity 0.15s;
  }
}
.breadcrumb__listing {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  border-top: 1px solid #DBDBDB;
  padding: 16px 0;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .breadcrumb__listing {
    overflow: visible;
    padding: 8px 0;
  }
}
.breadcrumb__item {
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  color: #757575;
  flex: 0 0 auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb__item {
    font-size: 14px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .breadcrumb__item {
    font-size: 14px;
    line-height: normal;
  }
}
.breadcrumb__item a {
  display: inline-block;
  color: #757575;
}
.breadcrumb__item a:hover {
  color: #e41920;
  text-decoration: none;
}
.breadcrumb__item a:hover span {
  text-decoration: underline;
}
.breadcrumb__item a::after {
  content: "/";
  color: #757575;
  padding-left: 12px;
  margin-right: 12px;
}
@media (max-width: 991px) {
  .breadcrumb__item a::after {
    padding-left: 6px;
    margin-right: 6px;
  }
}
.breadcrumb__item--unlink {
  display: inline-block;
  color: #757575;
}
.breadcrumb__item--unlink::after {
  content: "/";
  color: #757575;
  padding-left: 12px;
  margin-right: 12px;
}
@media (max-width: 991px) {
  .breadcrumb__item--unlink::after {
    padding-left: 6px;
    margin-right: 6px;
  }
}
.breadcrumb__item.active {
  color: #000000;
  flex: 1 1 auto;
  min-width: 0;
}
@media (max-width: 991px) {
  .breadcrumb__item.active {
    flex: 0 0 auto;
  }
}
.breadcrumb__item.active::after {
  display: none;
  content: "/";
  padding-left: 0;
  margin-right: 0;
}
.breadcrumb__item.active span {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.breadcrumb__right {
  font-size: 16px;
  line-height: normal;
  font-weight: 400;
  flex: 0 0 auto;
  text-decoration: none;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb__right {
    font-size: 14px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .breadcrumb__right {
    font-size: 14px;
    line-height: normal;
    padding-left: 12px;
  }
}
.breadcrumb__right a {
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.breadcrumb__right a:hover {
  color: #e41920;
  text-decoration: none;
}
.breadcrumb__right a span {
  margin-right: 4px;
}
.breadcrumb__right a span:hover {
  text-decoration: underline;
}
.breadcrumb__right a [class^=ci-], .breadcrumb__right a [class*=" ci-"] {
  margin-bottom: -1.5px;
}
.breadcrumb__more {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}
.breadcrumb__more::after {
  content: "/";
  color: #757575;
  padding-left: 12px;
  margin-right: 12px;
}
@media (max-width: 991px) {
  .breadcrumb__more::after {
    padding-left: 6px;
    margin-right: 6px;
  }
}
.breadcrumb__more .breadcrumb__more-btn {
  border: 0;
  background: transparent;
  padding: 0;
  line-height: 1;
  font-size: 16px;
  color: #757575;
  cursor: pointer;
}
@media (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .breadcrumb__more .breadcrumb__more-btn {
    font-size: 14px;
  }
}
.breadcrumb__more .breadcrumb__more-btn:hover {
  color: #e41920;
  text-decoration: none;
}
.breadcrumb__more .breadcrumb__more-btn::after {
  display: none;
}
.breadcrumb__more .dropdown-menu {
  width: 200px;
}
.breadcrumb__more .dropdown-menu .dropdown-item {
  display: block;
  padding-left: 12px;
  padding-right: 12px;
  white-space: normal;
  font-size: 14px;
  line-height: normal;
}
.breadcrumb__more .dropdown-menu .dropdown-item::after {
  display: none;
}

.footer {
  background-color: transparent;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 182px 243px;
  position: relative;
  background-color: #000000;
  color: #ffffff;
}
@media (max-width: 991px) {
  .footer {
    background-size: 100px 134px;
  }
}
@media (min-width: 1600px) {
  .footer__main {
    padding: 80px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .footer__main {
    padding: 67px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .footer__main {
    padding: 53px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer__main {
    padding: 45px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer__main {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .footer__main {
    padding: 36px 0;
  }
}
@media (max-width: 991px) {
  .footer__main {
    padding-bottom: 120px;
  }
}
.footer__title {
  font-size: 16px;
  line-height: 19.2px;
  color: #757575;
  font-weight: 500;
  margin-bottom: 18px;
}
.footer__listing {
  margin: 0;
  padding: 0;
}
.footer__listing--item {
  margin: 0 0 8px 0;
  padding: 0;
  list-style: none;
}
.footer__listing--item:last-child {
  margin-bottom: 0;
}
.footer__listing--link {
  font-size: 14px;
  line-height: 16.8px;
  color: #ffffff;
}
.footer__listing--link:hover {
  color: #e41920;
  text-decoration: none;
}
.footer__site {
  text-align: right;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .footer__site {
    text-align: left;
  }
}
.footer__site--icon {
  position: relative;
  margin-right: 6px;
  bottom: -2px;
}
.footer__site--link {
  font-size: 14px;
  line-height: 16.8px;
  color: #ffffff;
}
.footer__site--link:hover {
  color: #e41920;
  text-decoration: none;
}
.footer__bottom {
  border-top: 1px solid #383838;
  font-size: 14px;
  line-height: 16.8px;
}
@media (min-width: 1600px) {
  .footer__bottom {
    padding: 32px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .footer__bottom {
    padding: 27px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .footer__bottom {
    padding: 21px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .footer__bottom {
    padding: 18px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer__bottom {
    padding: 16px 0;
  }
}
@media (max-width: 767px) {
  .footer__bottom {
    padding: 14px 0;
  }
}
.footer__back {
  background-color: #262626;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  color: #ffffff;
  border-radius: 50%;
  border: none;
  overflow: hidden;
  font-size: 20px;
  padding: 0;
  margin-left: 16px;
}
.footer__back:hover {
  background-color: #e41920;
}
.footer__accordion {
  position: relative;
}
.footer__accordion--title {
  position: relative;
  font-size: 14px;
  line-height: 16.8px;
  padding-bottom: 16px;
  color: #ffffff;
  border-bottom: 1px solid #383838;
  cursor: pointer;
}
.footer__accordion--title::before {
  font-family: "canonIcon" !important;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  content: "\ec6c";
}
.footer__accordion--title.collapsed::before {
  content: "\ec5b";
}
.footer__accordion--body {
  border-bottom: 1px solid #383838;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.footer__dathongbao {
  margin-top: 16px;
}
@media (max-width: 991px) {
  .footer__dathongbao {
    margin-top: 16px;
  }
}
.footer__dathongbao--wrapper {
  display: inline-block;
  width: 145px;
  height: auto;
}

.productDisclaimer {
  position: relative;
}
@media (min-width: 1600px) {
  .productDisclaimer {
    margin: 80px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productDisclaimer {
    margin: 67px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productDisclaimer {
    margin: 53px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productDisclaimer {
    margin: 45px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productDisclaimer {
    margin: 40px 0;
  }
}
@media (max-width: 767px) {
  .productDisclaimer {
    margin: 36px 0;
  }
}
@media (min-width: 1600px) {
  .productDisclaimer__title {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productDisclaimer__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productDisclaimer__title {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productDisclaimer__title {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productDisclaimer__title {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .productDisclaimer__title {
    margin-bottom: 14px;
  }
}
.productDisclaimer__listing {
  margin: 0;
  padding: 0;
}
.productDisclaimer__listing--item {
  position: relative;
  list-style: none;
  margin: 0 0 16px 0;
  padding: 0 0 16px 52px;
  border-bottom: 1px solid #E5E5E5;
}
@media (max-width: 991px) {
  .productDisclaimer__listing--item {
    margin: 0 0 16px 0;
    padding: 0 0 16px 36px;
  }
}
.productDisclaimer__listing--item:last-child {
  border-color: transparent;
  margin-bottom: 0;
}
.productDisclaimer__listing--item-number {
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 991px) {
  .asideSection {
    margin-top: 0;
  }
}
.asideSection__nav {
  height: 100%;
}
@media (max-width: 991px) {
  .asideSection__nav {
    height: auto;
  }
}
.asideSection__nav--body {
  background-color: #F3F4F6;
  border-radius: 10px;
  padding-bottom: 32px;
  max-height: calc(100vh - 80px);
  overflow: hidden;
  top: auto;
  transition: all 0.3s ease-in-out;
  z-index: 10;
}
@media (max-width: 991px) {
  .asideSection__nav--body {
    padding-bottom: 0;
    margin-bottom: 32px;
    max-height: none;
    min-height: 67.5px;
    border-radius: 0;
  }
}
.asideSection__nav--main {
  width: calc(100% + 15px);
  max-height: calc(100vh - 313px);
  overflow: auto;
}
@media (max-width: 991px) {
  .asideSection__nav--main {
    width: 100%;
    max-height: none;
    height: auto;
    padding-bottom: 16px;
    transition: all 0.3s ease-in-out;
  }
}
.asideSection__nav--heading {
  position: relative;
  padding: 24px 32px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .asideSection__nav--heading {
    padding: 20px;
    padding-right: 42px;
    cursor: pointer;
  }
}
.asideSection__nav--heading::before, .asideSection__nav--heading:after {
  display: none;
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec5b";
  font-size: 16px;
  line-height: 16px;
  top: 26px;
  right: 20px;
}
@media (max-width: 991px) {
  .asideSection__nav--heading::before, .asideSection__nav--heading:after {
    display: block;
  }
}
.asideSection__nav--heading:after {
  content: "\ec6c";
}
@media (max-width: 991px) {
  .asideSection__nav--heading:after {
    display: none;
  }
}
@media (max-width: 991px) {
  .asideSection__nav--heading.active::before {
    display: none;
  }
}
@media (max-width: 991px) {
  .asideSection__nav--heading.active:after {
    display: block;
  }
}
.asideSection__nav--productSpec {
  padding: 0 32px 32px 32px;
}
@media (max-width: 991px) {
  .asideSection__nav--productSpec {
    padding: 0 32px 32px 32px;
  }
}
.asideSection__nav--productSpec-title {
  padding: 0 0 16px 0;
}
@media (max-width: 991px) {
  .asideSection__nav--productSpec-title {
    padding: 0 0 16px 0;
  }
}
.asideSection__nav--listing {
  margin: 0;
  padding: 0;
  padding-left: 40px;
}
@media (max-width: 991px) {
  .asideSection__nav--listing {
    padding-left: 20px;
  }
}
.asideSection__nav--listing li {
  border-top: 1px solid #DBDBDB;
  list-style: none;
  padding: 0 40px 0 0;
  margin: 0;
}
@media (max-width: 991px) {
  .asideSection__nav--listing li {
    padding: 0 20px 0 0;
  }
}
.asideSection__nav--listing li a {
  position: relative;
  display: block;
  color: #939393;
  padding: 12px 20px 12px 0;
}
.asideSection__nav--listing li a.active {
  color: #000000;
}
.asideSection__nav--listing li a.active:hover {
  color: #000000;
}
.asideSection__nav--listing li a:hover {
  text-decoration: none;
  color: #e41920;
}
.asideSection__nav--listing li a::after {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec63";
  font-size: 16px;
  line-height: 16px;
  top: 16px;
  right: 0;
}
.asideSection__nav--listing li:last-child a {
  padding-bottom: 0;
}
.asideSection__group--title {
  color: #939393;
  margin-top: 32px;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .asideSection__group--title {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}
.asideSection__faqs .accordions__item {
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .asideSection__faqs .accordions__item {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.asideSection__faqs .accordions__body {
  color: #757575;
  padding-top: 24px;
  padding-bottom: 12px;
}
@media (max-width: 991px) {
  .asideSection__faqs .accordions__body {
    padding-top: 16px;
    padding-bottom: 8px;
  }
}
.asideSection__faqs .accordions__body p {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .asideSection__faqs .accordions__body p {
    margin-bottom: 16px;
  }
}
.asideSection__faqs .accordions__body p:last-child {
  margin-bottom: 0;
}
.asideSection .productDisclaimer .container {
  padding: 0;
}
.asideSection .productDisclaimer__listing--item {
  padding-right: 0;
}
@media (min-width: 1600px) {
  .asideSection .static-pages {
    padding-left: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .asideSection .static-pages {
    padding-left: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .asideSection .static-pages {
    padding-left: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .asideSection .static-pages {
    padding-left: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .asideSection .static-pages {
    padding-left: 32px;
  }
}
@media (max-width: 767px) {
  .asideSection .static-pages {
    padding-left: 29px;
  }
}
@media (max-width: 991px) {
  .asideSection .static-pages {
    padding-left: 0;
  }
}
.asideSection .static-pages .static-pages-content .title-block {
  background-color: #F3F4F6;
  text-align: center;
  border-radius: 10px;
  padding: 16px 32px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .asideSection .static-pages .static-pages-content .title-block {
    border-radius: 8px;
    padding: 16px 16px;
    margin-bottom: 16px;
  }
}
.asideSection .static-pages .static-pages-content .asideSection__group + .asideSection__group {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .asideSection .static-pages .static-pages-content .asideSection__group + .asideSection__group {
    margin-top: 32px;
  }
}
.asideSection .static-pages > .static-pages-content {
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .asideSection .static-pages > .static-pages-content {
    margin-bottom: 24px;
  }
}
.asideSection .static-pages > .static-pages-content:not(:has(+ .static-pages-content)) {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .asideSection .static-pages > .static-pages-content:not(:has(+ .static-pages-content)) {
    margin-bottom: 0;
  }
}
.asideSection .static-pages table {
  border: none;
}
.asideSection .static-pages table.table-center {
  text-align: center;
}
.asideSection .static-pages table tr td {
  color: #000000;
}
.asideSection .static-pages table tr td:first-child {
  padding-left: 0;
}
.asideSection .static-pages table tr td:last-child {
  padding-right: 0;
}
.asideSection .static-pages table tr td label {
  color: #000000;
  margin: 0;
}
.asideSection .static-pages table tr:first-child td {
  padding-top: 0;
}
.asideSection .static-pages table tr:last-child td {
  padding-bottom: 0;
}
.asideSection .static-pages table tr.smallnormfont {
  border-bottom: none;
}
.asideSection .static-pages table tr.smallnormfont td {
  padding-top: 0;
  padding-bottom: 0;
}
.asideSection .static-pages table.table-specifications {
  width: 100%;
}
.asideSection .static-pages table.table-specifications tr td {
  color: #757575;
  vertical-align: top;
  width: 50%;
}
.asideSection .static-pages table.table-specifications tr td ul {
  margin-bottom: 0;
}
.asideSection .static-pages .share {
  margin-bottom: 0;
}

.cookies {
  position: fixed;
  background-color: #ffffff;
  width: 100%;
  height: auto;
  padding: 16px 0;
  z-index: 100;
  left: 0;
  bottom: 0;
  box-shadow: 4px 4px 48px 0px rgba(0, 0, 0, 0.08);
}
@media (max-width: 767px) {
  .cookies {
    padding-left: 42px;
  }
}
.cookies__close {
  position: absolute;
  background: none;
  font-size: 24px;
  line-height: 24px;
  border: none;
  padding: 0;
  top: 18px;
  right: 32px;
}
@media (max-width: 991px) {
  .cookies__close {
    right: auto;
    left: 18px;
  }
}

/* 
PAGES - Promotions, Where to Buy, sims etc
======================================================== */
@media (max-width: 767px) {
  .promotionPage .tabNavText__container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .promotionPage .tabNavText {
    overflow: scroll;
  }
}
.promotionPage .tabNavText__wrapper {
  margin-bottom: 64px;
}
@media (max-width: 991px) {
  .promotionPage .tabNavText__wrapper {
    margin-bottom: 32px;
    justify-content: start;
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .promotionPage .tabNavText__wrapper {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.promotionPage .tabNavText__item {
  font-size: 18px;
  padding: 16px;
}
@media (max-width: 991px) {
  .promotionPage .tabNavText__item {
    font-size: 16px;
    flex: 0 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .promotionPage .tabNavText__item {
    font-size: 18px;
    padding: 12px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .promotionPage .tabNavText__item {
    font-size: 16px;
    padding: 12px;
  }
}
@media (min-width: 1200px) {
  .promotionPage .tabNavText__item {
    font-size: 16px;
    padding: 12px;
  }
}
@media (min-width: 1300px) {
  .promotionPage .tabNavText__item {
    font-size: 18px;
    padding: 16px;
  }
}
@media (min-width: 1400px) {
  .promotionPage .tabNavText__item {
    font-size: 20px;
    padding: 32px;
  }
}
@media (min-width: 1600px) {
  .promotionPage__heading {
    margin-bottom: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .promotionPage__heading {
    margin-bottom: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .promotionPage__heading {
    margin-bottom: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .promotionPage__heading {
    margin-bottom: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .promotionPage__heading {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .promotionPage__heading {
    margin-bottom: 29px;
  }
}
.promotionPage__heading--title {
  text-align: center;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .promotionPage__heading .pressArticle__search {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .promotionPage__heading .pressArticle__search {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .promotionPage__heading .pressArticle__search {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .promotionPage__heading .pressArticle__search {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .promotionPage__heading .pressArticle__search {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .promotionPage__heading .pressArticle__search {
    margin-top: 14px;
  }
}
.promotionPage__row {
  row-gap: 24px;
}
@media (max-width: 991px) {
  .promotionPage__row {
    row-gap: 12px;
  }
}
.promotionPage__action {
  margin-top: 64px;
  text-align: center;
}
@media (max-width: 991px) {
  .promotionPage__action {
    margin-top: 32px;
  }
}
.promotionPage .productDisclaimer {
  margin-bottom: 0;
}

.productListingPage {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1600px) {
  .productListingPage {
    padding-top: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productListingPage {
    padding-top: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productListingPage {
    padding-top: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productListingPage {
    padding-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productListingPage {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .productListingPage {
    padding-top: 36px;
  }
}
@media (min-width: 1600px) {
  .productListingPage {
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productListingPage {
    padding-bottom: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productListingPage {
    padding-bottom: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productListingPage {
    padding-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productListingPage {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .productListingPage {
    padding-bottom: 36px;
  }
}
@media (max-width: 991px) {
  .productListingPage {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.productListingPage__load {
  text-align: center;
}
@media (min-width: 1600px) {
  .productListingPage__load {
    margin-top: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productListingPage__load {
    margin-top: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productListingPage__load {
    margin-top: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productListingPage__load {
    margin-top: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productListingPage__load {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .productListingPage__load {
    margin-top: 18px;
  }
}
@media (max-width: 991px) {
  .productListingPage__load {
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .productListingPage .listingHead {
    padding-bottom: 0;
    border: none;
  }
}
.productListingPage .productDisclaimer {
  margin: 0;
}
@media (min-width: 1600px) {
  .productListingPage .productDisclaimer {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productListingPage .productDisclaimer {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productListingPage .productDisclaimer {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productListingPage .productDisclaimer {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productListingPage .productDisclaimer {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .productListingPage .productDisclaimer {
    margin-top: 22px;
  }
}
@media (max-width: 991px) {
  .productListingPage .productDisclaimer {
    margin-top: 40px;
  }
}
.productListingPage .productDisclaimer .productDisclaimer__listing--item {
  padding-right: 0;
}
.productListingPage .productDisclaimer .productDisclaimer__listing--item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.productCompare__heading {
  text-align: center;
}
@media (min-width: 1600px) {
  .productCompare__heading {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCompare__heading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCompare__heading {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCompare__heading {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCompare__heading {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .productCompare__heading {
    margin-bottom: 22px;
  }
}
.productCompare__select {
  position: relative;
  z-index: 98;
}
.productCompare__select--wrapper {
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  padding: 16px 0;
}
@media (max-width: 991px) {
  .productCompare__select--wrapper {
    padding: 8px 0;
  }
}
.productCompare__select--wrapper.sticky {
  position: fixed;
  background-color: #F3F4F6;
  width: 100%;
  left: 0;
}
@media (max-width: 991px) {
  .productCompare__select--wrapper.sticky {
    top: 98.8px !important;
  }
}
.productCompare__select--wrapper.sticky .select2-container .select__gray {
  background-color: #ffffff;
}
.productCompare__select--wrapper.sticky .select2-container.select2-container--disabled .select__gray {
  background-color: #ffffff;
}
.productCompare__models {
  margin-top: 8px;
}
@media (min-width: 1600px) {
  .productCompare__models {
    margin-bottom: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCompare__models {
    margin-bottom: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCompare__models {
    margin-bottom: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCompare__models {
    margin-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCompare__models {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .productCompare__models {
    margin-bottom: 36px;
  }
}
@media (max-width: 991px) {
  .productCompare__models {
    margin-top: 4px;
  }
}
.productCompare__models .productCompare__row .productCompare__column:first-child {
  margin-left: 25%;
}
@media (max-width: 991px) {
  .productCompare__models .productCompare__row .productCompare__column:first-child {
    margin-left: 0;
  }
}
.productCompare__models .productCard {
  padding: 0;
  margin: 0;
}
@media (max-width: 991px) {
  .productCompare__models .productCard .productCard__content {
    padding: 16px;
  }
}
@media (max-width: 991px) {
  .productCompare__models .productCard .productCard__action {
    margin-top: 24px;
  }
}
.productCompare__specifications {
  color: #383838;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .productCompare__specifications--group {
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCompare__specifications--group {
    padding-bottom: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCompare__specifications--group {
    padding-bottom: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCompare__specifications--group {
    padding-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCompare__specifications--group {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .productCompare__specifications--group {
    padding-bottom: 36px;
  }
}
@media (max-width: 991px) {
  .productCompare__specifications--group {
    padding-bottom: 40px;
  }
}
.productCompare__specifications--group-title {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 24px;
}
@media (max-width: 991px) {
  .productCompare__specifications--group-title {
    border-bottom: 1px solid #DBDBDB;
    padding-bottom: 16px;
    padding-right: 28px;
  }
}
@media (max-width: 991px) {
  .productCompare__specifications--group-title::before, .productCompare__specifications--group-title::after {
    position: absolute;
    font-family: "canonIcon" !important;
    content: "\ec6c";
    font-size: 18px;
    line-height: 18px;
    top: 6px;
    right: 0;
  }
}
@media (max-width: 991px) {
  .productCompare__specifications--group-title::before {
    display: block;
  }
}
@media (max-width: 991px) {
  .productCompare__specifications--group-title::after {
    display: none;
    content: "\ec5b";
  }
}
@media (max-width: 991px) {
  .productCompare__specifications--group-title.collapsed::before {
    display: none;
  }
}
@media (max-width: 991px) {
  .productCompare__specifications--group-title.collapsed::after {
    display: block;
  }
}
.productCompare__specifications--group .collapse:not(.show) {
  display: block !important;
}
@media (max-width: 991px) {
  .productCompare__specifications--group .collapse:not(.show) {
    display: none !important;
  }
}
.productCompare__specifications--group .collapsing {
  height: auto;
  overflow: visible;
  transition: none;
}
@media (max-width: 991px) {
  .productCompare__specifications--group .collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
  }
}
.productCompare__specifications--group:last-child {
  margin-bottom: 0;
}
.productCompare__specifications--group:last-child .productCompare__row:last-child .productCompare__column {
  border-bottom: 1px solid transparent;
}
@media (max-width: 991px) {
  .productCompare__specifications .productCompare__row {
    margin: 0;
  }
}
.productCompare__specifications .productCompare__column {
  border-bottom: 1px solid #DBDBDB;
  padding-top: 16px;
  padding-bottom: 16px;
}
@media (max-width: 991px) {
  .productCompare__specifications .productCompare__column {
    padding: 10px;
    border-color: transparent;
  }
}
.productCompare__specifications .productCompare__column.productCompare__column--title {
  padding-left: 0;
  border-bottom: 1px solid transparent;
}
@media (max-width: 991px) {
  .productCompare__specifications .productCompare__column.productCompare__column--title {
    width: 100%;
    background-color: #F3F4F6;
    padding: 10px;
    border-radius: 6px;
    margin-top: 16px;
  }
}
.productCompare__specifications .productCompare__column p {
  position: relative;
  z-index: 2;
}
.productCompare__row {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 991px) {
  .productCompare__row {
    margin-left: -6px;
    margin-right: -6px;
  }
}
@media (min-width: 1600px) {
  .productCompare__row--group {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCompare__row--group {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCompare__row--group {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCompare__row--group {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCompare__row--group {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .productCompare__row--group {
    margin-bottom: 18px;
  }
}
.productCompare__row--group:last-child {
  margin-bottom: 0;
}
.productCompare__column {
  position: relative;
  flex: 0 0 auto;
  width: 25%;
  padding-left: 12px;
  padding-right: 12px;
  color: #383838;
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (max-width: 991px) {
  .productCompare__column {
    padding-left: 6px;
    padding-right: 6px;
  }
}
@media (max-width: 991px) {
  .productCompare__column {
    width: 50%;
  }
}
.productCompare__column--full {
  width: 100%;
}
.productCompare__column--title {
  font-weight: 700;
}
.productCompare__column--title + .productCompare__column::after {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
@media (max-width: 767px) {
  .productCompare__column--title + .productCompare__column::after {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
  }
}
.productCompare__column--first {
  padding-left: 0;
}
@media (max-width: 991px) {
  .productCompare__column--first {
    display: none;
  }
}
@media (max-width: 991px) {
  .productCompare__column--last {
    display: none;
  }
}
.productCompare__column--last::after {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media (max-width: 767px) {
  .productCompare__column--last::after {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}
.productCompare__column--higlight {
  position: relative;
}
.productCompare__column--higlight::after {
  background-color: #fff2f4;
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 10px);
  left: 0;
  top: 5px;
}
.productCompare__column--label {
  color: #000000;
}
.productCompare__column--label .compare-stycky-label {
  display: none;
}
.productCompare__column--label .compare-stycky-label.show {
  display: block;
}
.productCompare__column .select2-container .select__lg .select2-selection__rendered {
  padding: 16px 46px 16px 16px;
}
.productCompare__column .select2-container .select__selection .select2-selection__arrow {
  right: 16px;
}
.productCompare__close {
  position: absolute;
  background: none;
  border: none;
  width: 28px;
  height: 28px;
  font-size: 28px;
  line-height: 28px;
  color: #939393;
  margin: 0;
  padding: 0;
  top: 12px;
  right: 24px;
  z-index: 8;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCompare__close {
    width: 24px;
    height: 24px;
    font-size: 24px;
    line-height: 24px;
    top: 10px;
    right: 24px;
  }
}
@media (max-width: 991px) {
  .productCompare__close {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    top: 6px;
    right: 12px;
  }
}
.productCompare__close:hover {
  color: #e41920;
}
@media (min-width: 1600px) {
  .productCompare .productCard__content {
    padding: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCompare .productCard__content {
    padding: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCompare .productCard__content {
    padding: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCompare .productCard__content {
    padding: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCompare .productCard__content {
    padding: 12px;
  }
}
@media (max-width: 767px) {
  .productCompare .productCard__content {
    padding: 11px;
  }
}
@media (min-width: 1600px) {
  .productCompare .productCard__label--body {
    padding-bottom: 8px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCompare .productCard__label--body {
    padding-bottom: 7px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCompare .productCard__label--body {
    padding-bottom: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCompare .productCard__label--body {
    padding-bottom: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCompare .productCard__label--body {
    padding-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .productCompare .productCard__label--body {
    padding-bottom: 4px;
  }
}
@media (min-width: 1600px) {
  .productCompare .productCard__action {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCompare .productCard__action {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCompare .productCard__action {
    margin-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCompare .productCard__action {
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCompare .productCard__action {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .productCompare .productCard__action {
    margin-top: 11px;
  }
}
@media (min-width: 1600px) {
  .productCompare .productCard__action {
    margin-bottom: 8px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCompare .productCard__action {
    margin-bottom: 7px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCompare .productCard__action {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCompare .productCard__action {
    margin-bottom: 4px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCompare .productCard__action {
    margin-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .productCompare .productCard__action {
    margin-bottom: 4px;
  }
}
.productCompare .productCard__price--inner {
  font-size: 20px;
  line-height: normal;
}
@media (min-width: 1600px) {
  .productCompare .share {
    padding-top: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .productCompare .share {
    padding-top: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .productCompare .share {
    padding-top: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .productCompare .share {
    padding-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .productCompare .share {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .productCompare .share {
    padding-top: 36px;
  }
}
@media (max-width: 991px) {
  .productCompare .share {
    padding-top: 24px;
    border: none;
  }
}
.productCompare .productDisclaimer {
  margin-bottom: 0;
}
.productCompare .compare-highlight {
  margin-left: 12px;
  margin-right: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #fff2f4;
  border-radius: 10px;
}

@media (max-width: 991px) {
  .important-notices-show .productCompare__select--wrapper.sticky {
    top: 132px !important;
  }
}

@media (min-width: 1600px) {
  .articleDetails__share {
    margin-bottom: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .articleDetails__share {
    margin-bottom: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .articleDetails__share {
    margin-bottom: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .articleDetails__share {
    margin-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .articleDetails__share {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .articleDetails__share {
    margin-bottom: 36px;
  }
}

@media (min-width: 1600px) {
  .contactUs-container {
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .contactUs-container {
    padding-bottom: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contactUs-container {
    padding-bottom: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contactUs-container {
    padding-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contactUs-container {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .contactUs-container {
    padding-bottom: 36px;
  }
}

.contactUs {
  padding: 80px 0;
}
.contactUs__row {
  column-gap: 10rem;
}
@media (min-width: 992px) {
  .contactUs__row .col-lg-5 {
    width: 40.666667%;
  }
}
@media (min-width: 1600px) {
  .contactUs__content {
    margin-bottom: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .contactUs__content {
    margin-bottom: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contactUs__content {
    margin-bottom: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contactUs__content {
    margin-bottom: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contactUs__content {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .contactUs__content {
    margin-bottom: 29px;
  }
}
@media (max-width: 991px) {
  .contactUs__content:last-child {
    margin-bottom: 0;
  }
}
.contactUs__content-title {
  display: block;
  border-bottom: 1px solid #ddd;
}
@media (min-width: 1600px) {
  .contactUs__content-title {
    padding-bottom: 20px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .contactUs__content-title {
    padding-bottom: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contactUs__content-title {
    padding-bottom: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contactUs__content-title {
    padding-bottom: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contactUs__content-title {
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .contactUs__content-title {
    padding-bottom: 9px;
  }
}
@media (max-width: 991px) {
  .contactUs__content-title {
    font-size: 20px;
    line-height: normal;
    padding-bottom: 12px;
  }
}
@media (min-width: 1600px) {
  .contactUs__content-location {
    padding-top: 20px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .contactUs__content-location {
    padding-top: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contactUs__content-location {
    padding-top: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contactUs__content-location {
    padding-top: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contactUs__content-location {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .contactUs__content-location {
    padding-top: 9px;
  }
}
@media (max-width: 991px) {
  .contactUs__content-location {
    padding-top: 16px;
  }
}
.contactUs__content-operatingHours {
  color: #939393;
}
@media (min-width: 1600px) {
  .contactUs__content-operatingHours {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .contactUs__content-operatingHours {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contactUs__content-operatingHours {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contactUs__content-operatingHours {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contactUs__content-operatingHours {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .contactUs__content-operatingHours {
    margin-top: 14px;
  }
}
@media (min-width: 1600px) {
  .contactUs__content-operatingHours {
    margin-bottom: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .contactUs__content-operatingHours {
    margin-bottom: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contactUs__content-operatingHours {
    margin-bottom: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contactUs__content-operatingHours {
    margin-bottom: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contactUs__content-operatingHours {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .contactUs__content-operatingHours {
    margin-bottom: 7px;
  }
}
@media (max-width: 991px) {
  .contactUs__content-operatingHours {
    margin-top: 24px;
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .contactUs__content-clock {
    margin-bottom: 20px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .contactUs__content-clock {
    margin-bottom: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .contactUs__content-clock {
    margin-bottom: 13px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contactUs__content-clock {
    margin-bottom: 11px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contactUs__content-clock {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .contactUs__content-clock {
    margin-bottom: 9px;
  }
}
.contactUs__content-time {
  margin-bottom: 2px;
}

.voiceOption {
  max-width: 1276px;
}
@media (max-width: 991px) {
  .voiceOption .modal-body {
    padding-right: 0;
    padding-left: 0;
  }
}
.voiceOption__scrollWrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 992px) {
  .voiceOption__scrollWrapper {
    overflow-x: unset;
  }
}
@media (max-width: 991px) {
  .voiceOption__scrollWrapper {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 20px;
    padding-left: 20px;
  }
}
.voiceOption__row {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
}
@media (min-width: 992px) {
  .voiceOption__row {
    flex-wrap: wrap;
  }
}
.voiceOption__card {
  padding: 53px 40px;
  width: 340px;
  background-color: #F8F8F8;
  border-radius: 20px;
  height: calc(100vh - 140px);
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .voiceOption__card {
    width: calc(100vw - 5rem - 16px);
    height: auto;
  }
}
@media (min-width: 992px) {
  .voiceOption__card {
    min-width: unset;
    flex: 0 0 calc(33.333% - 1rem);
    height: auto;
  }
}
.voiceOption__card-label {
  padding: 18px 0;
  border-bottom: 1px solid #DBDBDB;
}
.voiceOption__card-label ul {
  margin-bottom: 0;
}
.voiceOption__card-label:last-child {
  border-bottom: none;
}

.cps__form p {
  color: #757575;
  margin-bottom: 24px;
}
.cps__title {
  color: #000000;
}
.cps__equipment-form {
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .cps__equipment-form {
    margin-bottom: 0;
  }
}

.sdk__title {
  color: #757575;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .sdk__title {
    margin-bottom: 16px;
  }
}
.sdk__add-model {
  margin-top: 60px;
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .sdk__add-model {
    margin-top: unset;
    margin-bottom: 24px;
  }
  .sdk__add-model .button {
    display: block;
    width: 100%;
  }
}
.sdk .accordions .accordions__item:first-child {
  padding-top: 32px;
  border-top: 1px solid #DBDBDB;
}
@media (max-width: 991px) {
  .sdk .accordions .accordions__item .accordions__body .form-group {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .sdk .accordions .accordionsSlider__thumbnails {
    order: 1;
  }
  .sdk .accordions .accordionsSlider__thumbnails .accordionsSlider__slider {
    margin-top: 0;
    margin-bottom: 32px;
  }
  .sdk .accordions .accordionsSlider__desc {
    order: 2;
  }
}

.tco .card__body {
  padding: 80px 64px;
  background-color: #ffffff;
  border-radius: 20px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .tco .card__body {
    padding: 32px;
  }
}
.tco .card__body .form-group:last-child {
  margin-bottom: 32px;
}
.tco .card__body .form-group.tco-input-printer {
  text-align: center;
  padding: 0 64px 0 64px;
}
@media (max-width: 991px) {
  .tco .card__body .form-group.tco-input-printer {
    padding: 0;
  }
}
.tco .card__body .form-group .form-label {
  margin-bottom: 16px;
}
.tco .card__body .form-group .col-6 {
  padding: 0 8px;
  margin-bottom: 16px;
}
.tco .card__body .form-group .col-6:last-child {
  margin-bottom: 0;
}
.tco-select {
  margin-bottom: 24px;
}
.tco-title {
  color: #000000;
  margin-bottom: 16px;
}
.tco-subtitle {
  color: #939393;
  margin-bottom: 24px;
}
.tco .range__volume {
  position: relative;
  padding-right: 104px;
}
.tco .range__volume::after {
  content: "";
  position: absolute;
  top: 80px;
  right: -10px;
  width: 1px;
  height: 104px;
  background-color: #DBDBDB;
}
@media (max-width: 991px) {
  .tco .range__volume::after {
    background-color: transparent;
  }
}
@media (max-width: 991px) {
  .tco .range__volume {
    padding-right: 0;
    margin-bottom: 48px;
  }
}
.tco .range__period {
  padding-left: 104px;
}
@media (max-width: 991px) {
  .tco .range__period {
    padding-left: 0;
    margin-bottom: 24px;
  }
}
.tco .range-wrapper {
  display: flex;
  justify-content: end;
  flex-wrap: nowrap;
  height: 60px;
  padding: 16px 24px;
  border-radius: 10px;
  border: 1px solid #939393;
  margin-bottom: 16px;
}
.tco .range__start {
  color: #939393;
}
.tco .range__end {
  color: #939393;
}
.tco-image {
  text-align: center;
  margin-bottom: 24px;
}
.tco-image img {
  display: inline-block;
  width: 52%;
  align-items: center;
}
.tco__result, .tco__total-cost {
  text-align: center;
}
.tco__result-name, .tco__total-cost-name {
  margin-bottom: 32px;
}
.tco__result-title, .tco__result-cost, .tco__total-cost-title, .tco__total-cost-cost {
  margin-bottom: 16px;
}
.tco__result-label, .tco__total-cost-label {
  margin-bottom: 16px;
  color: #939393;
}
.tco__result-page, .tco__total-cost-page {
  margin-bottom: 16px;
  font-weight: 700;
}
.tco__result-title:last-child, .tco__total-cost-title:last-child {
  margin-bottom: 48px;
}
.tco .form-input:disabled {
  color: #939393;
  border: none;
  background-color: #F3F4F6;
}
.tco-disclaimer .productDisclaimer {
  margin: 0 0;
}
.tco .tab-content .tab-pane .row .col-8, .tco .tab-content .tab-pane .row .col-4 {
  padding: 0 8px;
}
.tco .tab-content .tab-pane .form-group {
  margin-bottom: 32px;
}
.tco .tab-content .tab-pane .form-group .tco-input-yield {
  justify-items: center;
}

.alert__danger {
  display: flex;
  align-items: center;
  position: relative;
  padding: 24px;
  color: #e41920;
  background-color: #fff2f4;
  border: 1px solid #e41920;
  border-radius: 10px;
  column-gap: 20px;
}
.irs--flat.irs-with-grid {
  height: 36px;
}
.irs--flat .irs-max,
.irs--flat .irs-min {
  display: none;
}
.irs--flat .irs-single {
  top: -60px;
  color: #939393;
  background-color: transparent;
  left: 24px !important;
}
@media (max-width: 991px) {
  .irs--flat .irs-single {
    top: -56px;
  }
}
.irs--flat .irs-handle {
  background-color: #e41920;
  width: 21px;
  height: 21px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  top: 6px;
  transform: translateY(-21%);
  position: absolute;
  box-sizing: border-box;
  cursor: pointer;
}
.irs--flat .irs-handle i {
  display: none !important;
}
.irs--flat .irs-handle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 5px;
  background-color: #ffffff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.irs--flat .irs-line {
  top: 8px;
  background-color: #F3F4F6;
  height: 8px;
  border-radius: 8px;
}
.irs--flat .irs-bar {
  top: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #e41920;
}
.irs--flat .irs-grid {
  height: 25px;
  bottom: -8px;
}
.irs--flat .irs-grid-pol {
  background-color: transparent;
}
.irs--flat .irs-grid-pol.active {
  background-color: #DBDBDB;
}
.irs--flat .irs-grid-pol.small {
  display: none;
}
.irs--flat .irs-grid-text {
  color: #939393;
}
.irs--flat .irs-grid-text.active {
  color: #DBDBDB;
}
.irs--flat .irs-single:before {
  bottom: -7px;
  visibility: hidden;
}

.wtb__section-search-filter {
  background-color: #F3F4F6;
  margin: 0;
  padding: 24px 0 0 0;
}
@media (max-width: 991px) {
  .wtb__section-search-filter .container .row .col-lg-3 {
    margin-bottom: 16px;
  }
  .wtb__section-search-filter .container .row .col-lg-3:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .wtb__section-search-filter .container .row .col-lg-3 {
    margin-bottom: 12px;
  }
}
.wtb__section-search-filter .select2-container .select__dropdown {
  margin-top: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .wtb__section-search-filter .select2-container .select__selection .select2-selection__rendered {
    padding-left: 16px;
    padding-right: 48px;
  }
}
@media (max-width: 991px) {
  .wtb__section-search-filter .select2-container .select__selection .select2-selection__rendered {
    padding: 16px 40px 20px 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .wtb__section-search-filter .select2-container .select__selection .select2-selection__arrow {
    right: 16px;
  }
}
@media (max-width: 991px) {
  .wtb__section-search-filter .select2-container .select__selection .select2-selection__arrow {
    right: 16px;
  }
}
.wtb__section-search-filter--group {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
@media (max-width: 991px) {
  .wtb__section-search-filter--group .wtb__section-search-filter--column + .wtb__section-search-filter--column {
    margin-top: 12px;
  }
}
.wtb__section-search-filter--group + .wtb__section-search-filter--group {
  margin-top: 16px;
}
@media (max-width: 991px) {
  .wtb__section-search-filter--group + .wtb__section-search-filter--group {
    margin-top: 12px;
  }
}
.wtb__section-search-filter--group + .wtb__section-search-filter--group .wtb__section-search-filter--column {
  margin-top: 0;
}
@media (max-width: 991px) {
  .wtb__section-search-filter--group + .wtb__section-search-filter--group .wtb__section-search-filter--column + .wtb__section-search-filter--column {
    margin-top: 12px;
  }
}
.wtb__section-search-filter--column {
  flex: 1 1 0;
  padding-left: 8px;
  padding-right: 8px;
  min-width: 0;
}
.wtb__section-search-filter--column.wtb__filter-product-model {
  flex: 0 0 auto;
  width: 40%;
}
@media (max-width: 991px) {
  .wtb__section-search-filter--column {
    flex: 0 0 auto;
    min-width: auto;
    width: 100%;
    max-width: 100%;
  }
}
.wtb__section-search-filter--wrapper {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  border-radius: 10px;
  background-color: #ffffff;
  border: none;
  padding: 16px 32px 20px 32px;
  width: 100%;
  height: auto;
  gap: 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .wtb__section-search-filter--wrapper {
    padding: 16px 16px 20px 16px;
    gap: 16px;
  }
}
@media (max-width: 991px) {
  .wtb__section-search-filter--wrapper {
    padding: 16px 16px 20px 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
}
.wtb__section-search-filter--wrapper .form-group__checkbox-label {
  margin: 0;
}
@media (max-width: 991px) {
  .wtb__section-search-filter--wrapper .form-group__checkbox-label {
    flex: 0 0 auto;
    display: block;
    width: 100%;
    margin-bottom: 12px;
  }
}
@media (max-width: 991px) {
  .wtb__section-search-filter--wrapper .checkbox {
    flex: 0 0 auto;
    margin-right: 0;
  }
}
.wtb__section-list {
  padding: 24px 0 80px 0;
}

.wtb-card {
  padding: 32px;
  background: #ffffff;
  border-radius: 10px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .wtb-card {
    padding: 32px;
  }
}
.wtb-card__head {
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 24px;
}
@media (max-width: 991px) {
  .wtb-card__head {
    display: none;
  }
}
.wtb-card__head-title {
  color: #757575;
}
.wtb-card__body {
  padding: 24px 0;
}
@media (min-width: 992px) {
  .wtb-card__body .col-12 .wtb-card__head-title {
    display: none;
  }
}
@media (max-width: 991px) {
  .wtb-card__body {
    padding: 0 0 0 0;
  }
  .wtb-card__body .col-12 {
    margin-bottom: 24px;
  }
  .wtb-card__body .col-12:last-child {
    margin-bottom: 0;
  }
  .wtb-card__body .col-12 .wtb-card__head-title {
    margin-bottom: 8px;
  }
}
.wtb-card__body-title {
  color: #000000;
}
.wtb-card__body-title p {
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .wtb-card__body-title p {
    margin-bottom: 8px;
  }
}
.wtb-card__body-title p a {
  color: #000000;
}
.wtb-card__body-title p a:hover, .wtb-card__body-title p a:active {
  color: #e41920;
}
.wtb-card__body-title i {
  margin-right: 12px;
}
.wtb-card__body-tag {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
  row-gap: 6px;
}
@media (max-width: 991px) {
  .wtb-card__body-tag {
    margin-top: 8px;
    row-gap: 4px;
  }
}
.wtb-card__body-tag span {
  display: block;
  color: #757575;
}
.wtb-card__body-tag span::after {
  content: "|";
  color: #757575;
  margin: 0 8px;
}
.wtb-card__body-tag span:last-child::after {
  display: none;
}

.wtb-map {
  padding-bottom: 0;
}
@media (min-width: 1600px) {
  .wtb-map {
    padding-top: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .wtb-map {
    padding-top: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .wtb-map {
    padding-top: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .wtb-map {
    padding-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wtb-map {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .wtb-map {
    padding-top: 36px;
  }
}
.wtb-map:not(:has(.wtb-map-location)) {
  padding-top: 0;
}
@media (min-width: 1600px) {
  .wtb-map:not(:has(~ .section)) {
    padding-top: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .wtb-map:not(:has(~ .section)) {
    padding-top: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .wtb-map:not(:has(~ .section)) {
    padding-top: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .wtb-map:not(:has(~ .section)) {
    padding-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wtb-map:not(:has(~ .section)) {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .wtb-map:not(:has(~ .section)) {
    padding-top: 36px;
  }
}
.wtb-map .container:first-child {
  display: none;
}
@media (max-width: 991px) {
  .wtb-map .container:first-child {
    display: block;
  }
}
.wtb-map__wrapper {
  overflow: hidden;
  background: #fff;
}
.wtb-map__wrapper .row {
  margin: 0;
}
.wtb-map__wrapper .row [class*=col-] {
  padding: 0;
}
.wtb-map__wrapper .maps {
  height: 932px;
}
@media (max-width: 575px) {
  .wtb-map__wrapper .maps {
    height: calc(100vh - 160px);
  }
}
.wtb-map__location {
  position: relative;
  height: 932px;
  overflow: auto;
  display: flex;
  justify-content: flex-end;
  padding-left: 32px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .wtb-map__location {
    padding-left: 0;
  }
}
@media (max-width: 575px) {
  .wtb-map__location {
    padding-left: 0;
    height: auto;
  }
}
.wtb-map__location-content {
  display: block;
  margin-left: 0;
  padding-left: 0;
  width: 430px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .wtb-map__location-content {
    width: 100%;
  }
}
.wtb-map__location .item-location {
  text-align: left;
  display: block;
  position: relative;
  border-bottom: solid 1px #DBDBDB;
  white-space: normal;
  padding: 24px 32px 0 24px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .wtb-map__location .item-location {
    padding: 24px 32px 0 32px;
  }
}
.wtb-map__location .item-location:first-child {
  padding-top: 32px;
}
.wtb-map__location .item-location:last-child {
  padding-bottom: 32px;
}
.wtb-map__location .item-location.disabled {
  cursor: not-allowed;
}
.wtb-map__location .item-location.disabled:hover, .wtb-map__location .item-location.disabled:active, .wtb-map__location .item-location.disabled:focus {
  background-color: transparent;
}
.wtb-map__location .item-location.disabled .item-location__title {
  color: #000000;
}
.wtb-map__location .item-location:hover, .wtb-map__location .item-location:active, .wtb-map__location .item-location:focus {
  background-color: #F3F4F6;
}
.wtb-map__location .item-location.active {
  background-color: #F3F4F6;
}
.wtb-map__location .item-location__wrapper {
  display: flex;
  column-gap: 24px;
}
.wtb-map__location .item-location__content {
  margin-bottom: 24px;
}
.wtb-map__location .item-location__title {
  color: #e41920;
  margin-bottom: 16px;
}
.wtb-map__location .item-location__number {
  padding-top: 5px;
  color: #000000;
}
.wtb-map__location .item-location__address {
  margin-bottom: 0;
  text-align: left;
  color: #757575;
}
.wtb-map__location .item-location__type {
  margin-bottom: 16px;
}
.wtb-map__location .item-location .badge {
  position: absolute;
  left: 60px;
  top: 20px;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 9px 0 0 0;
  opacity: 0;
  z-index: -999;
}
.wtb-map__location .item-location__contact {
  padding-top: 16px;
  z-index: 3;
  min-width: 0;
}
.wtb-map__location .item-location__contact p {
  min-width: 0;
  color: #757575;
  margin-bottom: 5px;
  overflow-wrap: break-word;
  word-break: break-all;
}
.wtb-map__location .item-location__contact p i {
  color: #000000;
  margin-right: 8px;
}
.wtb-map__location .item-location__tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
  row-gap: 6px;
}
@media (max-width: 991px) {
  .wtb-map__location .item-location__tags {
    margin-top: 8px;
    row-gap: 4px;
  }
}
.wtb-map__location .item-location__tags--tag {
  flex: 0 0 auto;
  padding: 0;
  color: #757575;
}
.wtb-map__location .item-location__tags--tag::after {
  content: "|";
  color: #757575;
  margin: 0 8px;
}
.wtb-map__location .item-location__tags--tag:last-child::after {
  display: none;
}
.wtb-map__location .item-location__tags a.item-location__tags--tag {
  color: #757575;
}
.wtb-map__location .item-location__tags a.item-location__tags--tag:hover {
  color: #e41920;
}
.wtb-map__location .item-location__tags a.item-location__tags--tag::after {
  color: #757575;
}
.wtb-map .tabNavText {
  display: none;
}
@media (max-width: 575px) {
  .wtb-map .tabNavText {
    display: block;
  }
}

.map-content {
  width: 100%;
  margin-bottom: 0;
  padding: 0;
}
.map-content__title {
  color: #000000;
  margin-bottom: 16px;
}
.map-content__number {
  color: #000000;
}
.map-content__address {
  color: #757575;
  margin-bottom: 0;
}
.map-content__view-map {
  margin-bottom: 16px;
}
.map-content__type {
  margin-bottom: 16px;
}
.map-content .map-contact {
  margin-bottom: 16px;
}
.map-content .map-contact p {
  margin-bottom: 12px;
  color: #757575;
}
.map-content .map-contact p i {
  color: #000000;
  margin-right: 12px;
}
.map-content .map-footer {
  display: flex;
  column-gap: 16px;
}
.map-content .map-footer .pl-0 {
  padding-left: 0;
}
.map-content__tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .map-content__tags {
    margin-bottom: 12px;
  }
}
.map-content__tags--tag {
  flex: 0 0 auto;
  padding: 4px 16px;
  border: 1px solid #757575;
  border-radius: 4px;
  color: #757575;
  margin-right: 4px;
  margin-bottom: 4px;
}
@media (max-width: 991px) {
  .map-content__tags--tag {
    padding: 4px 14px;
  }
}
.map-content__tags--tag :last-child {
  margin-right: 0;
}

.gm-style .gm-style-iw-d {
  overflow: auto !important;
  padding: 0 32px 32px 32px;
}

.gm-style-iw-ch {
  padding-left: 32px;
}

.gm-style .gm-style-iw-c {
  width: 380px;
  padding: 0;
  box-shadow: none !important;
}
.gm-style .gm-style-iw-c button.gm-ui-hover-effect {
  margin-top: 5px !important;
  margin-right: 10px !important;
}
.gm-style .gm-style-iw-c .map-content .title {
  margin-bottom: 10px;
}

@media (max-width: 575px) {
  .nav-location {
    display: inline-block;
  }
  .wrap-locations .maps {
    height: 360px;
  }
  .wtb-map-location {
    display: none;
    height: auto !important;
  }
  .wtb-map-location.show {
    display: block;
  }
}
.consumable-page {
  margin: 0;
}
@media (min-width: 1600px) {
  .consumable-page {
    padding-bottom: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .consumable-page {
    padding-bottom: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .consumable-page {
    padding-bottom: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumable-page {
    padding-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .consumable-page {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .consumable-page {
    padding-bottom: 36px;
  }
}
.consumable-page__heading {
  text-align: center;
}
@media (min-width: 1600px) {
  .consumable-page__heading {
    margin: 80px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .consumable-page__heading {
    margin: 67px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .consumable-page__heading {
    margin: 53px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumable-page__heading {
    margin: 45px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .consumable-page__heading {
    margin: 40px 0;
  }
}
@media (max-width: 767px) {
  .consumable-page__heading {
    margin: 36px 0;
  }
}
.consumable-page__subtitle {
  color: #757575;
}
@media (min-width: 1600px) {
  .consumable-page__subtitle {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .consumable-page__subtitle {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .consumable-page__subtitle {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumable-page__subtitle {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .consumable-page__subtitle {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .consumable-page__subtitle {
    margin-top: 22px;
  }
}
@media (min-width: 1600px) {
  .consumable-page__subtitle {
    padding: 0 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .consumable-page__subtitle {
    padding: 0 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .consumable-page__subtitle {
    padding: 0 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumable-page__subtitle {
    padding: 0 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .consumable-page__subtitle {
    padding: 0 24px;
  }
}
@media (max-width: 767px) {
  .consumable-page__subtitle {
    padding: 0 22px;
  }
}
@media (min-width: 1600px) {
  .consumable-page__filter {
    margin-top: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .consumable-page__filter {
    margin-top: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .consumable-page__filter {
    margin-top: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .consumable-page__filter {
    margin-top: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .consumable-page__filter {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .consumable-page__filter {
    margin-top: 36px;
  }
}
.consumable-page-disclaimer .productDisclaimer__listing--item {
  padding-right: 5%;
}
.consumable-page-disclaimer .productDisclaimer {
  margin: 0 0;
}
@media (max-width: 991px) {
  .consumable-page .row .col-12, .consumable-page .row .col-lg-4 {
    margin-bottom: 12px;
  }
}
.consumable-page.section__gray .select2-container--default .select2-selection--single {
  background-color: #ffffff;
}
.consumable-page.section__dark .select2-container .select__gray {
  background-color: #262626;
  border: 1px solid #262626;
}
.consumable-page.section__dark .select2-container .select__selection .select2-selection__rendered {
  color: #ffffff;
}
.consumable-page.section__dark .select2-container .select__selection .select2-selection__clear {
  color: #939393;
}
.consumable-page.section__dark .select2-container .select__selection .select2-selection__clear::after, .consumable-page.section__dark .select2-container .select__selection .select2-selection__clear::before {
  background-color: #939393;
}
.consumable-page.section__dark .select2-container .select__selection .select2-selection__placeholder {
  color: #939393;
}
.consumable-page.section__dark .tabNavText__wrapper .tabNavText__item.active {
  color: #ffffff;
}

.photo-library__modal .modal-content {
  background-color: #F3F4F6;
  padding: 0;
  border-radius: 10px;
}
.photo-library__modal .modal-body {
  border-radius: 20px;
}
@media (min-width: 1600px) {
  .photo-library__modal .modal-body {
    padding: 48px 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .photo-library__modal .modal-body {
    padding: 40px 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .photo-library__modal .modal-body {
    padding: 32px 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__modal .modal-body {
    padding: 27px 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photo-library__modal .modal-body {
    padding: 24px 20px;
  }
}
@media (max-width: 767px) {
  .photo-library__modal .modal-body {
    padding: 22px 18px;
  }
}
@media (max-width: 991px) {
  .photo-library__modal .modal-body {
    border-radius: 0;
  }
}
@media (max-width: 991px) {
  .photo-library__modal .modal-content {
    border-radius: 0;
    height: 100vh;
    overflow: hidden;
  }
}
.photo-library__modal .swiper .swiper-slide {
  width: 25%;
}
@media (min-width: 1600px) {
  .photo-library__modal--header {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .photo-library__modal--header {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .photo-library__modal--header {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__modal--header {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photo-library__modal--header {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .photo-library__modal--header {
    margin-bottom: 14px;
  }
}
@media (max-width: 991px) {
  .photo-library__modal--header {
    display: block !important;
    width: calc(100% + 48px);
    margin-left: -48px;
  }
}
.photo-library__modal--header-category {
  color: #757575;
  margin-bottom: 8px;
}
@media (max-width: 991px) {
  .photo-library__modal--header-category {
    margin-bottom: 8px;
  }
}
.photo-library__modal--header-name {
  word-break: break-word;
  margin-bottom: 0;
}
.photo-library__modal--header-size {
  color: #757575;
  text-align: right;
  margin-top: 12px;
}
@media (max-width: 991px) {
  .photo-library__modal--header-size {
    text-align: left;
    margin-top: 8px;
  }
}
.photo-library__modal--header-close {
  position: absolute;
  background: #ffffff;
  border: none;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: #000000;
  left: 0;
  top: 8px;
  font-size: 24px;
  line-height: 24px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__modal--header-close {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 16px;
  }
}
@media (max-width: 991px) {
  .photo-library__modal--header-close {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 16px;
  }
}
.photo-library__modal--header-close:hover {
  background: #e41920;
  color: #ffffff;
}
.photo-library__modal--header-left {
  position: relative;
  padding-left: 76px;
  padding-right: 32px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__modal--header-left {
    padding-left: 48px;
    padding-right: 16px;
  }
}
@media (max-width: 991px) {
  .photo-library__modal--header-left {
    padding-left: 48px;
    padding-right: 0;
  }
}
.photo-library__modal--header-right {
  flex: 0 0 auto;
}
@media (max-width: 991px) {
  .photo-library__modal--header-right {
    padding-left: 48px;
    margin-top: 24px;
  }
}
.photo-library__modal--container {
  position: relative;
  padding-left: 76px;
  padding-right: 76px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__modal--container {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media (max-width: 991px) {
  .photo-library__modal--container {
    padding-left: 48px;
    padding-right: 0;
  }
}
.photo-library__modal--carousel {
  position: relative;
}
@media (max-width: 991px) {
  .photo-library__modal--carousel {
    margin-top: 24px;
    padding-right: 48px;
  }
}
.photo-library__modal--swiper-nav {
  position: absolute;
  background: #ffffff;
  border: none;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  color: #000000;
  top: 50%;
  font-size: 24px;
  line-height: 24px;
  transform: translateY(-50%);
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__modal--swiper-nav {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 16px;
  }
}
@media (max-width: 991px) {
  .photo-library__modal--swiper-nav {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 16px;
  }
}
.photo-library__modal--swiper-nav.swiper-button-disabled {
  opacity: 0;
}
.photo-library__modal--swiper-nav.modal-swiper-nav-prev {
  left: -76px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__modal--swiper-nav.modal-swiper-nav-prev {
    left: -48px;
  }
}
@media (max-width: 991px) {
  .photo-library__modal--swiper-nav.modal-swiper-nav-prev {
    left: -48px;
  }
}
.photo-library__modal--swiper-nav.modal-swiper-nav-next {
  right: -76px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__modal--swiper-nav.modal-swiper-nav-next {
    right: -48px;
  }
}
@media (max-width: 991px) {
  .photo-library__modal--swiper-nav.modal-swiper-nav-next {
    right: 0;
  }
}
.photo-library__modal--swiper-nav.modal-swiper-nav-hide {
  opacity: 0;
}
.photo-library__modal--swiper-nav:hover {
  background: #e41920;
  color: #ffffff;
}
.photo-library__modal--card {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 24px;
}
@media (max-width: 991px) {
  .photo-library__modal--card {
    padding: 16px;
  }
}
.photo-library__modal--card-thumbnails {
  min-height: 110px;
  text-align: center;
}
.photo-library__modal--card-content {
  margin-top: 16px;
}
.photo-library__modal--card-size {
  text-align: center;
}
.photo-library__modal--card-action {
  margin-top: 16px;
  text-align: center;
}
.photo-library__load-more {
  text-align: center;
}
@media (min-width: 1600px) {
  .photo-library__load-more {
    margin-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .photo-library__load-more {
    margin-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .photo-library__load-more {
    margin-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .photo-library__load-more {
    margin-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .photo-library__load-more {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .photo-library__load-more {
    margin-top: 29px;
  }
}
.photo-library .productDisclaimer {
  margin-bottom: 0;
}

.section .photo-library__modal--card {
  background-color: #F3F4F6;
}
.section.section__gray .photo-library__modal--card {
  background-color: #ffffff;
}
.section.section__dark .photo-library__modal--card {
  background-color: #262626;
}
.section.section__dark .photo-library__modal--card-size {
  color: #939393;
}
.section.section__dark .button__outline--dark {
  border-color: #ffffff;
  color: #ffffff;
}

/* Hide the swiper until it's ready */
.mainSwiper {
  visibility: hidden;
}

/* Reveal only after JS flips this on 'init' */
.mainSwiper.is-ready {
  visibility: visible;
}

/* While locking, prevent any slide transition */
.mainSwiper.is-locking .swiper-wrapper {
  transition: none !important;
}

/* Optional: keep a steady box to avoid layout shift */
.mainSwiper {
  min-height: 250px;
}
@media (max-width: 991px) {
  .mainSwiper {
    min-height: 232px;
  }
}

.errorPage {
  background-position: top center;
  background-repeat: no-repeat;
  height: calc(100vh - 88px);
}
.errorPage__404 {
  font-size: 190px;
  line-height: 190px;
  text-align: center;
  color: #DBDBDB;
}
@media (max-width: 991px) {
  .errorPage__404 {
    font-size: 160px;
    line-height: 160px;
  }
}
.errorPage__sorry {
  margin-bottom: 32px;
}
.errorPage__image {
  position: relative;
  text-align: center;
}
.errorPage__image--fluid {
  width: 300px;
  height: auto;
}
@media (min-width: 1400px) {
  .errorPage__image--fluid {
    width: 340px;
    height: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .errorPage__image--fluid {
    width: 260px;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .errorPage__image--fluid {
    width: 220px;
    height: auto;
  }
}
@media (max-width: 767px) {
  .errorPage__image--fluid {
    width: 200px;
    height: auto;
  }
}
.errorPage__content {
  text-align: center;
  color: #ffffff;
  margin-top: 48px;
}
@media (max-width: 991px) {
  .errorPage__content {
    font-size: 20px;
    line-height: normal;
    margin-top: 24px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .errorPage__content {
    font-size: 20px;
    line-height: normal;
  }
}
@media (max-width: 767px) {
  .errorPage__content {
    font-size: 18px;
    line-height: normal;
  }
}
@media (max-width: 991px) {
  .errorPage__content--title {
    font-size: 40px;
    line-height: 42px;
  }
}
.errorPage__action {
  text-align: center;
  margin-top: 48px;
}
@media (max-width: 991px) {
  .errorPage__action {
    margin-top: 24px;
  }
}
.errorPage__language {
  margin-top: 120px;
  text-align: center;
}
@media (max-width: 991px) {
  .errorPage__language {
    margin-top: 60px;
  }
}
.errorPage__language .errorPage__language--row:last-child {
  border: none;
}
@media (max-width: 991px) {
  .errorPage__language .errorPage__language--row:last-child .errorPage__language--column:first-child {
    border-top: 1px solid #383838;
    padding-top: 20px;
  }
}
.errorPage__language .errorPage__language--row:last-child .errorPage__language--column:last-child {
  border-right: 1px solid #383838;
}
@media (max-width: 991px) {
  .errorPage__language .errorPage__language--row:last-child .errorPage__language--column:last-child {
    border-right: none;
    padding-bottom: 0;
  }
}
@media (max-width: 991px) {
  .errorPage__language .errorPage__language--row .errorPage__language--column:first-child {
    padding-top: 0;
  }
}
.errorPage__language .errorPage__language--row .errorPage__language--column:last-child {
  border: none;
}
.errorPage__language--row {
  border-bottom: 1px solid #383838;
  margin: 0;
}
@media (max-width: 991px) {
  .errorPage__language--row {
    border-bottom: none;
  }
}
.errorPage__language--column {
  border-right: 1px solid #383838;
  padding: 40px;
}
@media (max-width: 991px) {
  .errorPage__language--column {
    border-right: none;
    border-bottom: 1px solid #383838;
    padding: 20px;
  }
}
.errorPage.section__gray .errorPage__content {
  color: #000000;
}

.navbar-maintenance .navbar-logo {
  height: 42px;
  width: auto;
}
@media (max-width: 991px) {
  .navbar-maintenance .navbar-logo {
    height: 36px;
  }
}

.pressArticle__heading {
  text-align: center;
  margin-bottom: 48px;
}
@media (min-width: 1600px) {
  .pressArticle__heading {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pressArticle__heading {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pressArticle__heading {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pressArticle__heading {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__heading {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .pressArticle__heading {
    margin-bottom: 22px;
  }
}
.pressArticle__heading--title {
  margin-bottom: 0;
}
.pressArticle__heading--subtitle {
  color: #757575;
  padding: 0 32px;
}
@media (min-width: 1600px) {
  .pressArticle__heading--subtitle {
    margin-top: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pressArticle__heading--subtitle {
    margin-top: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pressArticle__heading--subtitle {
    margin-top: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pressArticle__heading--subtitle {
    margin-top: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__heading--subtitle {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .pressArticle__heading--subtitle {
    margin-top: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pressArticle__heading--subtitle {
    padding: 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__heading--subtitle {
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .pressArticle__heading--subtitle {
    padding: 0 8px;
  }
}
.pressArticle__search {
  position: relative;
  height: 72px;
}
@media (max-width: 767px) {
  .pressArticle__search {
    height: auto;
  }
}
.pressArticle__search--form {
  position: absolute;
  width: 100%;
}
@media (max-width: 767px) {
  .pressArticle__search--form {
    position: relative;
  }
}
.pressArticle__search--input {
  color: #000000;
  width: 100%;
  border: none;
  border-radius: 10px;
  padding: 24px 340px 24px 68px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__search--input {
    padding-left: 46px;
  }
}
@media (max-width: 767px) {
  .pressArticle__search--input {
    padding: 24px 24px 24px 58px;
  }
}
.pressArticle__search--input::placeholder {
  color: #757575;
}
.pressArticle__search--input:focus, .pressArticle__search--input:focus-visible {
  outline: 0;
}
.pressArticle__search--icon {
  position: absolute;
  font-size: 20px;
  line-height: 20px;
  top: 28px;
  left: 24px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__search--icon {
    left: 16px;
    top: 24px;
  }
}
@media (max-width: 767px) {
  .pressArticle__search--icon {
    top: 24px;
  }
}
.pressArticle__search--action {
  position: absolute;
  height: 100%;
  top: 5px;
  right: 8px;
}
@media (max-width: 767px) {
  .pressArticle__search--action {
    position: relative;
    display: flex;
    top: auto;
    right: auto;
    margin-top: 8px;
  }
}
.pressArticle__search--action .pressArticle__search-filter {
  height: 54px;
}
@media (min-width: 1400px) {
  .pressArticle__search--action .pressArticle__search-filter {
    height: 56px;
  }
}
@media (max-width: 767px) {
  .pressArticle__search--action .pressArticle__search-filter {
    background-color: #ffffff !important;
  }
}
.pressArticle__search--topic {
  position: relative;
  display: inline-block;
  width: 250px;
}
@media (max-width: 767px) {
  .pressArticle__search--topic {
    display: block;
    width: auto;
    flex: 1 1 auto;
  }
}
.pressArticle__search--topic-button {
  position: relative;
  background: #F3F4F6;
  width: 100%;
  padding: 16px 48px 16px 20px;
  text-align: left;
  color: #000000;
  border: none;
  border-radius: 7px;
}
@media (max-width: 767px) {
  .pressArticle__search--topic-button {
    background-color: #ffffff;
  }
}
.pressArticle__search--topic-button span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}
.pressArticle__search--topic-button.show::after {
  content: "\ec6c";
}
.pressArticle__search--topic-button::after {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\ec5b";
  right: 20px;
  top: 17px;
}
.pressArticle__search--sort {
  position: relative;
  display: inline-block;
  top: 3.5px;
  margin-left: 4.5px;
}
@media (max-width: 767px) {
  .pressArticle__search--sort {
    display: block;
    top: 0;
    margin-left: 8px;
  }
}
.pressArticle__search--sort-button {
  background: #F3F4F6;
  width: 60px;
  height: 51.5px;
  font-size: 20px;
  line-height: 20px;
  border: none;
  padding: 0;
  border-radius: 7px;
}
@media (min-width: 1400px) {
  .pressArticle__search--sort-button {
    width: 60px;
    height: 56px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__search--sort-button {
    height: 51.5px;
  }
}
@media (max-width: 767px) {
  .pressArticle__search--sort-button {
    background: #ffffff;
    height: 56px;
  }
}
.pressArticle__search--dropdown {
  background-color: #ffffff;
  padding: 0;
  width: 100%;
  border: none;
  border-radius: 7px;
  z-index: 12;
  max-height: 295px;
  overflow-y: auto;
  scrollbar-width: thin;
  clip-path: inset(0 round 7px);
}
.pressArticle__search--dropdown::-webkit-scrollbar {
  width: 6px;
}
.pressArticle__search--dropdown::-webkit-scrollbar-thumb {
  background-color: #E8E9EB;
  border-radius: 10px;
}
.pressArticle__search--dropdown::-webkit-scrollbar-track {
  background: transparent;
}
.pressArticle__search--dropdown li {
  padding: 12px 20px;
  border-bottom: 1px solid #E8E9EB;
  background-color: transparent;
  word-break: break-all;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.pressArticle__search--dropdown li:last-child {
  border-bottom: none;
}
.pressArticle__search--dropdown li:hover {
  color: #e41920;
}
.pressArticle__search--dropdown li.active {
  color: #939393;
  cursor: default;
}
.pressArticle__search--dropdown li.active:hover {
  color: #939393;
}
@media (min-width: 1600px) {
  .pressArticle__body {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pressArticle__body {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pressArticle__body {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pressArticle__body {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__body {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .pressArticle__body {
    margin-top: 22px;
  }
}
@media (min-width: 1600px) {
  .pressArticle__featured {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pressArticle__featured {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pressArticle__featured {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pressArticle__featured {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__featured {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .pressArticle__featured {
    margin-bottom: 11px;
  }
}
@media (max-width: 991px) {
  .pressArticle__featured {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .pressArticle__listing .row {
    margin-left: -12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pressArticle__listing .row {
    margin-left: -10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pressArticle__listing .row {
    margin-left: -8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pressArticle__listing .row {
    margin-left: -7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__listing .row {
    margin-left: -6px;
  }
}
@media (max-width: 767px) {
  .pressArticle__listing .row {
    margin-left: -5px;
  }
}
@media (min-width: 1600px) {
  .pressArticle__listing .row {
    margin-right: -12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pressArticle__listing .row {
    margin-right: -10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pressArticle__listing .row {
    margin-right: -8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pressArticle__listing .row {
    margin-right: -7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__listing .row {
    margin-right: -6px;
  }
}
@media (max-width: 767px) {
  .pressArticle__listing .row {
    margin-right: -5px;
  }
}
@media (min-width: 1600px) {
  .pressArticle__listing .row {
    row-gap: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pressArticle__listing .row {
    row-gap: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pressArticle__listing .row {
    row-gap: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pressArticle__listing .row {
    row-gap: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__listing .row {
    row-gap: 12px;
  }
}
@media (max-width: 767px) {
  .pressArticle__listing .row {
    row-gap: 11px;
  }
}
@media (max-width: 991px) {
  .pressArticle__listing .row {
    row-gap: 16px;
  }
}
@media (min-width: 1600px) {
  .pressArticle__listing .row > * {
    padding-left: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pressArticle__listing .row > * {
    padding-left: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pressArticle__listing .row > * {
    padding-left: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pressArticle__listing .row > * {
    padding-left: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__listing .row > * {
    padding-left: 6px;
  }
}
@media (max-width: 767px) {
  .pressArticle__listing .row > * {
    padding-left: 5px;
  }
}
@media (min-width: 1600px) {
  .pressArticle__listing .row > * {
    padding-right: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pressArticle__listing .row > * {
    padding-right: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pressArticle__listing .row > * {
    padding-right: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pressArticle__listing .row > * {
    padding-right: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__listing .row > * {
    padding-right: 6px;
  }
}
@media (max-width: 767px) {
  .pressArticle__listing .row > * {
    padding-right: 5px;
  }
}
.pressArticle__action {
  text-align: center;
}
@media (min-width: 1600px) {
  .pressArticle__action {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .pressArticle__action {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .pressArticle__action {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .pressArticle__action {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .pressArticle__action {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .pressArticle__action {
    margin-top: 22px;
  }
}

.select2-container .pressArticle__search-dropdown {
  margin-top: 0;
}

.event-up-coming {
  position: relative;
}
.event-up-coming__container .col-xl-4 {
  margin-bottom: 24px;
}
.event-up-coming__more {
  margin-top: 64px;
  text-align: center;
}
@media (max-width: 991px) {
  .event-up-coming__more {
    margin-top: 48px;
  }
}
.event-list {
  background-color: #F3F4F6;
  padding: 0;
  margin: 0;
}
@media (min-width: 1600px) {
  .event-list__tabs {
    margin-bottom: 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .event-list__tabs {
    margin-bottom: 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .event-list__tabs {
    margin-bottom: 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .event-list__tabs {
    margin-bottom: 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-list__tabs {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .event-list__tabs {
    margin-bottom: 36px;
  }
}
@media (min-width: 1600px) {
  .event-list__tabs {
    padding-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .event-list__tabs {
    padding-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .event-list__tabs {
    padding-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .event-list__tabs {
    padding-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-list__tabs {
    padding-top: 12px;
  }
}
@media (max-width: 767px) {
  .event-list__tabs {
    padding-top: 11px;
  }
}
@media (max-width: 991px) {
  .event-list__tabs .tabNavText__item {
    font-size: 18px;
    line-height: 20px;
  }
}
.event-list__form {
  margin-bottom: 24px;
}
.event-list__form .form-control {
  border: none;
}
.event-list__search {
  position: relative;
}
.event-list__search-input {
  color: #000000;
  width: 100%;
  border: none;
  border-radius: 10px;
  padding: 24px 24px 24px 64px;
}
.event-list__search-input:focus {
  outline: 1px solid #939393;
  border-color: #939393;
}
.event-list__search-input:not(:placeholder-shown) {
  outline: 1px solid #939393;
  border-color: #939393;
}
.event-list__search-input::placeholder {
  color: #000000;
}
.event-list__search-icon {
  position: absolute;
  font-size: 20px;
  line-height: 20px;
  top: 25px;
  left: 24px;
}
.event-list__filter {
  position: relative;
}
.event-list__filter-date {
  color: #000000;
  width: 100%;
  border: none;
  border-radius: 10px;
  padding: 23px 40px 23px 20px;
}
.event-list__filter-date:focus {
  outline: 1px solid #939393;
  border-color: #939393;
}
.event-list__filter-date:not(:placeholder-shown) {
  outline: 1px solid #939393;
  border-color: #939393;
}
.event-list__filter-date::placeholder {
  color: #000000;
}
.event-list__filter-icon {
  position: absolute;
  font-size: 20px;
  line-height: 20px;
  top: 25px;
  right: 20px;
}
.event-list__filter .ci-arrow-down-1 {
  display: inline-block;
  transition: transform 0.3s ease;
}
.event-list__filter:focus-within .ci-arrow-down-1 {
  transform: rotate(-180deg);
}
.event-list__more {
  text-align: center;
}
@media (min-width: 1600px) {
  .event-list__more {
    margin-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .event-list__more {
    margin-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .event-list__more {
    margin-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .event-list__more {
    margin-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-list__more {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .event-list__more {
    margin-top: 29px;
  }
}
.event-list .eventCard {
  background-color: #ffffff;
}
.event-list__row {
  row-gap: 24px;
}
@media (max-width: 767px) {
  .event-list__row {
    row-gap: 12px;
  }
}

.pastEvent .sectionHeading__subtitle {
  margin-bottom: 32px;
}

.select2-container .event-list__search-filter .select2-selection__rendered {
  padding: 24px 40px 24px 20px;
}
.select2-container .event-list__search-filter .select2-selection__clear {
  right: 48px;
}
.select2-container .event-list__search-filter .select2-selection__arrow {
  right: 20px;
}

.eventsPayment__process {
  display: flex;
  flex-wrap: wrap;
}
.eventsPayment__process--steps {
  flex: 0 0 auto;
  color: #939393;
}
@media (min-width: 1600px) {
  .eventsPayment__process--steps {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__process--steps {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__process--steps {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__process--steps {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__process--steps {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__process--steps {
    margin-bottom: 18px;
  }
}
.eventsPayment__process--steps::before {
  font-family: "canonIcon" !important;
  content: "\ec63";
}
@media (min-width: 1600px) {
  .eventsPayment__process--steps::before {
    margin: 0 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__process--steps::before {
    margin: 0 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__process--steps::before {
    margin: 0 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__process--steps::before {
    margin: 0 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__process--steps::before {
    margin: 0 8px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__process--steps::before {
    margin: 0 7px;
  }
}
.eventsPayment__process--steps:first-child::before {
  display: none;
}
.eventsPayment__process--steps.active {
  color: #000000;
}
.eventsPayment__aside {
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1600px) {
  .eventsPayment__aside {
    padding-left: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__aside {
    padding-left: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__aside {
    padding-left: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__aside {
    padding-left: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__aside {
    padding-left: 32px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__aside {
    padding-left: 29px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__aside {
    position: relative !important;
    top: auto !important;
    padding-left: 0;
  }
}
.eventsPayment__aside--card {
  background-color: #F3F4F6;
  border-radius: 20px;
  overflow: auto;
  max-height: calc(100vh - 280px);
  transition: all 0.3s ease-in-out;
}
@media (min-width: 1600px) {
  .eventsPayment__aside--card {
    padding: 40px 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__aside--card {
    padding: 33px 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__aside--card {
    padding: 27px 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__aside--card {
    padding: 22px 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__aside--card {
    padding: 20px 24px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__aside--card {
    padding: 18px 22px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__aside--card {
    max-height: none;
    border-radius: 10px;
    margin-bottom: 16px;
  }
}
.eventsPayment__aside--group {
  border-top: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .eventsPayment__aside--group {
    padding-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__aside--group {
    padding-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__aside--group {
    padding-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__aside--group {
    padding-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__aside--group {
    padding-top: 12px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__aside--group {
    padding-top: 11px;
  }
}
@media (min-width: 1600px) {
  .eventsPayment__aside--group {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__aside--group {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__aside--group {
    margin-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__aside--group {
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__aside--group {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__aside--group {
    margin-top: 11px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__aside--group {
    padding-top: 16px;
    margin-top: 16px;
  }
}
.eventsPayment__countdown {
  text-align: center;
}
.eventsPayment__countdown--body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.eventsPayment__countdown--sparator {
  flex: 0 0 auto;
}
.eventsPayment__countdown--number {
  color: #000000;
}
.eventsPayment__countdown--time {
  color: #939393;
}
.eventsPayment__countdown--sparator {
  margin-left: 12px;
  margin-right: 12px;
}
.eventsPayment__countdown--card {
  flex: 0 0 auto;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 12px 16px;
  width: 90px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__countdown--card {
    padding: 8px 12px;
    width: 80px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__countdown--card {
    padding: 8px;
    width: 64px;
  }
}
.eventsPayment__countdown--desc {
  color: #757575;
  margin-top: 16px;
}
@media (max-width: 991px) {
  .eventsPayment__summary--collapse {
    border-top: 1px solid #DBDBDB;
    padding-top: 16px;
    margin-top: 16px;
  }
}
.eventsPayment__summary--collapse.collapse:not(.show) {
  display: block;
}
@media (max-width: 991px) {
  .eventsPayment__summary--collapse.collapse:not(.show) {
    display: none;
  }
}
.eventsPayment__summary--collapse-title {
  position: relative;
  padding-right: 26px;
  display: none;
}
@media (max-width: 991px) {
  .eventsPayment__summary--collapse-title {
    display: block;
  }
}
.eventsPayment__summary--collapse-title::before, .eventsPayment__summary--collapse-title::after {
  font-family: "canonIcon" !important;
  content: "\ec6c";
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
}
.eventsPayment__summary--collapse-title::after {
  display: none;
  content: "\ec5b";
}
.eventsPayment__summary--collapse-title.collapsed::before {
  display: none;
}
.eventsPayment__summary--collapse-title.collapsed::after {
  display: block;
}
.eventsPayment__summary--overview-heading {
  display: flex;
}
.eventsPayment__summary--overview-image {
  width: 200px;
  height: auto;
  overflow: hidden;
  margin-right: 16px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__summary--overview-image {
    width: 180px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__summary--overview-image {
    width: 140px;
  }
}
.eventsPayment__summary--overview-image img {
  border-radius: 4px;
}
.eventsPayment__summary--overview-info {
  flex: 1 1 auto;
}
.eventsPayment__summary--overview-date {
  margin-bottom: 8px;
  color: #757575;
}
.eventsPayment__summary--overview-title {
  color: #000000;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 52px;
}
@media (max-width: 991px) {
  .eventsPayment__summary--overview-title {
    height: 44px;
  }
}
.eventsPayment__summary--overview-desc {
  color: #757575;
  margin-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  height: 58.5;
}
@media (max-width: 991px) {
  .eventsPayment__summary--overview-desc {
    margin-top: 16px;
    height: 51px;
  }
}
.eventsPayment__summary--label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.eventsPayment__summary--label-title {
  flex: 1 1 auto;
  color: #757575;
}
.eventsPayment__summary--label-content {
  flex: 1 1 auto;
  text-align: right;
}
.eventsPayment__summary--session {
  margin-top: 8px;
}
.eventsPayment__summary--listing {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 8px;
}
.eventsPayment__summary--listing-left {
  flex: 1 1 auto;
}
.eventsPayment__summary--listing-right {
  flex: 1 1 auto;
  text-align: right;
}
.eventsPayment__group--title {
  background-color: #F3F4F6;
  border-radius: 10px;
  text-align: center;
  padding: 16px 24px;
}
@media (min-width: 1600px) {
  .eventsPayment__group--title {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__group--title {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__group--title {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__group--title {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__group--title {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__group--title {
    margin-bottom: 14px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__group--title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1600px) {
  .eventsPayment__group + .eventsPayment__group {
    margin-top: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__group + .eventsPayment__group {
    margin-top: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__group + .eventsPayment__group {
    margin-top: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__group + .eventsPayment__group {
    margin-top: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__group + .eventsPayment__group {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__group + .eventsPayment__group {
    margin-top: 18px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__group + .eventsPayment__group {
    margin-top: 24px;
  }
}
@media (min-width: 1600px) {
  .eventsPayment__group .promotionCard {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__group .promotionCard {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__group .promotionCard {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__group .promotionCard {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__group .promotionCard {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__group .promotionCard {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__group .promotionCard {
    margin-top: 12px;
  }
}
.eventsPayment__participant--group {
  border-bottom: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .eventsPayment__participant--group {
    padding-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__participant--group {
    padding-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__participant--group {
    padding-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__participant--group {
    padding-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__participant--group {
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__participant--group {
    padding-bottom: 14px;
  }
}
@media (min-width: 1600px) {
  .eventsPayment__participant--group {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__participant--group {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__participant--group {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__participant--group {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__participant--group {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__participant--group {
    margin-bottom: 14px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__participant--group {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
.eventsPayment__participant--group-heading {
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .eventsPayment__participant--group-heading {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
.eventsPayment__participant--group-title {
  color: #000000;
  margin-bottom: 0;
}
.eventsPayment__participant--group-subtitle {
  color: #383838;
  margin-top: 12px;
  margin-bottom: 0;
}
.eventsPayment__participant .form-group:last-child {
  margin-bottom: 0;
}
.eventsPayment__participant .form-group .form-label {
  color: #939393;
  margin-top: 0;
}
.eventsPayment__participant .form-group .form-label span {
  color: #e41920;
}
.eventsPayment__method--title {
  color: #000000;
  margin-bottom: 16px;
}
.eventsPayment__method--tabs {
  display: block;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .eventsPayment__method--tabs {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__method--tabs .row > *:last-child .eventsPayment__method--tabs-nav {
    margin-top: 12px;
  }
}
.eventsPayment__method--tabs-nav {
  text-align: center;
}
.eventsPayment__method--tabs-nav .radio {
  display: block;
  background-color: #ffffff;
  border: 1px solid #939393;
  padding: 16px 32px;
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
}
.eventsPayment__method--tabs-nav .radio:hover {
  border-color: #000000;
}
.eventsPayment__method--tabs-nav .radio:has(.radio__input:checked) {
  border-color: #e41920;
  color: #e41920;
}
.eventsPayment__method--tabs-nav .radio:has(.radio__input:checked):hover {
  border-color: #e41920;
}
.eventsPayment__method--tabs-nav .radio .radio__checkmark {
  border-color: #939393;
  top: 12px;
  left: 12px;
}
.eventsPayment__method--tabs-nav .radio .radio__input:checked ~ .radio__checkmark {
  border-color: #e41920;
}
.eventsPayment__method--form .form-group:last-child {
  margin-bottom: 0;
}
.eventsPayment__method--form .form-group .form-label {
  color: #939393;
  margin-top: 0;
}
.eventsPayment__method--form .form-group .form-label span {
  color: #e41920;
}
@media (max-width: 991px) {
  .eventsPayment__method--form .form-group .row > *:last-child .form-group {
    margin-top: 12px;
  }
}
.eventsPayment__method--offline-card {
  background-color: #F3F4F6;
  border-radius: 10px;
  text-align: center;
  color: #000000;
}
@media (min-width: 1600px) {
  .eventsPayment__method--offline-card {
    padding: 32px 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__method--offline-card {
    padding: 27px 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__method--offline-card {
    padding: 21px 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__method--offline-card {
    padding: 18px 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__method--offline-card {
    padding: 16px 20px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__method--offline-card {
    padding: 14px 18px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__method--offline-card {
    padding: 16px 32px;
  }
}
.eventsPayment__method--promo-code {
  display: flex;
}
@media (max-width: 991px) {
  .eventsPayment__method--promo-code {
    display: block;
  }
}
.eventsPayment__method--promo-code__input {
  flex: 1 1 auto;
}
.eventsPayment__method--promo-code__button {
  margin-left: 24px;
}
@media (max-width: 991px) {
  .eventsPayment__method--promo-code__button {
    margin-left: 0;
  }
}
.eventsPayment__method--promo-code__button .button {
  height: 60px;
}
@media (max-width: 991px) {
  .eventsPayment__method--promo-code__button .button {
    margin-top: 12px;
    width: 100%;
    height: auto;
  }
}
.eventsPayment__review {
  background-color: #F3F4F6;
  border-radius: 20px;
}
@media (min-width: 1600px) {
  .eventsPayment__review {
    padding: 64px 80px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__review {
    padding: 53px 67px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__review {
    padding: 43px 53px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__review {
    padding: 36px 45px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__review {
    padding: 32px 40px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__review {
    padding: 29px 36px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__review {
    border-radius: 10px;
  }
}
.eventsPayment__review--action {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1600px) {
  .eventsPayment__review--action {
    margin-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__review--action {
    margin-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__review--action {
    margin-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__review--action {
    margin-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__review--action {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__review--action {
    margin-top: 29px;
  }
}
.eventsPayment__review--action .button {
  margin-left: 8px;
  margin-right: 8px;
}
@media (max-width: 991px) {
  .eventsPayment__review--action .button {
    margin-left: 4px;
    margin-right: 4px;
  }
}
@media (min-width: 1600px) {
  .eventsPayment__terms-and-conditions {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__terms-and-conditions {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__terms-and-conditions {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__terms-and-conditions {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__terms-and-conditions {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__terms-and-conditions {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__terms-and-conditions {
    margin-top: 24px;
  }
}
.eventsPayment__terms-and-conditions--item {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .eventsPayment__terms-and-conditions--item {
    margin-bottom: 16px;
  }
}
.eventsPayment__terms-and-conditions--item:last-child {
  margin-bottom: 0;
}
.eventsPayment__actions {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .eventsPayment__actions {
    padding-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__actions {
    padding-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__actions {
    padding-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__actions {
    padding-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__actions {
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__actions {
    padding-top: 14px;
  }
}
@media (min-width: 1600px) {
  .eventsPayment__actions {
    margin-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .eventsPayment__actions {
    margin-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .eventsPayment__actions {
    margin-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .eventsPayment__actions {
    margin-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .eventsPayment__actions {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__actions {
    margin-top: 14px;
  }
}
@media (max-width: 991px) {
  .eventsPayment__actions {
    padding-top: 24px;
    margin-top: 24px;
  }
}
.eventsPayment__actions--column {
  flex: 1 1 auto;
}
@media (max-width: 767px) {
  .eventsPayment__actions--column {
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .eventsPayment__actions--column + .eventsPayment__actions--column {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .eventsPayment__actions--column .button {
    display: block;
    width: 100%;
  }
}

.header-hide .eventsPayment__aside--card {
  max-height: calc(100vh - 190px);
}
@media (max-width: 991px) {
  .header-hide .eventsPayment__aside--card {
    max-height: none;
  }
}

@media (min-width: 1600px) {
  .event-detail__page {
    padding-right: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .event-detail__page {
    padding-right: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .event-detail__page {
    padding-right: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .event-detail__page {
    padding-right: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-detail__page {
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .event-detail__page {
    padding-right: 18px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .event-detail__page {
    padding-right: 0;
  }
}
@media (max-width: 991px) {
  .event-detail__page {
    padding-right: 0;
  }
}
.event-detail__page > .event-detail__block {
  margin-bottom: 32px;
  position: relative;
}
.event-detail__page > .event-detail__block::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #DBDBDB;
  margin-top: 32px;
}
.event-detail__page > .event-detail__block:last-child::after {
  display: none;
}
.event-detail__page > .event-detail__block + .event-detail__block::after {
  display: none;
}
.event-detail__category {
  margin-bottom: 24px;
}
.event-detail__category ul {
  display: flex;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.event-detail__category ul li {
  position: relative;
  padding-right: 8px;
}
.event-detail__category ul li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 14px;
  background-color: #000000;
}
.event-detail__category ul li:last-child {
  padding-right: 0;
}
.event-detail__category ul li:last-child:after {
  content: none;
}
.event-detail__heading {
  margin-bottom: 32px;
}
.event-detail__block {
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .event-detail__half--column-left {
    padding-right: 32px;
  }
}
.event-detail__half--column-left .event-detail__subtitle {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .event-detail__half--column-left .event-detail__subtitle {
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .event-detail__half--column-right {
    padding-left: 32px;
    border-left: 1px solid #DBDBDB;
  }
}
@media (min-width: 992px) {
  .event-detail__half--column-right:only-child {
    padding-left: 0;
    border-left: none;
  }
}
@media (max-width: 991px) {
  .event-detail__half--column-right {
    margin-top: 32px;
    border-left: none;
  }
}
.event-detail__half--column-right .event-detail__subtitle {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .event-detail__half--column-right .event-detail__subtitle {
    margin-bottom: 12px;
  }
}
.event-detail__subtitle {
  margin-bottom: 12px;
}
.event-detail__info {
  display: flex;
  gap: 16px;
  color: #000000;
}
@media (max-width: 991px) {
  .event-detail__info {
    gap: 12px;
  }
}
.event-detail__info i {
  font-size: 24px;
  line-height: 24px;
}
@media (max-width: 991px) {
  .event-detail__info i {
    font-size: 20px;
    line-height: 20px;
  }
}
.event-detail__contact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #000000;
  row-gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .event-detail__contact {
    gap: 16px;
  }
}
.event-detail__contact [class^=ci-], .event-detail__contact [class*=" ci-"] {
  font-size: 24px;
}
@media (max-width: 991px) {
  .event-detail__contact [class^=ci-], .event-detail__contact [class*=" ci-"] {
    font-size: 20px;
    line-height: 20px;
  }
}
.event-detail__contact--label {
  display: inline-flex;
  flex: 0 0 auto;
  width: 100%;
  align-items: center;
}
@media (max-width: 991px) {
  .event-detail__contact--label {
    border: none;
    width: 100%;
    padding: 0;
  }
}
.event-detail__contact--label:last-child {
  border: none;
  padding-right: 0;
  margin-right: 0;
}
@media (max-width: 991px) {
  .event-detail__contact--label:last-child {
    border-right: none;
  }
}
.event-detail__contact--label:only-child {
  border-right: none;
  padding-right: 0;
}
.event-detail__contact--label [class^=ci-], .event-detail__contact--label [class*=" ci-"] {
  margin-right: 12px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}
@media (max-width: 991px) {
  .event-detail__contact--label [class^=ci-], .event-detail__contact--label [class*=" ci-"] {
    font-size: 20px;
    line-height: 20px;
  }
}
.event-detail__contact--label a {
  color: #e41920;
  word-break: break-all;
}
.event-detail__contact--label a:hover {
  color: #e41920;
}
@media (max-width: 991px) {
  .event-detail__location [class^=ci-], .event-detail__location [class*=" ci-"] {
    font-size: 20px;
    line-height: 20px;
  }
}
.event-detail__location-directions {
  text-align: start;
  margin-top: 24px;
  padding-left: 40px;
}
@media (max-width: 991px) {
  .event-detail__location-directions {
    margin-top: 16px;
    padding-left: 0;
    text-align: start;
  }
  .event-detail__location-directions .button {
    width: 100%;
  }
}
.event-detail__address {
  color: #757575;
  margin-top: 16px;
}
@media (max-width: 991px) {
  .event-detail__address {
    margin-top: 8px;
  }
}
.event-detail__map {
  margin-top: 32px;
}
@media (max-width: 991px) {
  .event-detail__map {
    margin-top: 16px;
  }
}
.event-detail__map .event-map {
  border-radius: 20px;
}
.event-detail__sidebar {
  background-color: #F3F4F6;
  border-radius: 20px;
}
@media (max-width: 991px) {
  .event-detail__sidebar {
    margin-top: 24px;
  }
}
.event-detail__sidebar--body {
  border-bottom: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .event-detail__sidebar--body {
    padding: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .event-detail__sidebar--body {
    padding: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .event-detail__sidebar--body {
    padding: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .event-detail__sidebar--body {
    padding: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-detail__sidebar--body {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .event-detail__sidebar--body {
    padding: 14px;
  }
}
@media (max-width: 991px) {
  .event-detail__sidebar--body {
    padding: 24px;
  }
}
.event-detail__sidebar--body-title {
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .event-detail__sidebar--body-title {
    margin-bottom: 8px;
  }
}
.event-detail__sidebar--body-desc {
  color: #757575;
}
@media (min-width: 1600px) {
  .event-detail__sidebar--footer {
    padding: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .event-detail__sidebar--footer {
    padding: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .event-detail__sidebar--footer {
    padding: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .event-detail__sidebar--footer {
    padding: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .event-detail__sidebar--footer {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .event-detail__sidebar--footer {
    padding: 14px;
  }
}
@media (max-width: 991px) {
  .event-detail__sidebar--footer {
    padding: 24px;
  }
}
.event-detail__sidebar--footer-price {
  color: #757575;
  margin-bottom: 16px;
}
.event-detail__sidebar--footer-price span {
  display: block;
  color: #000000;
  margin-top: 5px;
}
.event-detail__sidebar--footer .button {
  width: 100%;
}

@media (min-width: 1600px) {
  .globalSearchResults .searchForm {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .globalSearchResults .searchForm {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .globalSearchResults .searchForm {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults .searchForm {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .globalSearchResults .searchForm {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .globalSearchResults .searchForm {
    margin-bottom: 22px;
  }
}
@media (min-width: 1600px) {
  .globalSearchResults__nav {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .globalSearchResults__nav {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .globalSearchResults__nav {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__nav {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .globalSearchResults__nav {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .globalSearchResults__nav {
    margin-bottom: 22px;
  }
}
.globalSearchResults__counter {
  color: #757575;
}
@media (min-width: 1600px) {
  .globalSearchResults__counter {
    margin-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .globalSearchResults__counter {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .globalSearchResults__counter {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__counter {
    margin-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .globalSearchResults__counter {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .globalSearchResults__counter {
    margin-bottom: 11px;
  }
}
@media (max-width: 991px) {
  .globalSearchResults__counter {
    font-size: 16px;
    line-height: normal;
  }
}
.globalSearchResults__listing--link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 12px;
  z-index: 1;
}
@media (max-width: 991px) {
  .globalSearchResults__listing--link {
    border-radius: 10px;
  }
}
.globalSearchResults__listing--card {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  background-color: #F3F4F6;
  padding: 10px;
  border-radius: 12px;
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .globalSearchResults__listing--card {
    padding: 8px;
    border-radius: 10px;
    margin-bottom: 12px;
  }
}
.globalSearchResults__listing--card::last-child {
  margin-bottom: 0;
}
.globalSearchResults__listing--figure {
  flex: 0 0 auto;
  width: 25%;
}
@media (max-width: 991px) {
  .globalSearchResults__listing--figure {
    width: 100%;
  }
}
.globalSearchResults__listing--thumbnail {
  position: relative;
  background-color: #E8E9EB;
  background-position-y: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  padding-bottom: 70.1754385965%;
}
@media (max-width: 991px) {
  .globalSearchResults__listing--thumbnail {
    border-radius: 8px;
  }
}
.globalSearchResults__listing--image {
  position: absolute;
  max-width: 50%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in-out;
}
.globalSearchResults__listing--container {
  flex: 1;
  align-self: center;
}
@media (min-width: 1600px) {
  .globalSearchResults__listing--container {
    padding-top: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .globalSearchResults__listing--container {
    padding-top: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .globalSearchResults__listing--container {
    padding-top: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__listing--container {
    padding-top: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .globalSearchResults__listing--container {
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .globalSearchResults__listing--container {
    padding-top: 14px;
  }
}
@media (min-width: 1600px) {
  .globalSearchResults__listing--container {
    padding-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .globalSearchResults__listing--container {
    padding-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .globalSearchResults__listing--container {
    padding-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__listing--container {
    padding-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .globalSearchResults__listing--container {
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .globalSearchResults__listing--container {
    padding-bottom: 14px;
  }
}
@media (max-width: 991px) {
  .globalSearchResults__listing--container {
    padding: 24px 16px;
    flex: 0 0 auto;
    width: 100%;
  }
}
.globalSearchResults__listing--main {
  display: flex;
  flex-wrap: wrap;
}
.globalSearchResults__listing--content {
  flex: 1;
}
@media (min-width: 1600px) {
  .globalSearchResults__listing--content {
    padding-left: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .globalSearchResults__listing--content {
    padding-left: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .globalSearchResults__listing--content {
    padding-left: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__listing--content {
    padding-left: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .globalSearchResults__listing--content {
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .globalSearchResults__listing--content {
    padding-left: 14px;
  }
}
@media (min-width: 1600px) {
  .globalSearchResults__listing--content {
    padding-right: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .globalSearchResults__listing--content {
    padding-right: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .globalSearchResults__listing--content {
    padding-right: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__listing--content {
    padding-right: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .globalSearchResults__listing--content {
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .globalSearchResults__listing--content {
    padding-right: 14px;
  }
}
@media (max-width: 991px) {
  .globalSearchResults__listing--content {
    flex: 0 0 auto;
    width: 100%;
    padding: 0;
  }
}
.globalSearchResults__listing--action {
  flex: 0 0 auto;
  width: 260px;
  border-left: 1px solid #DBDBDB;
  align-content: end;
}
@media (min-width: 1600px) {
  .globalSearchResults__listing--action {
    padding-left: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .globalSearchResults__listing--action {
    padding-left: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .globalSearchResults__listing--action {
    padding-left: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__listing--action {
    padding-left: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .globalSearchResults__listing--action {
    padding-left: 16px;
  }
}
@media (max-width: 767px) {
  .globalSearchResults__listing--action {
    padding-left: 14px;
  }
}
@media (min-width: 1600px) {
  .globalSearchResults__listing--action {
    padding-right: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .globalSearchResults__listing--action {
    padding-right: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .globalSearchResults__listing--action {
    padding-right: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__listing--action {
    padding-right: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .globalSearchResults__listing--action {
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .globalSearchResults__listing--action {
    padding-right: 14px;
  }
}
@media (min-width: 1400px) {
  .globalSearchResults__listing--action {
    width: 300px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__listing--action {
    width: 220px;
  }
}
@media (max-width: 991px) {
  .globalSearchResults__listing--action {
    width: 100%;
    padding: 0;
    border-left: none;
    border-top: 1px solid #DBDBDB;
    margin-top: 16px;
    padding-top: 16px;
  }
}
.globalSearchResults__listing--button {
  position: relative;
  z-index: 2;
}
.globalSearchResults__listing--button .button {
  width: 100%;
  margin-bottom: 12px;
}
@media (max-width: 991px) {
  .globalSearchResults__listing--button .button {
    margin-bottom: 8px;
  }
}
.globalSearchResults__listing--button .button:only-child {
  margin-bottom: 0;
}
.globalSearchResults__listing--button .button + .button {
  margin-bottom: 0;
}
.globalSearchResults__listing--label {
  margin-bottom: 16px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__listing--label {
    margin-bottom: 12px;
  }
}
@media (max-width: 991px) {
  .globalSearchResults__listing--label {
    margin-bottom: 12px;
  }
}
.globalSearchResults__listing--label-tag {
  display: inline-block;
  border: 1px solid #757575;
  padding: 8px 12px;
  border-radius: 5px;
  color: #757575;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__listing--label-tag {
    font-size: 10px;
    line-height: normal;
    padding: 6px 12px;
  }
}
.globalSearchResults__listing--label-date {
  display: block;
  color: #757575;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__listing--label-date {
    font-size: 14px;
  }
}
.globalSearchResults__listing--title {
  position: relative;
  margin-bottom: 16px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 55px;
  overflow: hidden;
  z-index: 2;
}
@media (min-width: 1400px) {
  .globalSearchResults__listing--title {
    max-height: 65px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .globalSearchResults__listing--title {
    max-height: 26px;
    -webkit-line-clamp: 1;
    margin-bottom: 12px;
  }
}
@media (max-width: 991px) {
  .globalSearchResults__listing--title {
    max-height: 50px;
    margin-bottom: 12px;
  }
}
.globalSearchResults__listing--title a {
  color: #000000;
}
.globalSearchResults__listing--title a:hover {
  text-decoration: none;
  color: #e41920;
}
.globalSearchResults__listing--desc {
  color: #757575;
}
.globalSearchResults__listing--desc p {
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 52px;
  overflow: hidden;
}
@media (min-width: 1400px) {
  .globalSearchResults__listing--desc p {
    max-height: 55px;
  }
}

.section__gray .globalSearchResults__listing--card {
  background-color: #ffffff;
}

.section__dark .globalSearchResults__listing--card {
  background-color: #262626;
}

@media (max-width: 767px) {
  .event-gallery .container-fluid {
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .event-gallery__row {
    height: 100% !important;
  }
}
@media (max-width: 767px) {
  .event-gallery .masonry-column {
    position: relative !important;
    height: auto !important;
    display: block !important;
    top: auto !important;
  }
}
.event-gallery__search {
  position: relative;
}
@media (max-width: 991px) {
  .event-gallery__search {
    display: flex;
  }
}
.event-gallery__search::before {
  position: absolute;
  font-family: "canonIcon" !important;
  content: "\e9de";
  color: #000000;
  font-size: 20px;
  line-height: 20px;
  top: 27px;
  left: 32px;
}
@media (max-width: 991px) {
  .event-gallery__search::before {
    font-size: 18px;
    line-height: 20px;
    top: 18px;
    left: 24px;
  }
}
.event-gallery__search--input {
  background-color: #F3F4F6;
  border: 1px solid transparent;
  border-radius: 10px;
  width: 100%;
  padding: 24px 24px 24px 76px;
  color: #000000;
}
@media (max-width: 991px) {
  .event-gallery__search--input {
    padding: 16px 24px 16px 58px;
    flex: 1 1 auto;
  }
}
.event-gallery__search--input.event-gallery__search__input--clear {
  padding-right: 64px;
}
@media (max-width: 991px) {
  .event-gallery__search--input.event-gallery__search__input--clear {
    padding-right: 52px;
  }
}
.event-gallery__search--input::placeholder {
  color: #757575;
}
.event-gallery__search--input:focus {
  outline: 0;
  border-color: #000000;
}
.event-gallery__search__clear {
  position: absolute;
  background: none;
  border: none;
  top: 27px;
  right: 32px;
  padding: 0;
  font-size: 20px;
  height: 20px;
}
@media (max-width: 991px) {
  .event-gallery__search__clear {
    top: 17px;
    right: 24px;
  }
}
.event-gallery__search__filter {
  position: relative;
  display: none;
  background-color: transparent;
  border: 1px solid #DBDBDB;
  border-radius: 10px;
  font-size: 24px;
  line-height: 24px;
  width: 70px;
  height: 53px;
  margin-left: 6px;
}
@media (max-width: 991px) {
  .event-gallery__search__filter {
    display: block;
  }
}
.event-gallery__search__filter--number {
  background-color: #e41920;
  position: absolute;
  width: 14px;
  height: 14px;
  text-align: center;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  line-height: 13px;
  overflow: hidden;
  right: 8px;
  top: 7px;
}
.event-gallery__search__action {
  text-align: center;
  margin-top: 64px;
}
@media (max-width: 991px) {
  .event-gallery__search__action {
    margin-top: 32px;
  }
}
.event-gallery__search__action .button {
  width: 530px;
}
@media (max-width: 991px) {
  .event-gallery__search__action .button {
    width: 50%;
  }
}
.event-gallery__search__popup {
  position: fixed;
  display: none;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 991px) {
  .event-gallery__search__popup {
    display: none;
  }
}
@media (max-width: 991px) {
  .event-gallery__search__popup.show {
    display: block;
  }
}
.event-gallery__search__popup--main {
  position: relative;
  transition: all 0.3s ease-in-out;
  left: -100%;
  height: 100%;
}
.event-gallery__search__popup--main.slide {
  left: 0;
}
.event-gallery__search__popup--body {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  padding-top: 40px;
}
.event-gallery__search__popup--heading {
  padding: 0 20px;
  display: flex;
}
.event-gallery__search__popup--heading-title {
  flex: 1 1 0;
  margin-bottom: 0;
}
.event-gallery__search__popup--heading-close {
  position: relative;
  background: none;
  border: none;
  top: 3px;
  padding: 0;
  font-size: 20px;
  height: 20px;
}
.event-gallery__search__popup--content {
  height: calc(100vh - 156px);
  overflow: auto;
  padding: 0 20px;
}
.event-gallery__search__popup--content-group {
  margin-top: 40px;
}
.event-gallery__search__popup--content-title {
  line-height: normal;
  color: #939393;
  margin-bottom: 24px;
}
.event-gallery__search__popup--content-list {
  margin: 0;
  padding: 0;
}
.event-gallery__search__popup--content-list li {
  list-style: none;
  margin: 16px 0;
  padding: 0;
}
.event-gallery__search__popup--action {
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  padding: 0 20px 20px 20px;
  text-align: center;
  bottom: 0;
}
.event-gallery__search .select2-container.select2 {
  position: absolute;
  width: 244px !important;
  top: 8px;
  right: 8px;
}
@media (max-width: 991px) {
  .event-gallery__search .select2-container.select2 {
    display: none;
  }
}
.event-gallery__search .select2-container--default .select2-selection--single {
  background-color: #ffffff;
  border: none;
  border-radius: 7px;
  height: 58px;
}
.event-gallery__search .select2-container .select__selection .select2-selection__rendered {
  padding: 16px 50px 16px 20px;
}
.event-gallery__search .select2-container .select__selection .select2-selection__arrow {
  right: 20px;
}

.section__gray .event-gallery__search__filter {
  background-color: #ffffff;
}
.section__gray .event-gallery__search .select2-container--default .select2-selection--single {
  background-color: #F3F4F6;
  border: none;
  border-radius: 7px;
  height: 58px;
}

.select2-container .event-gallery__search__select2--dropdown {
  margin-top: 0;
  border-radius: 0 0 10px 10px;
}
.select2-container .event-gallery__search__select2--dropdown.select2-dropdown--above {
  margin-top: 0;
}
.select2-container .event-gallery__search__select2--dropdown .select2-search--dropdown .select2-search__field {
  padding: 16px 50px 16px 20px;
}
.select2-container .event-gallery__search__select2--dropdown .select2-search--dropdown::before {
  right: 20px;
}
.select2-container .event-gallery__search__select2--dropdown .select2-results__option {
  padding: 16px 20px;
}

.maintenancePage.section__gradient {
  background: linear-gradient(135deg, #FFF7ED 0%, #FFFFFF 50%, #EEF6FF 100%);
  margin: 0;
  min-height: calc(100vh - 88px);
  display: flex;
}
@media (min-width: 1600px) {
  .maintenancePage.section__gradient {
    padding: 80px 0;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .maintenancePage.section__gradient {
    padding: 67px 0;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .maintenancePage.section__gradient {
    padding: 53px 0;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .maintenancePage.section__gradient {
    padding: 45px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .maintenancePage.section__gradient {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .maintenancePage.section__gradient {
    padding: 36px 0;
  }
}
.maintenancePage.section__gradient .maintenancePage__separator {
  border-top: 1px dashed #939393;
}
.maintenancePage.section__gradient .maintenancePage__content {
  color: #000000;
}
.maintenancePage__image {
  text-align: center;
  margin-bottom: 32px;
}
.maintenancePage__image img {
  max-width: 300px;
  height: auto;
}
@media (max-width: 991px) {
  .maintenancePage__image img {
    max-width: 220px;
  }
}
.maintenancePage__separator {
  border-top: 1px dashed #ffffff;
  width: 100%;
}
.maintenancePage__content {
  line-height: 1.6;
  color: #fff;
  margin-bottom: 32px;
}
.maintenancePage__content--title {
  font-weight: 600;
}
@media (max-width: 991px) {
  .maintenancePage__content--title {
    font-size: 24px;
  }
}
.maintenancePage__content a {
  text-decoration: none;
  color: #0facbc;
}
.maintenancePage__content a:hover {
  text-decoration: underline;
}
.maintenancePage__content a.link-url {
  color: #fff;
  text-decoration: underline;
  border-bottom: 1px solid #fff;
  word-break: break-all;
  padding-bottom: 2px;
}
.maintenancePage__content a.link-email {
  color: #e41920;
}
.maintenancePage__content a.link-email:hover {
  text-decoration: underline;
}
.maintenancePage.section__gray .maintenancePage__separator {
  border-top: 1px dashed #000000;
}
.maintenancePage.section__gray .maintenancePage__content {
  color: #000000;
}

/* 
Sims - PAGES
======================================================== */
@media (min-width: 1600px) {
  .simsProductDetail__container {
    padding-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductDetail__container {
    padding-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductDetail__container {
    padding-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductDetail__container {
    padding-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductDetail__container {
    padding-top: 24px;
  }
}
@media (max-width: 767px) {
  .simsProductDetail__container {
    padding-top: 22px;
  }
}
@media (min-width: 1600px) {
  .simsProductDetail__body {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductDetail__body {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductDetail__body {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductDetail__body {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductDetail__body {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .simsProductDetail__body {
    margin-top: 22px;
  }
}
@media (min-width: 1600px) {
  .simsProductDetail__group {
    row-gap: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductDetail__group {
    row-gap: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductDetail__group {
    row-gap: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductDetail__group {
    row-gap: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductDetail__group {
    row-gap: 12px;
  }
}
@media (max-width: 767px) {
  .simsProductDetail__group {
    row-gap: 11px;
  }
}
@media (min-width: 1600px) {
  .simsProductDetail__group {
    margin-bottom: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductDetail__group {
    margin-bottom: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductDetail__group {
    margin-bottom: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductDetail__group {
    margin-bottom: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductDetail__group {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .simsProductDetail__group {
    margin-bottom: 18px;
  }
}
@media (min-width: 1600px) {
  .simsProductDetail__group--title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductDetail__group--title {
    margin-bottom: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductDetail__group--title {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductDetail__group--title {
    margin-bottom: 7px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductDetail__group--title {
    margin-bottom: 6px;
  }
}
@media (max-width: 767px) {
  .simsProductDetail__group--title {
    margin-bottom: 5px;
  }
}
@media (min-width: 1600px) {
  .simsProductDetail .tabNavText,
  .simsProductDetail .accessPanel {
    margin-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsProductDetail .tabNavText,
  .simsProductDetail .accessPanel {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsProductDetail .tabNavText,
  .simsProductDetail .accessPanel {
    margin-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsProductDetail .tabNavText,
  .simsProductDetail .accessPanel {
    margin-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsProductDetail .tabNavText,
  .simsProductDetail .accessPanel {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .simsProductDetail .tabNavText,
  .simsProductDetail .accessPanel {
    margin-top: 11px;
  }
}

.simsFaqDetail__heading--detail {
  display: block;
}
@media (min-width: 1600px) {
  .simsFaqDetail__heading--detail {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail__heading--detail {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail__heading--detail {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail__heading--detail {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail__heading--detail {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail__heading--detail {
    margin-bottom: 22px;
  }
}
.simsFaqDetail__heading--detail-label {
  margin: 0;
  border-right: 1px solid #000000;
  font-size: 18px;
  line-height: 18px;
}
@media (min-width: 1600px) {
  .simsFaqDetail__heading--detail-label {
    margin-right: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail__heading--detail-label {
    margin-right: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail__heading--detail-label {
    margin-right: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail__heading--detail-label {
    margin-right: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail__heading--detail-label {
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail__heading--detail-label {
    margin-right: 7px;
  }
}
@media (min-width: 1600px) {
  .simsFaqDetail__heading--detail-label {
    padding-right: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail__heading--detail-label {
    padding-right: 13px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail__heading--detail-label {
    padding-right: 11px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail__heading--detail-label {
    padding-right: 9px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail__heading--detail-label {
    padding-right: 8px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail__heading--detail-label {
    padding-right: 7px;
  }
}
@media (max-width: 991px) {
  .simsFaqDetail__heading--detail-label {
    font-size: 16px;
    line-height: 16px;
  }
}
.simsFaqDetail__heading--detail-label:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.simsFaqDetail__heading--title {
  margin-bottom: 0;
}
.simsFaqDetail__static-pages {
  border-top: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .simsFaqDetail__static-pages {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail__static-pages {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail__static-pages {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail__static-pages {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail__static-pages {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail__static-pages {
    margin-top: 22px;
  }
}
@media (min-width: 1600px) {
  .simsFaqDetail__static-pages {
    padding-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail__static-pages {
    padding-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail__static-pages {
    padding-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail__static-pages {
    padding-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail__static-pages {
    padding-top: 24px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail__static-pages {
    padding-top: 22px;
  }
}
@media (max-width: 991px) {
  .simsFaqDetail__static-pages {
    padding-top: 24px;
    margin-top: 24px;
  }
}
@media (min-width: 1600px) {
  .simsFaqDetail__static-pages div {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail__static-pages div {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail__static-pages div {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail__static-pages div {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail__static-pages div {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail__static-pages div {
    margin-bottom: 22px;
  }
}
.simsFaqDetail__static-pages div:last-child {
  margin-bottom: 0;
}
.simsFaqDetail__static-pages div div {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .simsFaqDetail__static-pages div div {
    margin-bottom: 12px;
  }
}
.simsFaqDetail__static-pages div div:last-child {
  margin-bottom: 0;
}
.simsFaqDetail__static-pages div h1, .simsFaqDetail__static-pages div h2, .simsFaqDetail__static-pages div h3, .simsFaqDetail__static-pages div h4, .simsFaqDetail__static-pages div h5, .simsFaqDetail__static-pages div h6 {
  font-weight: 600;
  margin-bottom: 0;
}
.simsFaqDetail__static-pages img {
  max-width: 100%;
  height: auto;
}
.simsFaqDetail__static-pages table {
  width: 100%;
  border-left: none !important;
  border-right: none !important;
}
.simsFaqDetail__static-pages .ImportantUpper,
.simsFaqDetail__static-pages .MemoUpper,
.simsFaqDetail__static-pages .RefUpper {
  position: relative;
  color: #000000;
  background-color: #F3F4F6;
  padding: 40px 40px 24px 40px;
  border-radius: 10px 10px 0 0;
  margin: 0;
}
@media (min-width: 1600px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    margin-top: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    margin-top: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    margin-top: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    margin-top: 22px;
  }
}
@media (min-width: 1600px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding: 18px;
  }
}
@media (min-width: 1600px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding-bottom: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding-bottom: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding-bottom: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding-bottom: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding-bottom: 11px;
  }
}
@media (max-width: 991px) {
  .simsFaqDetail__static-pages .ImportantUpper,
  .simsFaqDetail__static-pages .MemoUpper,
  .simsFaqDetail__static-pages .RefUpper {
    padding: 20px 20px 12px 20px;
  }
}
.simsFaqDetail__static-pages .ImportantUpper::after,
.simsFaqDetail__static-pages .MemoUpper::after,
.simsFaqDetail__static-pages .RefUpper::after {
  position: absolute;
  display: block;
  background-color: #DBDBDB;
  content: "";
  width: calc(100% - 80px);
  height: 1px;
  left: 40px;
  bottom: 0;
}
@media (max-width: 991px) {
  .simsFaqDetail__static-pages .ImportantUpper::after,
  .simsFaqDetail__static-pages .MemoUpper::after,
  .simsFaqDetail__static-pages .RefUpper::after {
    width: calc(100% - 40px);
    left: 20px;
  }
}
.simsFaqDetail__static-pages .ImportantLower,
.simsFaqDetail__static-pages .MemoLower,
.simsFaqDetail__static-pages .RefLower {
  background-color: #F3F4F6;
  border-radius: 0 0 10px 10px;
}
@media (min-width: 1600px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    margin-bottom: 32px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    margin-bottom: 27px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    margin-bottom: 21px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    margin-bottom: 18px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    margin-bottom: 14px;
  }
}
@media (min-width: 1600px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding: 40px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding: 33px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding: 27px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding: 18px;
  }
}
@media (min-width: 1600px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding-top: 24px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding-top: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding-top: 16px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding-top: 13px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding-top: 12px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding-top: 11px;
  }
}
@media (max-width: 991px) {
  .simsFaqDetail__static-pages .ImportantLower,
  .simsFaqDetail__static-pages .MemoLower,
  .simsFaqDetail__static-pages .RefLower {
    padding: 12px 20px 20px 20px;
  }
}
.simsFaqDetail__static-pages .ImportantLower ul,
.simsFaqDetail__static-pages .MemoLower ul,
.simsFaqDetail__static-pages .RefLower ul {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .simsFaqDetail__static-pages .ImportantLower ul,
  .simsFaqDetail__static-pages .MemoLower ul,
  .simsFaqDetail__static-pages .RefLower ul {
    margin-bottom: 12px;
  }
}
.simsFaqDetail__static-pages .ImportantLower div,
.simsFaqDetail__static-pages .MemoLower div,
.simsFaqDetail__static-pages .RefLower div {
  margin-bottom: 0;
}
.simsFaqDetail .share {
  border-top: 1px solid #DBDBDB;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .simsFaqDetail .share {
    margin-top: 120px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail .share {
    margin-top: 100px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail .share {
    margin-top: 80px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail .share {
    margin-top: 67px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail .share {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail .share {
    margin-top: 54px;
  }
}
@media (min-width: 1600px) {
  .simsFaqDetail .share {
    padding-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsFaqDetail .share {
    padding-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsFaqDetail .share {
    padding-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsFaqDetail .share {
    padding-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsFaqDetail .share {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .simsFaqDetail .share {
    padding-top: 29px;
  }
}
.simsFaqDetail .sims-specification__comp table:first-child {
  border: none;
}
.simsFaqDetail .sims-specification__comp table tbody tr:last-child {
  border-bottom: none;
}
.simsFaqDetail .sims-specification__comp table pre {
  white-space: normal;
}
.simsFaqDetail .sims-specification__comp tr:has(> td > pre:empty) {
  display: none;
}
.simsFaqDetail .sims-specification__comp td[colspan="3"] {
  padding: 0;
}
.simsFaqDetail .sims-specification__comp td[colspan="3"] table {
  border-bottom: none;
}

.simsNoticeDetail__post {
  height: 100%;
  align-content: center;
}
.simsNoticeDetail__post--update {
  display: inline-block;
  padding: 8px 12px;
  margin-right: 8px;
  text-transform: uppercase;
  color: #e41920;
  border: 1px solid #e41920;
  border-radius: 5px;
}
@media (min-width: 1400px) {
  .simsNoticeDetail__post--update {
    padding: 12px 16px;
    margin-right: 12px;
  }
}
@media (max-width: 991px) {
  .simsNoticeDetail__post--update {
    padding: 6px 8px;
    margin-right: 6px;
  }
}
.simsNoticeDetail__post--date {
  display: inline-block;
}
.simsNoticeDetail__title {
  border-bottom: 1px solid #DBDBDB;
}
@media (min-width: 1600px) {
  .simsNoticeDetail__title {
    padding-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeDetail__title {
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeDetail__title {
    padding-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeDetail__title {
    padding-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeDetail__title {
    padding-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .simsNoticeDetail__title {
    padding-bottom: 22px;
  }
}
@media (min-width: 1600px) {
  .simsNoticeDetail__title {
    margin-bottom: 48px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeDetail__title {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeDetail__title {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeDetail__title {
    margin-bottom: 27px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeDetail__title {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .simsNoticeDetail__title {
    margin-bottom: 22px;
  }
}
.simsNoticeDetail__body table {
  width: 100%;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
}
.simsNoticeDetail__body table thead tr {
  border-bottom: 1px solid #DBDBDB;
}
.simsNoticeDetail__body table thead tr td {
  color: #000000;
  padding: 20px;
}
.simsNoticeDetail__body table tbody tr {
  border-bottom: 1px solid #DBDBDB;
}
.simsNoticeDetail__body table tbody tr:last-child {
  border-bottom: none;
}
.simsNoticeDetail__body table tbody tr td {
  padding: 20px;
}
.simsNoticeDetail__body img {
  max-width: 100%;
  height: auto;
}
.simsNoticeDetail__body table {
  width: 100%;
  border-left: none !important;
  border-right: none !important;
}
.simsNoticeDetail__body .ImportantUpper,
.simsNoticeDetail__body .MemoUpper,
.simsNoticeDetail__body .RefUpper {
  position: relative;
  color: #000000;
  background-color: #F3F4F6;
  padding: 40px 40px 24px 40px;
  border-radius: 10px 10px 0 0;
  margin: 0;
  margin-top: 48px;
}
@media (max-width: 991px) {
  .simsNoticeDetail__body .ImportantUpper,
  .simsNoticeDetail__body .MemoUpper,
  .simsNoticeDetail__body .RefUpper {
    padding: 20px 20px 12px 20px;
    margin-top: 24px;
  }
}
.simsNoticeDetail__body .ImportantUpper::after,
.simsNoticeDetail__body .MemoUpper::after,
.simsNoticeDetail__body .RefUpper::after {
  position: absolute;
  display: block;
  background-color: #DBDBDB;
  content: "";
  width: calc(100% - 80px);
  height: 1px;
  left: 40px;
  bottom: 0;
}
@media (max-width: 991px) {
  .simsNoticeDetail__body .ImportantUpper::after,
  .simsNoticeDetail__body .MemoUpper::after,
  .simsNoticeDetail__body .RefUpper::after {
    width: calc(100% - 40px);
    left: 20px;
  }
}
.simsNoticeDetail__body .ImportantLower,
.simsNoticeDetail__body .MemoLower,
.simsNoticeDetail__body .RefLower {
  background-color: #F3F4F6;
  padding: 24px 40px 40px 40px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 32px;
}
@media (max-width: 991px) {
  .simsNoticeDetail__body .ImportantLower,
  .simsNoticeDetail__body .MemoLower,
  .simsNoticeDetail__body .RefLower {
    padding: 12px 20px 20px 20px;
    margin-bottom: 16px;
  }
}
.simsNoticeDetail__body .ImportantLower ul,
.simsNoticeDetail__body .MemoLower ul,
.simsNoticeDetail__body .RefLower ul {
  margin-bottom: 24px;
}
@media (max-width: 991px) {
  .simsNoticeDetail__body .ImportantLower ul,
  .simsNoticeDetail__body .MemoLower ul,
  .simsNoticeDetail__body .RefLower ul {
    margin-bottom: 12px;
  }
}
.simsNoticeDetail__body .ImportantLower div,
.simsNoticeDetail__body .MemoLower div,
.simsNoticeDetail__body .RefLower div {
  margin-bottom: 0;
}
.simsNoticeDetail__share .share {
  border-top: 1px solid #DBDBDB;
  margin-top: 0;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .simsNoticeDetail__share .share {
    padding-top: 64px;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .simsNoticeDetail__share .share {
    padding-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .simsNoticeDetail__share .share {
    padding-top: 43px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .simsNoticeDetail__share .share {
    padding-top: 36px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .simsNoticeDetail__share .share {
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .simsNoticeDetail__share .share {
    padding-top: 29px;
  }
}
@media (max-width: 991px) {
  .simsNoticeDetail__share .share {
    margin-top: 0;
  }
}