.clearfix::before, .clearfix::after {
  content: '';
  display: table; }

.clearfix::after {
  clear: both; }

.title-multi-carousel.carousel-title-wrapper .carousel-title {
  padding: 35px 0 0; }

@media (min-width: 544px) {
  .multi-carousel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; } }

.multi-carousel .nav-tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin-bottom: 2.125em;
  border-bottom: 0; }
  .multi-carousel .nav-tabs .nav-item {
    position: relative;
    margin: 8px 15px;
    cursor: pointer;
    font-size: 14px;
    color: #565656;
    text-transform: uppercase; }
    @media (max-width: 1024.98px) {
      .multi-carousel .nav-tabs .nav-item.multiCarouselImages-li {
        width: unset !important; } }
    .multi-carousel .nav-tabs .nav-item.multiCarouselImages-li::before {
      content: none; }
    .multi-carousel .nav-tabs .nav-item.multiCarouselImages-li.active::before {
      content: ''; }
    @media (min-width: 769px) {
      .multi-carousel .nav-tabs .nav-item.multiCarouselImages-li:hover::before {
        width: 100%;
        content: ''; }
      .multi-carousel .nav-tabs .nav-item.multiCarouselImages-li:hover .carouselImagePicture {
        border: 2px solid var(--global-color);
        transition: all 0.3s ease; } }
    .multi-carousel .nav-tabs .nav-item:not(:last-of-type):after {
      content: "";
      position: absolute;
      transform: translate(-50%, -50%);
      top: 12px;
      right: -21px;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background-color: #D9D9D9;
      margin-right: 2px; }
    .multi-carousel .nav-tabs .nav-item:hover::before {
      width: 100%; }
    .multi-carousel .nav-tabs .nav-item:before {
      position: absolute;
      content: "";
      width: 0;
      height: 2px;
      background-color: var(--global-color);
      bottom: -4px;
      transition: all 0.3s ease;
      transform: translateX(-50%);
      left: 50%; }
    .multi-carousel .nav-tabs .nav-item.active {
      font-weight: 700;
      color: #000; }
      .multi-carousel .nav-tabs .nav-item.active::before {
        width: 100%; }
    .multi-carousel .nav-tabs .nav-item .carouselImagePicture {
      border: 2px solid rgba(163, 227, 99, 0);
      border-radius: 50%;
      width: 130px;
      height: 130px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 1rem; }
      @media (min-width: 769px) {
        .multi-carousel .nav-tabs .nav-item .carouselImagePicture:hover {
          border: 6px solid var(--global-color);
          transition: all 0.3s ease; } }
      .multi-carousel .nav-tabs .nav-item .carouselImagePicture .multiCarouselImage {
        height: 100%;
        width: 100%;
        border-radius: 50%; }
    .multi-carousel .nav-tabs .nav-item .multiCarouselImageCircled {
      border: 2px solid var(--global-color);
      border-radius: 50%;
      width: 130px;
      height: 130px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      margin-bottom: 1rem; }

@media (min-width: 544px) {
  .multi-carousel .multi-carousel-content {
    -ms-flex-order: 1;
        order: 1; } }

.multi-carousel .multi-carousel-content .carousel-slider {
  height: 0;
  visibility: hidden;
  overflow: hidden; }
  .multi-carousel .multi-carousel-content .carousel-slider.active {
    height: auto;
    visibility: visible;
    margin-bottom: -0.1875rem; }
  .multi-carousel .multi-carousel-content .carousel-slider .carousel-inner {
    padding: 0 2.5em; }
    @media (max-width: 543.98px) {
      .multi-carousel .multi-carousel-content .carousel-slider .carousel-inner {
        padding: 0; } }
    @media (max-width: 543.98px) {
      .multi-carousel .multi-carousel-content .carousel-slider .carousel-inner .slick-list {
        padding: 0 1.25rem; } }
    .multi-carousel .multi-carousel-content .carousel-slider .carousel-inner .carousel-item {
      padding: 0; }
    .multi-carousel .multi-carousel-content .carousel-slider .carousel-inner .product-item__inner {
      background-color: transparent;
      border: none;
      padding: 10px;
      border-right: none;
      transition: all ease 0.25s; }
      .multi-carousel .multi-carousel-content .carousel-slider .carousel-inner .product-item__inner:hover {
        background-color: #d7d7d7; }
      .multi-carousel .multi-carousel-content .carousel-slider .carousel-inner .product-item__inner picture {
        height: auto; }
      .multi-carousel .multi-carousel-content .carousel-slider .carousel-inner .product-item__inner .product-item__link {
        padding: 0; }
      .multi-carousel .multi-carousel-content .carousel-slider .carousel-inner .product-item__inner.displayMiniParent {
        padding: 0;
        margin: 0; }
    .multi-carousel .multi-carousel-content .carousel-slider .carousel-inner .slick-prev {
      left: 39px;
      outline: none;
      border: none; }
    .multi-carousel .multi-carousel-content .carousel-slider .carousel-inner .slick-next {
      right: 40px;
      transform: translate(-40px, -50%);
      outline: none;
      border: none; }
    .multi-carousel .multi-carousel-content .carousel-slider .carousel-inner .slick-dots {
      bottom: -30px;
      z-index: 1; }

.multi-carousel .multi-carousel-content .tag-item {
  height: 0;
  visibility: hidden; }
  .multi-carousel .multi-carousel-content .tag-item.active {
    height: auto;
    visibility: visible; }

.multi-carousel .link {
  text-align: center;
  text-decoration: underline;
  margin: 20px 0;
  -ms-flex-order: 2;
      order: 2; }

.multi-carousel.multiCarouselImages--component .multicarouselImages-inner.nav-tabs .nav-item:after {
  content: none; }

@media (max-width: 768.98px) {
  .multi-carousel.multiCarouselImages--component .carousel-slider .carousel-inner {
    padding: 0;
    margin: 0; }
    .multi-carousel.multiCarouselImages--component .carousel-slider .carousel-inner .slick-list {
      padding: 0 20px; } }
