.elementor-3763 .elementor-element.elementor-element-53d099f{--swiper-slides-to-display:1;--swiper-slides-gap:10px;}.elementor-3763 .elementor-element.elementor-element-53d099f .swiper-slide > .elementor-element{height:100%;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-3763 .elementor-element.elementor-element-0653d3c{--grid-columns:4;}@media(max-width:1024px){.elementor-3763 .elementor-element.elementor-element-53d099f{--swiper-slides-to-display:1;}.elementor-3763 .elementor-element.elementor-element-0653d3c{--grid-columns:4;}}@media(max-width:767px){.elementor-3763 .elementor-element.elementor-element-53d099f{--swiper-slides-to-display:1;}.elementor-3763 .elementor-element.elementor-element-0653d3c{--grid-columns:1;}}/* Start custom CSS */.hrn-hero-shell {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.hrn-hero-carousel,
.hrn-hero-carousel .swiper,
.hrn-hero-carousel .swiper-slide {
  width: 100%;
  overflow: hidden;
}

.hrn-hero-tabs {
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: 28px;
  width: min(880px, calc(100% - 40px));
  transform: translateX(-50%);
}

.hrn-hero-tabs .elementor-loop-container {
  gap: 1px;
}

.hrn-hero-tabs .e-loop-item {
  min-width: 0;
  height: 58px;
  overflow: hidden;
  background: rgba(10, 10, 10, 0.92);
  cursor: pointer;
  transition: background-color 0.25s ease;
}

.hrn-hero-tabs .e-loop-item > .elementor-element {
  width: 100%;
  height: 100%;
  background: transparent !important;
}

.hrn-hero-tabs .e-loop-item:hover,
.hrn-hero-tabs .e-loop-item.is-active,
.hrn-hero-tabs .e-loop-item.is-active > .elementor-element {
  background: #ed1b2f !important;
}

.hrn-hero-tabs .e-loop-item a,
.hrn-hero-tabs .e-loop-item .elementor-heading-title {
  display: -webkit-box;
  width: 100%;
  overflow: hidden;
  color: #fff;
  font-size: 15px;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  overflow-wrap: break-word;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 767px) {
  .hrn-hero-tabs {
    bottom: 12px;
    width: calc(100% - 24px);
    overflow-x: auto;
  }

  .hrn-hero-tabs .elementor-loop-container {
    display: flex;
    flex-wrap: nowrap;
  }

  .hrn-hero-tabs .e-loop-item {
    flex: 0 0 180px;
  }
}/* End custom CSS */