.featured .products .controls {
  display: none;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  padding: min(calc(1.5625rem + 1.875*(100vw - 22.5rem) / 77.5), 3.4375rem) 0;
}
.featured .products .controls .js-controls .slick-arrow {
  width: 48px!important;
  height: 48px!important;
}
.featured {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-left: min(calc(2.5rem + 2.5*(100vw - 22.5rem) / 77.5), 5rem);
  height: 100%;
  min-height: 60vh;
}

.featured span.title {
  font-family: museo-slab;
  font-weight: 900;
  line-height: 1;
  font-size: min(calc(2rem + 3.125 * (100vw - 22.5rem) / 77.5),5.125rem);
  letter-spacing: -.02em;
  -webkit-text-decoration: None;
  text-decoration: None;
  text-transform: None;
  top: clamp(1.25rem, calc(1.875rem + -.625*(100vw - 64rem) / 36), 1.875rem);
  left: min(calc(3.125rem + 1.25*(100vw - 64rem) / 36), 4.375rem);
  position: absolute;
  color: #fff;
  transform: rotate(90deg);
  transform-origin: 0 0;
  pointer-events: none;
}

.featured .products {
  display: flex;
  flex-flow: row wrap;
  padding-left: 0;
}
.featured .products .controls .js-controls {
  display: flex;
}

.featured .products .controls .js-controls .slick-arrow {
  all: unset;
  width: min(calc(1.875rem + 1.25*(100vw - 22.5rem) / 77.5), 3.125rem);
  height: min(calc(1.875rem + 1.25*(100vw - 22.5rem) / 77.5), 3.125rem);
  border-radius: 8rem;
  border-color: #f4f1e7;
  background-color: #f4f1e7;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  outline: 0;
  cursor: pointer;
}
.featured .products .slider {
  width: 100%;
  overflow: hidden;
}
.featured .products .slider .swiper.js-slider-featured .swiper-slide.product > a.component.component-link {
  font-family: museo-slab;
  font-weight: 700;
  line-height: 1;
  font-size: min(calc(1rem + 1 * (100vw - 22.5rem) / 77.5),2rem);
  letter-spacing: -.02em;
  -webkit-text-decoration: None;
  text-decoration: None;
  text-transform: None;
  max-width: min(calc(9.375rem + 9.375*(100vw - 22.5rem) / 77.5), 18.75rem);
  margin-bottom: min(calc(1.25rem + .9375*(100vw - 22.5rem) / 77.5), 2.1875rem);
  display: block;
  color: #fff;
  transition: color 250ms;
}

.featured .products .slider .swiper.js-slider-featured .swiper-slide.product .image-wrapper {
  position: relative;
  margin-top: auto;
  width: 100%;
  max-width: min(calc(14.0625rem + 7.8125*(100vw - 22.5rem) / 77.5), 21.875rem);
  height: min(calc(8.4375rem + 4.6875*(100vw - 22.5rem) / 77.5), 13.125rem);
  background-color: #2b6549;
  border-radius: 1.25rem;
}

.featured .products .image-wrapper .component-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 1.25rem;
  margin: 0;
  overflow: hidden;
}

.featured .products .image-wrapper .component-image picture.picture {
  display: block;
  width: 100%;
}

.featured .products .image-wrapper .component-image picture.picture img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100%;
}

.featured .products .image-wrapper a.component.component-link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: clamp(-5rem, calc(-3.125rem + -1.875*(100vw - 22.5rem) / 77.5), -3.125rem);
  bottom: 0;
  z-index: 2;
  width: min(calc(6.25rem + 3.75*(100vw - 22.5rem) / 77.5), 10rem);
  height: min(calc(6.25rem + 3.75*(100vw - 22.5rem) / 77.5), 10rem);
  margin: auto 0;
  padding: min(calc(1.25rem + 1.25*(100vw - 22.5rem) / 77.5), 2.5rem) min(calc(.625rem + .625*(100vw - 22.5rem) / 77.5), 1.25rem);
  background: url(https://sandridge.com/wp-content/themes/sandridge-v1/resources/assets/images/round-button.png) center center / contain no-repeat;
  opacity: 0;
  transition: opacity 250ms;
}

