.aurum-basic-slider {
  position: relative;
  background: #ffffff;
  min-height: 200px;
  overflow: hidden;
  --slider-arrow-top: 50%;
  --slider-arrow-side-offset: 1rem;
  --slider-bullets-bottom: 1.25rem;
  --slider-bullets-left: 50%;
  --slider-bullets-right: auto;
  --slider-bullets-transform: translateX(-50%);
  --slider-bullets-justify: center;
}

.aurum-basic-slider__slides {
  position: relative;
  min-height: 190px;
  touch-action: pan-y;
  cursor: grab;
  user-select: none;
}

.aurum-basic-slider.is-dragging .aurum-basic-slider__slides {
  cursor: grabbing;
}

.aurum-basic-slider__slide {
  display: none;
  min-height: 190px;
  background:
    linear-gradient(135deg, rgba(198, 106, 43, 0.12), transparent),
    #fffaf5;
}

.aurum-basic-slider__slide.is-active {
  display: block;
}


.aurum-basic-slider__slide:not(.is-active) > img,
.aurum-basic-slider__slide:not(.is-active) > picture img {
  transform:scale(1.2);
}

.aurum-basic-slider__slide > img,
.aurum-basic-slider__slide > picture img {
  transform:scale(1);
  transition:all 600ms ease;
}

.aurum-basic-slider__slide--relative {
  position: relative;
}

.aurum-basic-slider--image-focus .aurum-basic-slider__slide {
  min-height: 0;
  padding: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
}

.aurum-basic-slider__picture,
.aurum-basic-slider__image {
  display: block;
  width: 100%;
}

.aurum-basic-slider__image {
  height: auto;
  object-fit: cover;
  pointer-events: none;
}


@media only screen and (min-width:1024px) {
  .aurum-basic-slider__image { aspect-ratio: 16 / 12.6; object-position: left; }
}

@media only screen and (min-width:1200px) {
  .aurum-basic-slider__image { aspect-ratio: 16 / 10.4; }
}

@media only screen and (min-width:1500px) {
  .aurum-basic-slider__image { aspect-ratio: 16 / 8.4; }
}

@media only screen and (min-width:1650px) {
  .aurum-basic-slider__image { aspect-ratio: 16 / 7.6; }
}

@media only screen and (min-width:1800px) {
  .aurum-basic-slider__image { aspect-ratio: 16 / 7; }
}

.aurum-basic-slider__content {
  padding-top: 1rem;
}

.aurum-basic-slider__content h3 {
  margin: 0 0 0.5rem;
  font-size: 1.6rem;
  line-height: 1.2;
}

.aurum-basic-slider__content p {
  margin: 0 0 1rem;
  line-height: 1.6;
  color: #62584d;
}

.aurum-basic-slider__content--overlay {
  position: absolute;
  left: 3rem;
  right: 3rem;
  top: 3rem;
  max-width: 520px;
  padding: 1rem 1.1rem;  
  color: #ffffff;
}

.aurum-basic-slider__content--overlay h2{
  font-family: "Runalto", Sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 60px;
  color: var(--e-global-color-text);
}

.aurum-basic-slider__content--overlay h2 span {
  color: var(--e-global-color-primary);
}

@media only screen and (max-width:767px) {
  .aurum-basic-slider__content--overlay h2{ font-size: 20px; line-height: 1.3;font-weight: 600; }
}

.aurum-basic-slider__content--overlay p {
  color: rgba(255, 255, 255, 0.88);
}

.aurum-basic-slider__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.7rem 1rem;
  background: #c66a2b;
  color: #ffffff;
  text-decoration: none;
}

.aurum-basic-slider__controls {
  position: relative;
  z-index: 2;
}

.aurum-basic-slider__arrows {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 1rem;
}

.aurum-basic-slider__arrow {
  appearance: none;
  border: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #1e1b18;
  color: #ffffff;
  cursor: pointer;
  font-size: 1.2rem;
  transition: transform 0.2s ease, background 0.2s ease;
}

.aurum-basic-slider__arrow:hover {
  transform: translateY(-2px);
  background: #c66a2b;
}

.aurum-basic-slider__bullets {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  justify-content: var(--slider-bullets-justify);
  margin-top: 1rem;
}

.aurum-basic-slider__bullet {
  appearance: none;
  border: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  padding: 0;
  background: rgba(30, 27, 24, 0.2);
  cursor: pointer;
  transition: transform 0.2s ease, background 0.2s ease;
}

.aurum-basic-slider__bullet.is-active {
  transform: scale(1.2);
  background: #c66a2b;
}

.aurum-basic-slider[data-layout="design1"] .aurum-basic-slider__controls {
  margin-top: 1rem;
}

.aurum-basic-slider[data-layout="design2"] .aurum-basic-slider__controls,
.aurum-basic-slider[data-layout="custom"] .aurum-basic-slider__controls {
  position: absolute;
  inset: 1rem;
  margin-top: 0;
  pointer-events: none;
}

.aurum-basic-slider[data-layout="design2"] .aurum-basic-slider__arrows,
.aurum-basic-slider[data-layout="custom"] .aurum-basic-slider__arrows {
  position: absolute;
  top: var(--slider-arrow-top);
  left: var(--slider-arrow-side-offset);
  right: var(--slider-arrow-side-offset);
  margin-top: 0;
  transform: translateY(-50%);
  pointer-events: none;
}

.aurum-basic-slider[data-layout="design2"] .aurum-basic-slider__arrow,
.aurum-basic-slider[data-layout="custom"] .aurum-basic-slider__arrow {
  pointer-events: auto;
  background: rgba(30, 27, 24, 0.78);
  backdrop-filter: blur(6px);
}

.aurum-basic-slider[data-layout="design2"] .aurum-basic-slider__bullets,
.aurum-basic-slider[data-layout="custom"] .aurum-basic-slider__bullets {
  position: absolute;
  left: var(--slider-bullets-left);
  right: var(--slider-bullets-right);
  bottom: var(--slider-bullets-bottom);
  margin-top: 0;
  transform: var(--slider-bullets-transform);
  pointer-events: auto;
}

.aurum-basic-slider[data-layout="design2"] .aurum-basic-slider__bullet,
.aurum-basic-slider[data-layout="custom"] .aurum-basic-slider__bullet {
  
}

.aurum-basic-slider[data-layout="custom"] .aurum-basic-slider__controls {
  inset: 0;
}

.aurum-basic-slider[data-bullets-position="left"] {
  --slider-bullets-left: 1rem;
  --slider-bullets-right: auto;
  --slider-bullets-transform: none;
  --slider-bullets-justify: flex-start;
}

.aurum-basic-slider[data-bullets-position="center"] {
  --slider-bullets-left: 50%;
  --slider-bullets-right: auto;
  --slider-bullets-transform: translateX(-50%);
  --slider-bullets-justify: center;
}

.aurum-basic-slider[data-bullets-position="right"] {
  --slider-bullets-left: auto;
  --slider-bullets-right: 1rem;
  --slider-bullets-transform: none;
  --slider-bullets-justify: flex-end;
}

@media (max-width: 640px) {
  .aurum-basic-slider__slide {
    min-height: 170px;
  }

  .aurum-basic-slider__content--overlay {
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
  }
}