/* Home hero carousel */
.main-highlights {
   overflow: hidden;
   margin-bottom: 2rem;
   background: #e3e6e6;
}

.main-highlights .carousel {
   height: 420px !important;
   max-height: 420px !important;
   overflow: hidden !important;
   background: #f5f5f5;
}

.main-highlights .carousel-inner,
.main-highlights .carousel-item,
.main-highlights .carousel-item > a {
   height: 100% !important;
   width: 100%;
}

.main-highlights .carousel-inner {
   overflow: hidden !important;
}

.main-highlights .carousel-item {
   float: left !important;
   margin-right: -100% !important;
   backface-visibility: hidden;
}

.main-highlights .carousel-item.active,
.main-highlights .carousel-item-next,
.main-highlights .carousel-item-prev {
   display: block !important;
}

.main-highlights .carousel-item-next:not(.carousel-item-left),
.main-highlights .active.carousel-item-right {
   transform: translateX(100%) !important;
}

.main-highlights .carousel-item-prev:not(.carousel-item-right),
.main-highlights .active.carousel-item-left {
   transform: translateX(-100%) !important;
}

.main-highlights .carousel-item-next.carousel-item-left,
.main-highlights .carousel-item-prev.carousel-item-right {
   transform: translateX(0) !important;
}

.main-highlights .carousel .carousel-item img {
   display: block;
   width: 100% !important;
   min-width: 100%;
   max-width: none !important;
   height: 100% !important;
   object-fit: cover;
   object-position: center;
}

.main-highlights .carousel-control-prev,
.main-highlights .carousel-control-next {
   top: 50%;
   bottom: auto;
   width: 58px;
   height: 64px;
   transform: translateY(-50%);
   background: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.08);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
   transition: opacity 0.2s ease, visibility 0.2s ease;
}

@media (hover: hover) {
   .main-highlights .carousel-control-prev,
   .main-highlights .carousel-control-next {
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
   }

   .main-highlights .carousel:hover .carousel-control-prev,
   .main-highlights .carousel:hover .carousel-control-next {
      opacity: 1;
      visibility: visible;
      pointer-events: auto;
   }
}

.main-highlights .carousel-control-prev {
   left: 0;
   border-radius: 0 32px 32px 0;
}

.main-highlights .carousel-control-next {
   right: 0;
   border-radius: 32px 0 0 32px;
}

.main-highlights .carousel-control-prev:hover,
.main-highlights .carousel-control-prev:focus,
.main-highlights .carousel-control-next:hover,
.main-highlights .carousel-control-next:focus {
   background: #ffffff;
   opacity: 1;
}

.main-highlights .carousel-control-prev-icon,
.main-highlights .carousel-control-next-icon {
   width: 18px;
   height: 28px;
   background-size: 18px 28px;
}

.main-highlights .carousel-control-prev-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23B71D32' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.main-highlights .carousel-control-next-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23B71D32' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.main-highlights .carousel-indicators {
   bottom: 24px !important;
   align-items: center;
   margin: 0;
}

.main-highlights .carousel-indicators li {
   width: 6px !important;
   height: 6px !important;
   margin: 0 4px !important;
   border: 1px solid rgba(0, 0, 0, 0.12) !important;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.88) !important;
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
   opacity: 1;
}

.main-highlights .carousel-indicators .active {
   width: 8px !important;
   height: 8px !important;
   background: #ffffff !important;
   border-color: rgba(0, 0, 0, 0.2) !important;
}

@media only screen and (max-width: 600px) {
   .main-highlights .carousel {
      height: 210px !important;
      max-height: 210px !important;
   }

   .main-highlights .carousel-item.gaclkec-banner img {
      height: 100% !important;
      width: 100% !important;
      margin-left: 0;
      object-fit: cover;
      object-position: center;
   }

   .main-highlights.section-highlight ol.carousel-indicators,
   .main-highlights .carousel-indicators {
      display: flex;
      bottom: 12px !important;
      margin: 0;
   }

   .main-highlights .carousel-control-prev,
   .main-highlights .carousel-control-next {
      width: 44px;
      height: 56px;
   }

   .main-highlights .carousel-control-prev-icon,
   .main-highlights .carousel-control-next-icon {
      width: 14px;
      height: 22px;
      background-size: 14px 22px;
   }
}