@charset "utf-8";

/***************************************************/
/* Slider Settings start */
/***************************************************/

/* Change slick dots size */
.slick-dots li button:before {
  font-size: 16px;
  /* Adjust this value to make dots bigger or smaller */
  color: #aaa;
  /* Optional: dot color */
  opacity: 0.8;
  /* Optional: dot opacity */
}

/* Active dot styling */
.slick-dots li.slick-active button:before {
  color: #000;
  /* Optional: active dot color */
  opacity: 1;
  /* Optional: active dot opacity */
}

/* Keep arrows visible on mobile.
   Slick theme sets arrows to left/right: -25px; on narrow layouts or when a parent clips overflow,
   arrows can end up off-canvas. */
@media (max-width: 720px) {
  #dynamicSlider .slick-prev,
  #dynamicSlider .slick-next {
    width: 32px;
    height: 32px;
    z-index: 5;
  }

  #dynamicSlider .slick-prev {
    left: 8px;
    top: 30%;
  }

  #dynamicSlider .slick-next {
    right: 8px;
    top: 30%;
  }

  #dynamicSlider .slick-prev:before,
  #dynamicSlider .slick-next:before {
    font-size: 28px;
    opacity: 0.95;
    text-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
}

/***************************************************/
/* Slider Settings end */
/***************************************************/