.slider-for {
  max-width: 672px;
  margin: auto;
  margin-bottom:30px
}
/* Image sizing */
.slider-for img {
  width: 672px !important;
  height: 414px !important;
  max-width: 100%;
  object-fit: cover;
  display: block;
  border-radius:30px !important;
}
/* === NAV WRAPPER LOCK === */
.slider-nav {
  max-width: calc((109px * 4) + (8px * 2)); /* 3 thumbs + gaps */
  overflow: hidden;
	margin: 0 auto;
}

/* Slick track fix */
.slider-nav .slick-track {
  display: flex !important;
	gap:15px;
}

/* EXACT thumbnail size */
.slider-nav .slick-slide {
/*   flex: 0 0 109px !important; */
  max-width: 109px !important;
  width: 109px !important;
  height: 67px;
/*   margin-right: 15px; */
  box-sizing: border-box;
}

/* Elementor image override */
.slider-nav .slick-slide > div {
  width: 109px !important;
}

/* Thumbnail image */
.slider-nav img {
  width: 109px !important;
  height: 67px !important;
  object-fit: cover;
  display: block;
}

/* Active */
.slider-nav .slick-current img {
  border: 2px solid #007cba;
}

/* Make sure parent allows arrows */
.elementor-column,
.elementor-widget-wrap,
.slider-nav {
  overflow: visible !important;
}

/* Arrow container */
.slider-nav .slick-prev,
.slider-nav .slick-next {
  display: flex !important;
  align-items: center;
  justify-content: center;

  width: 36px;
  height: 36px;
  background: #ffffff;            /* 🔥 REQUIRED */
  border: 1px solid #dcdcdc;
  border-radius: 50%;

  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;

  opacity: 1 !important;          /* 🔥 Elementor fix */
}

/* Position arrows */
.slider-nav .slick-prev {
  left: -45px !important;
}

.slider-nav .slick-next {
  right: -45px !important;
}

/* Arrow icon (THIS is what was invisible) */
.slider-nav .slick-prev::before,
.slider-nav .slick-next::before {
  font-family: "slick" !important;
  font-size: 22px !important;
  line-height: 1;
  color: #333 !important;         /* 🔥 REQUIRED */
  opacity: 1 !important;
}

.slider-nav .slick-prev:hover::before,
.slider-nav .slick-next:hover::before {
  color: red !important;
}



/* Remove Previous / Next text */
.slider-nav .slick-prev,
.slider-nav .slick-next {
  font-size: 0 !important;   /* hides text */
  background: none !important;
  border:none !important
}

/* Slick arrows base */
.slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
  height: 42px;
  background: #f3ebdf;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  font-size: 0;
}

/* Remove default arrow icon */
.slick-arrow::before {
  content: "";
}

/* Left arrow */
.slick-prev {
  left: 10px;
}

.slick-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-left: 2px solid #b08a57;
  border-bottom: 2px solid #b08a57;
  transform: translate(-40%, -50%) rotate(45deg);
}

/* Right arrow */
.slick-next {
  right: 10px;
}

.slick-next::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-right: 2px solid #b08a57;
  border-top: 2px solid #b08a57;
  transform: translate(-60%, -50%) rotate(45deg);
}

/* Hover effect */
.slick-arrow:hover {
  background: #eadfcf;
}

/* Restore arrow icon size */
.slider-nav .slick-prev::before,
.slider-nav .slick-next::before {
  font-size: 22px !important;
}

.rtw-title-text .rtw-title
{
    margin: 0px !important;
    padding: 0px !important;
    line-height: 1.12;
}
/* ===============================
   Tablet (≤ 1024px)
================================ */
@media (max-width: 1024px) {
  .slider-for img {
    height: 320px !important;
  }
}

/* ===============================
   Mobile (≤ 768px)
================================ */
@media (max-width: 768px) {
  .slider-for img {
    height: 240px !important;
  }
}

/* ===============================
   Small Mobile (≤ 480px)
================================ */
@media (max-width: 480px) {
  .slider-for img {
    height: 200px !important;
  }
}