.featured .products .image-wrapper a.component.component-link span.link-text {
  font-family: proxima-nova;
  font-weight: 900;
  line-height: 1;
  font-size: min(calc(1rem + .25 * (100vw - 22.5rem) / 77.5),1.25rem);
  letter-spacing: -.02em;
  -webkit-text-decoration: None;
  text-decoration: None;
  text-transform: None;
  color: #2b6549;
  opacity: 1;
}

.wrapper-button {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  max-width: min(calc(14.0625rem + 7.8125*(100vw - 22.5rem) / 77.5), 21.875rem);
  margin-top: min(calc(.625rem + .3125*(100vw - 22.5rem) / 77.5), .9375rem);
}

.wrapper-button a.component.component-button {
  all: unset;
  position: relative;
  display: inline-block;
}

.wrapper-button a.component.component-button span.button-wrapper {
  background-color: rgba(0, 0, 0, 0);
  gap: min(calc(.625rem + .375*(100vw - 22.5rem) / 77.5), 1rem);
  padding-top: min(calc(.625rem + .375*(100vw - 22.5rem) / 77.5), 1rem);
  padding-bottom: min(calc(.625rem + .375*(100vw - 22.5rem) / 77.5), 1rem);
  padding-right: min(calc(.625rem + .375*(100vw - 22.5rem) / 77.5), 1rem);
  padding-left: min(calc(.625rem + .375*(100vw - 22.5rem) / 77.5), 1rem);
  border-radius: min(calc(.75rem + .25*(100vw - 22.5rem) / 77.5), 1rem);
  border-style: solid;
  border-width: min(calc(.0625rem + .0625*(100vw - 22.5rem) / 77.5), .125rem);
  border-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  77.5), 1.25rem); transition: background-color 250ms, color 250ms, border-color 250ms;
  cursor: pointer;
}

.wrapper-button a.component.component-button span.button-wrapper span.button-text {
  font-family: proxima-nova;
  font-weight: 900;
  line-height: 1;
  font-size: min(calc(1rem + .25 * (100vw - 22.5rem) / 77.5),1.25rem);
  letter-spacing: -.02em;
  -webkit-text-decoration: None;
  text-decoration: None;
  text-transform: None;
  color: #fff;
  opacity: 1;
}
.wrapper-button a.component.component-button:hover span.button-wrapper {
  background-color: #2b6549;
  gap: min(calc(.625rem + .375*(100vw - 22.5rem) / 77.5), 1rem);
  padding-top: min(calc(.625rem + .375*(100vw - 22.5rem) / 77.5), 1rem);
  padding-bottom: min(calc(.625rem + .375*(100vw - 22.5rem) / 77.5), 1rem);
  padding-right: min(calc(.625rem + .375*(100vw - 22.5rem) / 77.5), 1rem);
  padding-left: min(calc(.625rem + .375*(100vw - 22.5rem) / 77.5), 1rem);
  border-radius: min(calc(.75rem + .25*(100vw - 22.5rem) / 77.5), 1rem);
  border-style: solid;
  border-width: min(calc(.0625rem + .0625*(100vw - 22.5rem) / 77.5), .125rem);
  border-color: #2b6549;
}

.wrapper-button a.component.component-button span.button-icon svg,.wrapper-button a.component.component-button span.button-icon svg path {
  fill: #ffff;
}


