.featured-work{
  padding: clamp(43px, 0.0313rem + 6.6406vw, 128px) 0px clamp(37px, 0.0938rem + 5.5469vw, 108px);
}
.featured-work > .page-center{
  padding: 0 clamp(16px, 0rem + 2.5vw, 48px);
}
.featured-top-main{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(32px, 0rem + 5vw, 96px);
}
.featured-heading h2{
  margin: 0;
  font-weight:500;
}
.slider-wrap{
  position: relative;
  height: clamp(328px, -0.0938rem + 51.4844vw, 987px);
}
.slider-wrap .image-slider{
  overflow: hidden;
  height:100%;
  position:relative;
}
.slider-wrap .img-wrap{
  height: clamp(328px, -0.0938rem + 51.4844vw, 987px);
  padding-bottom:clamp(28px, -0.0938rem + 4.6094vw, 87px);
  position: relative;
  overflow: visible;
}
.slider-wrap .img-wrap > a {
  height: clamp(300px, 0rem + 46.875vw, 900px);
  width: clamp(608px, 0rem + 95vw, 1824px);
  display: block;
  position: relative;
  overflow: hidden;
}
.slider-wrap .img-wrap img{
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  min-width: 100%;
  max-width: none;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  object-fit: cover;
  height: clamp(300px, 0rem + 46.875vw, 900px) !important;
}
.slider-wrap .slick-arrow {
  background-color: #004C56 !important;
  border: 0 !important;
  border-radius: 60px;
  cursor: pointer;
  font-size: 0;
  height: clamp(15.33px, calc(0.958125rem + ((1vw - 6.4px) * 2.3961)), 46px);
  width: clamp(15.33px, calc(0.958125rem + ((1vw - 6.4px) * 2.3961)), 46px);
  line-height: 0;
  margin: 0;
  outline: none;
  transform: unset !important;
  position: absolute;
  bottom:clamp(5px, -0.1563rem + 1.1719vw, 20px);
  top: unset;
  left: unset;
  z-index: 2;
}
.slider-wrap .slick-arrow:hover {
  background-color: #25a2a2 !important;
}
.slider-wrap .slick-arrow.slick-prev {
  right: clamp(22.33px, 0.0309rem + 3.4117vw, 66px);
}
.slider-wrap .slick-arrow.slick-next{
  right: 0;
}
.slider-wrap .slick-arrow.slick-prev:before, .slider-wrap .slick-arrow.slick-next:before{
  content: '';
  display:block;
  width: clamp(8.46px, -0.0003rem + 1.3227vw, 25.39px);
  height: clamp(8.46px, -0.0003rem + 1.3227vw, 25.39px);
  margin: 0 auto;
  padding:0 !important;
  border:0 !important;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(50% - clamp(8.46px, -0.0003rem + 1.3227vw, 25.39px)/2);
}
.slider-wrap .slick-arrow.slick-prev:before{
  background: transparent url('https://734314.fs1.hubspotusercontent-na1.net/hubfs/734314/lunne/white-chevron-left.svg') no-repeat center center/cover;
}
.slider-wrap .slick-arrow.slick-next:before{
  background: transparent url('https://734314.fs1.hubspotusercontent-na1.net/hubfs/734314/lunne/white-chevron-right.svg') no-repeat center center/cover;
}
/* .slider-wrap .slick-arrow:before{
content: '';
height: clamp(7px, 0.3438rem + 0.2344vw, 10px);
width: clamp(7px, 0.3438rem + 0.2344vw, 10px);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
border-top: 2px solid #fff !important;
border-left: 2px solid #fff !important;
} */

/* .slider-wrap .slick-arrow:focus:before{
border-right: 0;
border-bottom: 0;
} */
/* .slider-wrap .slick-arrow.slick-prev:before{
transform: rotate(-45deg) translate(2px, 2px);
left:-3px;
}
.slider-wrap .slick-arrow.slick-next:before{
transform: rotate(135deg) translate(2px, 2px);
left:2px;
} */
.slider-content{
  position: absolute;
  left: clamp(36px, -0.0313rem + 5.7031vw, 109px);
  bottom: 0;
  background: #004C56;
  width: clamp(211.33px, calc(13.208125rem + ((1vw - 6.4px) * 33.0211)), 634px);
  padding: clamp(12px, calc(0.75rem + ((1vw - 6.4px) * 2.1875)), 40px)  clamp(14.67px, calc(0.916875rem + ((1vw - 6.4px) * 2.2914)), 44px);
  z-index: 9999;
  overflow:hidden;
}

