/* ---------------------------------------flooring-range-slider-sec----------------------------------*/
.flooring-range-slider-sec {
    display: inline-block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    padding: 90px 0 100px;
    background: #F8F6F2;
    & .container-lg { 
      & > .heading-46 { 
          margin-bottom: 10px;
        & + p { 
            margin-bottom: 30px;
        }
      }
    }
}

.flooring-range-slider { 
  width: calc(100% + 16px);
  margin-inline: -8px;
  &:has(.slick-arrow) { 
    padding-bottom: 80px;
  }
  & .slide-box { 
    padding-inline: 8px;
  }
  &:not(.slick-initialized) { 
    display: inline-flex;

    & > .slide-box {
      flex: 1;
    }
  }
  &:not(.slick-initialized) > .slide-box:not(:nth-child(-n + 6)) {
    display: none;
  }

  &.slick-slider .slick-prev {
    /* left: -8px !important; */
    top: unset;
    bottom: -25px;
    left: unset !important;
    left: calc(50% - 55px) !important;
    border-color: rgb(255 255 255 / 30%) !important;
    margin-bottom: 0;
  }
  &.slick-slider .slick-next {
    /* right: -10px; */
    top: unset;
    bottom: -25px;
    left: unset !important;
    right: calc(50% - 55px) !important;
    border-color: rgb(255 255 255 / 30%) !important;
    margin-bottom: 0;
  }
}

.flooring-range-box {
    display: inline-flex;
    width: 100%;
    text-align: left;
    overflow: hidden;
    border-radius: 18px;

    & > .img-wrap {
      display: inline-block;
      width: 100%;
      position: relative;

      & img {width: 100%;}
    }
}

.flooring-rang-info {
    position: absolute;
    width: calc(100% - 60px);
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    background: #FFFFFF;
    padding: 17px 20px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    background: rgb(255 255 255 / 70%) 0% 0% no-repeat padding-box;
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(7px);

    & .title-18 {
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0;
        color: #2D2D2D;
        line-height: 0.9;
        position: relative;
        padding-right: 15px;
        
        &:after {
           position: absolute;
            content: '';
            height: 19px;
            width: 19px;
            right: -5px;
            top: 1px;
            bottom: 0;
            margin-block: auto;
            background: transparent url(../images/icon/arrow-right-circle.svg) no-repeat center;
            background-size: contain;
            filter: brightness(0) invert(0);
        }

        & + p {
           font-size: 14px;
            margin-top: 11px;
            line-height: 1.5;
            height: 0;
            /* transform-origin: top; */
            margin-top: 0;
            /* transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out; */
            opacity: 0;
        }
    }
}

.flooring-range-box:hover {
  & .flooring-rang-info { 
    background: #FAF565;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
  } 
  & .title-18 {
    & + p { height: auto;  opacity: 1; 
      margin-top: 10px;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
    }
  }
}
/* ---------------------------------------flooring-range-slider-sec ----------------------------------*/

@media (max-width: 1900px) {
  
}

@media (max-width: 1800px) {
    
  .flooring-rang-info { width: calc(100% - 30px); }
   
}

@media (max-width: 1599.98px) {
   .flooring-range-slider-sec { padding: 80px 0; }
   .flooring-range-slider {
        &:not(.slick-initialized) > .slide-box:not(:nth-child(-n + 5)) {
            display: none;
        }
    }
}

@media (max-width: 1439.98px) {
   
  .flooring-range-slider-sec {
      padding: 70px 0;
  }
  .flooring-range-slider {
      &:not(.slick-initialized) > .slide-box:not(:nth-child(-n + 4)) {
          display: none;
      }
  }
}


@media (max-width: 1199.98px) {

    .flooring-range-slider-sec {
        padding: 60px 0;
    }
   
}

@media (max-width: 991.98px) {
    .flooring-range-slider-sec {
        padding: 40px 0;
    }
    .flooring-range-slider {
        &:not(.slick-initialized) > .slide-box:not(:nth-child(-n + 3)) {
            display: none;
        }
    }
}

@media (max-width: 767.98px) {
    .flooring-range-slider {
        &:not(.slick-initialized) {padding-right: 0;}
        &:not(.slick-initialized) > .slide-box:not(:nth-child(-n + 2)) {
            display: none;
        }
    }
   
}

@media (max-width: 575.98px) {
    .flooring-range-slider { 
      padding-right: 20vw;
      & > .slick-list {overflow: visible;}
    }
}