.featured .products .slider .swiper.js-slider-featured .swiper-slide.product {
  padding: min(calc(1.25rem + 1.25*(100vw - 22.5rem) / 77.5), 2.5rem) min(calc(1.375rem + 1.75*(100vw - 22.5rem) / 77.5), 3.125rem) min(calc(1.25rem + 1.25*(100vw - 22.5rem) / 77.5), 2.5rem) 0;
  display: flex;
  flex-flow: column;
  height: auto;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.featured .products .slick-current .image-wrapper a.component.component-link {
  opacity: 1;
}
.swiper.js-slider-featured {
  height: 100%;
}



.featured .products .controls .js-controls .slick-arrow.next.js-next svg {
  transform: scaleX(-1);
}

.featured .products .controls .js-controls .slick-arrow svg {
  color: #00b551;
}

.featured .products .controls .js-controls .slick-arrow.slick-disabled {
  opacity: .5;
  cursor: not-allowed;
}

.featured .products .controls .js-controls .slick-arrow:hover {
  border-color: #fff;
  width: min(calc(1.875rem + 1.25*(100vw - 22.5rem) / 77.5), 3.125rem);
  height: min(calc(1.875rem + 1.25*(100vw - 22.5rem) / 77.5), 3.125rem);
  border-radius: 8rem;
  border-style: solid;
  border-width: 1px;
  background-color: #00b551;
}

.featured .products .controls .js-controls .slick-arrow:hover svg,.featured .products .controls .js-controls .slick-arrow:hover svg path {
  fill: #fff;
}

.featured .products .slider .swiper.js-slider-featured .swiper-slide.product .button-icon,
.featured .products .slider .swiper.js-slider-featured .swiper-slide.product .button-icon svg{
  color: #fff;
  width: min(calc(.75rem + .25*(100vw - 22.5rem) / 77.5), 1rem);
  height: min(calc(.75rem + .25*(100vw - 22.5rem) / 77.5), 1rem);
  opacity: 1;

}
.featured .products .slider .swiper.js-slider-featured .swiper-slide.product .button-icon svg{
  margin-bottom: 4px;
}




@media (min-width: 64rem){
  .featured .products .controls {
    display: flex;
    width: min(calc(10rem + 8.4375*(100vw - 64rem) / 36), 18.4375rem);

  }
  .featured .products .slider {
    width: min(100% - min(calc(10rem + 8.4375*(100vw - 64rem) / 36), 18.4375rem));
    padding-left: min(calc(1.375rem + 3*(100vw - 22.5rem) / 77.5), 4.375rem);
    border-left: 1px solid #80daa8;
  }
  .featured .products .controls .js-controls {
    justify-content: center;
    gap: min(calc(.9375rem + .9375*(100vw - 64rem) / 36), 1.875rem);
  }
  .featured .products .slider .swiper.js-slider-featured .swiper-slide.product {
    padding-right: min(calc(2.5rem + 7.5*(100vw - 64rem) / 36), 10rem);
    padding-right: 100px;
  }
  .wrapper-button {
    display: none;
  }
}

@media (max-width:1690px){
  .featured {
    min-height: 50vh;
  }
}

@media (max-width: 1023px) {
  .featured {
    min-height: auto;
  }

  .featured span.title {
    font-size: min(calc(3.25rem + 1.125 * (100vw - 22.5rem) / 41.5),4.375rem);
    left: min(calc(2.5rem + 0.625*(100vw - 22.5rem) / 41.5), 3.125rem);
    font-family: museo-slab;
    font-weight: 900;
    line-height: .85;
  }
}

@media (max-width:1024px){
  .featured .products .image-wrapper a.component.component-link {
    display: none;
  }
  .featured .products .slider {
    padding-left: min(calc(1.5625rem + .9375*(100vw - 22.5rem) / 77.5), 2.5rem);
  }

}

@media (max-width:767px){
  .featured span.title {
    font-size: min(calc(3.25rem + 1.125 * (100vw - 22.5rem) / 41.5),4.375rem);
    top: min(calc(1.5625rem + .3125*(100vw - 22.5rem) / 41.5), 1.875rem);
    left: min(calc(2.5rem + .625*(100vw - 22.5rem) / 41.5), 3.125rem);
    line-height: .85;
  }

}

@media (max-width: 600px) {

}