.history {
    margin-block-start:0px!important;
    margin-top:0px;
}

.history-slider .slick-list,
.history-slider .slick-track,
.history-slide,
.history-slider .slick-slide > div {
    height: 80vh;
}

.history-slide {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.history-description {
    position: absolute;
    left: 5%;
    padding: 3% 3% 3% 5%;
    border-radius: 30px;
    background-color: var(--wp--preset--color--purple);
    color:#FFF;
}
.history-description p {
    font-size: var(--wp--preset--font-size--regular)!important;
    margin:0;
}
.history-description.top {
    top:80px;
}
.history-description.middle {
    top:50%;
    transform: translateY(-50%);
}
.history-description.bottom {
    bottom: 40px;
}
.history-description.width-30 {width:25%;}
.history-description.width-40 {width:35%;}
.history-description.width-50 {width:45%;}
.history-description.width-60 {width:55%;}
.history-description.width-80 {width:83%;}

.history-slider .slick-list {
  padding-left:150px;
  padding-right:150px;
}
.history-slider .slick-list::after {
  content:'';
  z-index: 1;
  width:150px;
  height:100%;
  inset:0;
  position:absolute;
  top:0;
  background: linear-gradient(
    to left,
    rgba(240, 240, 247, 1) 2%,
    rgba(240, 240, 247, 0.5) 60%,
    rgba(240, 240, 247, 0) 100%
  );
}
.history-slider .slick-list::after {
  left:calc(100% - 150px);
}
.history-slider .slick-list::before {
  content:'';
  z-index: 1;
  width:150px;
  height:100%;
  inset:0;
  position:absolute;
  top:0;
  background: linear-gradient(
    to right,
    rgba(240, 240, 247, 1) 2%,
    rgba(240, 240, 247, 0.5) 60%,
    rgba(240, 240, 247, 0) 100%
  );
}
.history-slider .slick-list::before {
  left:0px;
}
.history-slider .slick-track {
  display: flex;
  align-items: flex-start;
}
.history-slider .slick-track .slick-slide {
  margin-left:25px;
  margin-right:25px;
  overflow:hidden;
  border-radius: 30px;
}
.history-slider .slick-prev, .history-slider .slick-next {
  z-index: 1;
  top:calc(100% + 50px);
  width:136px;
  height:27px;
}
.history-slider .slick-prev {
  left:175px;
}
.history-slider .slick-next {
  right:175px;
}

.history-slider .slick-next::before, .history-slider .slick-prev::before {
  content:''!important;
  display:block;
  background-image: url(../../../uploads/2026/02/arrow-right.png);
  background-size:contain;
  background-repeat: no-repeat;
  width:136px;
  height:27px;
}
.history-slider .slick-prev::before {
  transform: rotate(180deg) !important;
}
@media (max-width: 1024px) {
    .history-description.top {
        top:unset;
        bottom: 3%;
    }
    .history-description.middle {
        top:unset;
        bottom: 3%;
        transform: translateY(-0%);
    }
    .history-description.bottom {
        bottom: 3%;
    }
    .history-description.width-30 {width:83%;}
    .history-description.width-40 {width:83%;}
    .history-description.width-50 {width:83%;}
    .history-description.width-60 {width:83%;}
}
@media (max-width: 781px) {
  .history-description p {
    font-size: 15px;
    line-height: 25px;
}
    .history-slider .slick-list {
    padding-left:100px;
    padding-right:100px;
    margin-left:0px;
    margin-right: 0px;
  }
  .history-slider .slick-track .slick-slide {
    margin-left:13px;
    margin-right:13px;
  }
  .history-slider .wp-block-columns {
    column-gap: 26px;
  }
  .history-slider .slick-list::after {
    width:100px;
  }
  .history-slider .slick-list::after {
    left:calc(100% - 100px);
  }
  .history-slider .slick-list::before {
    width:100px;
  }
  .history-slider .slick-prev, .history-slider .slick-next {
    width:68px;
    height:14px;
  }
  .history-slider .slick-prev {
    left:113px;
    }
  .history-slider .slick-next {
    right:113px;
  }
  .history-slider .slick-next::before, .history-slider .slick-prev::before {
    width:68px;
    height:14px;
  }
}
@media (max-width: 540px) {
    .history.alignfull {
        margin-left:-6px!important;
        margin-right:-6px!important;
    }
  .history-slider .slick-track .slick-slide {
    margin-left:6px;
    margin-right:6px;
  }
  .history-slider .wp-block-columns {
    column-gap: 12px;
  }
  .history-slider .slick-list {
    padding-left:0px;
    padding-right:0px;
  }
  .history-slider .slick-list::after, .history-slider .slick-list::before {
    content:none;
  }
  .history-slider .service-title {
    padding-left:16px;
  }
  .history-slider .slick-prev {
    left:6px;
    }
  .history-slider .slick-next {
    right:6px;
  }
}