.slider-content h2, .slider-content h3{
  color: #fff;
  text-decoration: none;
  /*   -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; */
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0, 0, 0.25, 1);
  transform: translateY(20px);
}
.slider-content h3 a{
  color: #fff;
  text-decoration: none;
}
.slider-content h2{
  margin-bottom: clamp(7px, calc(0.4375rem + ((1vw - 6.4px) * 1.0938)), 21px);
  font-size: clamp(9px, -0.0313rem + 1.4844vw, 28px);
  line-height: clamp(11px, -0.0313rem + 1.7969vw, 34px);
}
.slider-content h3{
  margin: 0;
  font-size: clamp(16px, 0.125rem + 2.1875vw, 44px);
  line-height:clamp(19px, 0.125rem + 2.6563vw, 53px);
}
.slider-content.show h2, .slider-content.show h3{
  opacity: 1;
  transform: translateY(0);
}
.slider-content h2, .slider-content h3 a{
  font-weight:500;
}
.slider-content a.box-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.slider-wrap .slider-progress{
  position: absolute;
  left: clamp(36px, -0.0313rem + 5.7031vw, 109px);
  bottom: clamp(69px, -0.1563rem + 11.1719vw, 212px);
  width: clamp(211.33px, -0.0003rem + 33.0211vw, 634px);
  height: clamp(6.67px, 0.0003rem + 1.0414vw, 20px);
}
.slider-wrap .slider-progress span{
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 0px;
  height: 100%;
  background-color: #2BBEBF;
  transition: all 0s linear;
}
.slider-wrap .slider-progress.fixedProgress span{
  width: 100%;
}
.slider-wrap .slider-progress span.active{
  width: 100%;
}

@media (max-width: 639px){
  .featured-work{
    padding: clamp(64px, -0.0125rem + 20.0627vw, 128px) 0;
  }
  .featured-work > .page-center{
    padding: 0 clamp(16px, -0.0031rem + 5.0157vw, 32px);
  }
  .featured-top-main{
    margin-bottom: clamp(34px, -0.0067rem + 10.6583vw, 68px);
  }
  .slider-wrap{
    height: auto !important
  }
  .slider-wrap .img-wrap > a {
    height: clamp(216px, 0.0204rem + 67.3981vw, 431px);
    width: clamp(288px, 0.0063rem + 89.9687vw, 575px);
    margin-bottom:clamp(107px, -0.2091rem + 34.4828vw, 217px);
  }
  .slider-wrap .img-wrap > a img {
    position: unset;
    transform: none;
    object-fit: cover;
    width: 100%;
    height: 100% !important;
  }
  .slider-wrap .img-wrap{
    padding:0;
    height:100%;
  }
  .slider-wrap .slider-progress {
    height: clamp(6.67px, 0.0006rem + 2.0815vw, 13.31px);
    width: clamp(270px, 0.0098rem + 84.326vw, 539px);
    left: 0;
    bottom: clamp(148px, -0.2798rem + 47.6489vw, 300px);
  }
  .slider-content{
    display:flex;
    flex-direction:column;
    width: clamp(270px, 0.0098rem + 84.326vw, 539px);
    padding: clamp(19px, -0.0037rem + 5.9561vw, 38px) clamp(23px, -0.0672rem + 7.5235vw, 47px); !important;
    row-gap:clamp(11px, -0.0649rem + 3.7618vw, 23px);    
    bottom: clamp(57px, -0.0112rem + 17.8683vw, 114px);
    left: 0; 
  }
  .slider-content h2{
    margin:0;
    font-size: clamp(12px, -0.1277rem + 4.3887vw, 26px);
    line-height: clamp(14px, -0.1908rem + 5.3292vw, 31px);
  }
  .slider-content h3{
    font-size: clamp(20px, -0.0039rem + 6.2696vw, 40px);
    line-height:1;
  }

  .slider-wrap .slick-arrow {
    bottom: 13px;
    height: clamp(25px, -0.0049rem + 7.837vw, 50px);
    width: clamp(25px, -0.0049rem + 7.837vw, 50px);
    right:unset !important;
    left: 0;
  }
  .slider-wrap .slick-arrow.slick-next {
    left: clamp(35px, -0.0696rem + 11.2853vw, 71px);
  }
  .slider-wrap .slick-arrow.slick-prev:before, .slider-wrap .slick-arrow.slick-next:before{
    width: clamp(13.45px, 0.0005rem + 4.2006vw, 26.85px);
    height: clamp(13.45px, 0.0005rem + 4.2006vw, 26.85px);
    top: calc(50% - clamp(13.45px, 0.0005rem + 4.2006vw, 26.85px)/2);
  }

}