/* Adding the spaces */
/* the slides */
#slider-main-container .slick-slide {
  margin: 0 15px;
}

/* the parent */
#slider-main-container .slick-list {
  margin: 0 -15px;
  overflow: visible;
}

/*#slider-main-container .slick-list,
#slider-main-container .slick-track,
#slider-main-container .slick-slide {
  touch-action: pan-y;
  -ms-touch-action: pan-y; 
}*/

.design_inspiration.slick-initialized {
  max-width: 100%;
  margin: 0 auto;
}

#slider-main-container .custom-slide-image img {
  width: 100%;
}

/* Kill arrow overlay panels */
#slider-main-container .slick-arrow,
#slider-main-container .slick-arrow:focus,
#slider-main-container .slick-arrow:hover {
  background: transparent !important;
  border: 0 !important;
}


/* Circle around navigation buttons */
#slider-main-container .slick-arrow:before {
  display: none !important;
}



#slider-main-container .slick-next {
  right: -15px;
}

#slider-main-container .slick-prev {
  left: -15px;
}

#slider-main-container .slick-arrow.slick-prev:before {
  right: 10px;
}

#slider-main-container .slick-arrow.slick-next:before {
  left: 10px;
}

#slider-main-container .slick-arrow:hover:before {
  background-color: #ffffffdb;
}

#slider-main-container .custom-slide-title {
  margin-top: 1.3rem;
}

#slider-main-container .custom-slide-title .custom-slide-title-text {
  font-family: jost;
  color: #000;
  font-size: 22px;
  font-weight: 400;
  line-height: 30.8px;
}

.palmer-button.custom-slide-title a {
  display: flex;
  gap: 10px !important;
  align-items: center;
}

#slider-main-container .custom-slide-description p {
  text-align: left;
  color: #19181899;
  font-size: 22px;
  font-weight: 400;
  line-height: 30.8px;
  margin-top: 0.5rem;
}

.slick-slide .custom-slide-title,
.slick-slide .custom-slide-description {
  display: block;
}
/*
.slick-slide.slick-active .custom-slide-title,
.slick-slide.slick-active .custom-slide-description {
  display: block;
}
*/

@media (max-width: 1241px) {
  #slider-main-container .slick-slide {
    margin: 0 10px;
  }
}

@media (max-width: 769px) {
  #slider-main-container .slick-slide {
    margin: 0 6px;
  }

  #slider-main-container .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    --container-max-width: 100% !important;
  }

  .slick-slide .custom-slide-title,
  .slick-slide .custom-slide-description {
    display: block;
  }
	
#slider-main-container .custom-slide-title .custom-slide-title-text {
  font-family: jost;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 30.8px;
  }	
	
  #slider-main-container .custom-slide-description p {
  text-align: left;
  color: #19181899;
  font-size: 14px;
  font-weight: 400;
  line-height: 20.8px;
  margin-top: 0rem;
  }
}

@media (max-width: 489px) {

  .slick-slide .custom-slide-title,
  .slick-slide .custom-slide-description {
    display: none;
  }
	
}
/* Opacity states: prevent "flash dim" during class transitions */
#slider-main-container .slick-slide {
  opacity: 1;                     /* default = visible */
  transform: none;
  transition: opacity 400ms ease, transform 220ms ease;
  cursor: pointer;
  position: relative;
  z-index: 1;
  pointer-events: auto;
}

/* Dim only slides that are NOT part of Slick's active set */
#slider-main-container .slick-slide:not(.slick-active):not(.slick-cloned) {
  opacity: 0.35;
}

/* Clone wings should also be dim (but never take precedence over active) */
#slider-main-container .slick-slide.slick-cloned:not(.slick-active) {
  opacity: 0.35;
}

/* Anything Slick considers visible stays fully visible */
#slider-main-container .slick-slide.slick-active,
#slider-main-container .slick-slide.slick-current,
#slider-main-container .slick-slide.slick-center,
#slider-main-container .slick-slide.is-next-center,
#slider-main-container .slick-slide.is-keep-opaque {
  opacity: 1 !important;
}
/* While Slick is animating, do NOT animate opacity (prevents flash) */
#slider-main-container .slick-slider.slick-animating .slick-slide {
  transition: transform 220ms ease !important; /* keep transform if you want */
}

/* Force the visible set to stay visible during motion */
#slider-main-container .slick-slider.slick-animating .slick-slide.slick-active,
#slider-main-container .slick-slider.slick-animating .slick-slide.slick-current,
#slider-main-container .slick-slider.slick-animating .slick-slide.slick-center {
  opacity: 1 !important;
}
/* Stronger lock: nothing dims during movement */
#slider-main-container .slick-slider.slick-animating .slick-slide {
  opacity: 1 !important;
}

/* Hover: wings become fully visible */
@media (hover: hover) {
  #slider-main-container .slick-slide:hover {
    opacity: 1;
    transform: scale(1.02);
  }
}

/* Make arrows small rails OUTSIDE slides so they can't block hover */
#slider-main-container .slick-prev,
#slider-main-container .slick-next {
  width: 60px !important;
  height: 120px !important;
  top: 50% !important;
  transform: translateY(-50%);
  z-index: 5;
}
@media (max-width: 768px) {
  #slider-main-container .slick-prev,
  #slider-main-container .slick-next {
    height: 80px !important;
  }
}


#slider-main-container .slick-prev { left: -60px !important; }
#slider-main-container .slick-next { right: -60px !important; }

/* Layering */
#slider-main-container .slick-slide.slick-active { z-index: 2; }
#slider-main-container .slick-slide.slick-center { z-index: 3; }
#slider-main-container .slick-slide.is-next-center { z-index: 4; }

/* Ensure slider wings remain clickable above Elementor containers */
#slider-main-container {
  position: relative;
  z-index: 10;
}