body {
    background: #fff;
}

.text-lg {
    font-size: 2.5rem !important;
}
@media (max-width: 720px) {
  .text-lg {
    font-size: 1rem !important;
  }
  .leading-12 {
    line-height: 2rem;
}
}

.s-block--hero-slider .swiper-slide .overlay-bg:after, .s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled, .s-block--slider-with-bg .slider-bg:before {
display: none !important
}

.swiper-button-disabled {
    opacity: 1;
}
.s-slider-nav-arrow {
    border-color: #fff;
}
.s-slider-nav-arrow svg {
    fill: #fff;
}
.s-block--slider-with-bg {
    background-color: #fff;
}
.enhanced-title-border {
  position: relative;
  display: inline-block;
  text-align: center;
}

.home-block-title h2 {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 0 1rem; /* some breathing space around text */
}

.enhanced-title-border::before,
.enhanced-title-border::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 2px;
  background: #000;
  transform: translateY(-50%);
  width: 400px; /* base desktop size */
}

.enhanced-title-border::before {
  right: 100%;
  margin-right: 1rem;
}

.enhanced-title-border::after {
  left: 100%;
  margin-left: 1rem;
}



@media (max-width: 768px) {
  .enhanced-title-border::before,
  .enhanced-title-border::after {
    display: none;
  }
}

.swiper-slide.slide--one-sixth {
  position: relative;
  overflow: hidden;
}

.swiper-slide.slide--one-sixth img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0; /* remove rounding if you want full edge-to-edge */
}
.rounded-full {
     border-radius: 0px;
}
.slide--cat-entry {
    border-width: 0px; 
    padding: 0px; 
}
.swiper-slide.slide--one-sixth {
  position: relative;
  overflow: hidden;
}

.swiper-slide.slide--one-sixth img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.swiper-slide.slide--one-sixth h2 {
  position: absolute;
  top: 90px;         /* distance from top */
  right: 20px;       /* distance from right */
  color: white;      /* make visible on image */
  font-size: 1.25rem;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.4); /* optional: semi-transparent background */
  padding: 4px 8px;
  border-radius: 4px;
}
@media (min-width: 1024px) {
    salla-slider .slide--one-sixth {
        width: 25%;
    }
}
h2 {
    background: transparent !important;
}
h2[data-swiper-parallax="-500"] {
  text-align: right;
  margin-left: 0;
}
.center-between, .flex-center {
    align-items: center;
    justify-content: start;
    display: flex;
}
@media (max-width: 768px) {
  #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(10) > div.lg\:mx-0.text-center.mb-8.home-block-title > h2::before,
  #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(10) > div.lg\:mx-0.text-center.mb-8.home-block-title > h2::after {
    width: 40px;
  }
}