/*------------------------------------*\
    			SETTINGS
\*------------------------------------*/
/* @group CSS2 Variables */
:root {
  /* Font Styles */
  --epcl-font-family: "Quattrocento Sans", "Arial", sans-serif;
  --epcl-title-font-family: "Playfair Display", "Times New Roman", serif;
  --epcl-font-size: 16px;
  /* General content font size */
  --epcl-line-height: 1.8;
  /* General content line height */
  --epcl-font-size-editor: 18px;
  /* Single Content font size */
  --epcl-line-height-editor: 1.8;
  /* Single Content line height */
  /* Colors */
  --epcl-main-color: #FEBDD0;
  /* Default: #FEBDD0; */
  --epcl-secondary-color: #FFD682;
  /* Default: #FFD682; */
  --epcl-titles-color: #1E1B1B;
  /* Default: #1E1B1B; */
  --epcl-text-color: #3B3A3A;
  /* Default: #3B3A3A; */
  --epcl-background-color: #FFF6E6;
  /* Default: #FFF6E6; */
  --epcl-boxes-background-color: #FFF0D3;
  /* Default: #FFF0D3; */
  --epcl-boxes-border-color: #FFEBC4;
  /* Default: #FFEBC4; */
  --epcl-border-color: #707070;
  /* General border color */
  --epcl-soft-border-color: rgba(0,0,0, 0.07);
  /* Soft border color */
  --epcl-editor-boxes-bg-color: #FFF;
  /* Koenig Cards: Bookmarks, Product, Tables, etc */
  --epcl-input-bg-color: #FFF;
  /* Input boxes background color */
  --epcl-boxes-shadow: 0px 2px 5px 0px rgba(0,0,0, 0.03);
  --epcl-small-shadow: 0px 2px 5px 0px rgba(0,0,0, 0.02);
  /* Used on small images (like widgets or related articles) */
  --epcl-medium-shadow: 0px 8px 16px -4px rgba(0,0,0, 0.05);
  --epcl-large-shadow: 0px 4px 25px -4px rgba(0,0,0, 0.15);
  --epcl-transition-bezier: cubic-bezier(.5,2.5,.7,.7);
  /* Coding */
  --epcl-code-background: #FFF;
  /* fff7ef Used on "code" blocks not syntax highlighter */
  --epcl-code-color: #3B3A3A;
  /* 9e4a13 Used on code blocks not syntax highlighter */
  /* Others */
  --epcl-small-border-radius: 4px;
  /* Used on small elements (buttons) */
  --epcl-medium-border-radius: 10px;
  /* Used on medium elements (boxes) */
  --epcl-large-border-radius: 100px;
  /* Used to generate circles */
  --x: 2px;
  /* Button border offset */
  --y: 3px;
  /* Button border offset */
}

/* @end */
/* @group Font Families */
/* @end */
/* @end */
/* @group Effects speed */
/* @end */
/* @group Content Width and Margins */
/* @end */
/* Slider */
.slick-loading .slick-list {
  outline: 0;
}

/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute !important;
  top: 50%;
  display: block;
  width: 35px;
  height: 35px;
  padding: 0;
  text-align: center;
  line-height: 35px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  cursor: pointer;
  color: #fff;
  border: none;
  outline: none;
  background: var(--epcl-main-color);
  border-radius: var(--epcl-large-border-radius);
  z-index: 10;
}

.outer-arrows .slick-prev, .right-arrows .slick-prev, .left-arrows .slick-prev, .outer-arrows
.slick-next, .right-arrows
.slick-next, .left-arrows
.slick-next {
  width: 125px;
  height: 50px;
  line-height: 50px;
}

.slick-prev:before,
.slick-next:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-size: 50px !important;
          mask-size: 50px !important;
  background-color: #000;
  -webkit-mask-repeat: no-repeat !important;
          mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
          mask-position: center !important;
}

.slick-next:before {
  -webkit-mask: url('data:image/svg+xml,<svg width="62" height="18" viewBox="0 0 62 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48.8416 2.1303C50.5259 3.28819 54.1048 5.18293 56.6311 6.34082L61.2627 8.44608L54.7364 11.9198C51.1574 13.8145 47.4732 16.025 46.5259 16.8671C44.9469 18.025 44.8416 18.025 45.4732 16.3408C45.8943 15.1829 46.5259 13.1829 46.8416 11.8145L47.4732 9.28819H21.9995C5.36795 9.28819 0 9.28819 0 8.23556C0 7.18293 7.26269 7.18293 22.6311 7.18293H47.368L46.6311 4.76187C46.2101 3.49872 45.6837 1.81451 45.4732 1.07767C44.8416 -0.501281 45.0522 -0.501282 48.8416 2.1303Z" fill="black"/></svg>');
          mask: url('data:image/svg+xml,<svg width="62" height="18" viewBox="0 0 62 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M48.8416 2.1303C50.5259 3.28819 54.1048 5.18293 56.6311 6.34082L61.2627 8.44608L54.7364 11.9198C51.1574 13.8145 47.4732 16.025 46.5259 16.8671C44.9469 18.025 44.8416 18.025 45.4732 16.3408C45.8943 15.1829 46.5259 13.1829 46.8416 11.8145L47.4732 9.28819H21.9995C5.36795 9.28819 0 9.28819 0 8.23556C0 7.18293 7.26269 7.18293 22.6311 7.18293H47.368L46.6311 4.76187C46.2101 3.49872 45.6837 1.81451 45.4732 1.07767C44.8416 -0.501281 45.0522 -0.501282 48.8416 2.1303Z" fill="black"/></svg>');
}

