@import url('../../structure/features/ks-process-slider.css');

/*
==============================================
Kitchen Sink Process Slider Model specific Styles
==============================================
*/

.ks-process-slider .ks-process-step {
  font-family: var(--font-2);
  font-weight: 400;
  margin-bottom: -14px;
}
.ks-process-slider .ks-process-number {
  font-family: var(--font-1);
}
.ks-process-slider .ks-process-header {
  font-family: var(--font-1);
  line-height: 44px;
  margin-bottom: 42px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
.ks-process-slider .content-slider-copy {
  font-family: var(--font-2);
  font-size: 16px;
  line-height: 24px;
}
.ks-process-slider.content-slider-dot-text .slick-dots a {
  font-family: var(--font-2);
}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
  .ks-process-slider.content-slider-dot-text .slick-dots li {
    margin: 0 12px;
  }
}
 
 /* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
@media only screen and (max-width: 810px) {  
 
  .ks-process-slider.content-slider-dot-text .slick-dots li {
    margin: 0 13px;
  }
}