.slick-prev:before {
  -webkit-mask: url('data:image/svg+xml,<svg width="62" height="18" viewBox="0 0 62 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.1584 2.36833C11.4741 3.52623 7.8952 5.42096 5.36888 6.57886L0.737305 8.68412L7.26362 12.1578C10.8426 14.0525 14.5268 16.2631 15.4741 17.1052C17.0531 18.2631 17.1584 18.2631 16.5268 16.5789C16.1057 15.421 15.4741 13.421 15.1584 12.0525L14.5268 9.52623H40.0005C56.632 9.52623 62 9.52623 62 8.47359C62 7.42096 54.7373 7.42096 39.3689 7.42096H14.632L15.3689 4.99991C15.7899 3.73675 16.3163 2.05254 16.5268 1.3157C17.1584 -0.263244 16.9478 -0.263245 13.1584 2.36833Z" fill="black"/></svg>');
          mask: url('data:image/svg+xml,<svg width="62" height="18" viewBox="0 0 62 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.1584 2.36833C11.4741 3.52623 7.8952 5.42096 5.36888 6.57886L0.737305 8.68412L7.26362 12.1578C10.8426 14.0525 14.5268 16.2631 15.4741 17.1052C17.0531 18.2631 17.1584 18.2631 16.5268 16.5789C16.1057 15.421 15.4741 13.421 15.1584 12.0525L14.5268 9.52623H40.0005C56.632 9.52623 62 9.52623 62 8.47359C62 7.42096 54.7373 7.42096 39.3689 7.42096H14.632L15.3689 4.99991C15.7899 3.73675 16.3163 2.05254 16.5268 1.3157C17.1584 -0.263244 16.9478 -0.263245 13.1584 2.36833Z" fill="black"/></svg>');
}

.outer-arrows .slick-prev {
  left: -10px;
}

.outer-arrows .slick-next {
  right: -10px;
}

.right-arrows .slick-prev {
  top: auto;
  left: auto;
  right: 0px;
  bottom: 70px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.right-arrows .slick-next {
  top: auto;
  right: 0px;
  bottom: 140px;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.right-arrows .slick-prev:hover:after, .right-arrows .slick-next:hover:after {
  top: 0;
  left: 0;
}

.left-arrows .slick-prev, .left-arrows .slick-next {
  width: 87px;
  height: 35px;
  left: -70px;
  z-index: 10;
}

.left-arrows .slick-prev::before, .left-arrows .slick-next::before {
  -webkit-mask-size: 35px !important;
          mask-size: 35px !important;
}

.left-arrows .slick-next {
  margin-top: -10px;
}

.left-arrows .slick-prev {
  margin-top: 40px;
}

.slick-slider .slick-arrow.slick-disabled {
  opacity: 0;
  visibility: hidden;
}

.slick-prev {
  left: 20px;
}

.slick-next {
  right: 20px;
}

.slick-prev:hover,
.slick-next:hover {
  background-color: var(--epcl-main-color);
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25;
}

.slick-prev:before,
.slick-next:before {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

[dir='rtl'] .slick-prev {
  right: 20px;
  left: auto;
  -webkit-transform: rotate(180deg) translateY(50%);
      -ms-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}

[dir='rtl'] .slick-next {
  right: auto;
  left: 20px;
  -webkit-transform: rotate(180deg) translateY(50%);
      -ms-transform: rotate(180deg) translateY(50%);
          transform: rotate(180deg) translateY(50%);
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -40px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 7px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border-radius: 10px;
  font-size: 0;
  display: block;
  width: 9px;
  height: 9px;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  cursor: pointer;
  outline: none;
  background: #DFE2FB;
  position: relative;
  -webkit-box-shadow: var(--epcl-medium-shadow);
          box-shadow: var(--epcl-medium-shadow);
}

.slick-dots li.slick-active button {
  opacity: 1;
  width: 22px;
  background: var(--epcl-secondary-color);
}

.slick-dots li button:hover {
  opacity: 1;
}