/**
* @file
* History Slider
* History Slider Item
*/

/* History Slider */

.history-slider {
  background-color: var(--color-primary--1);
  padding: 40px 0;
  margin: 40px 0;
  border-radius: 3px 3px 3px 85px;
}
.history-slider__text {
  color: var(--color-neutral--4);
  text-align: center;
  font-weight: 700;
  padding: 0 24px;
  margin: 0 auto 16px auto;
  max-width: 651px;
}
.history-slider__text h2 {
  margin: 0;
}
.history-slider__text p {
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
.history-slider__pagination {
  display: none !important;
  overflow-x: hidden;
}
.history-slider__pagination .swiper-slide {
  color: var(--color-neutral--4);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  border-top: solid .5px var(--color-neutral--4);
  position: relative;
  padding-top: 20px;
  margin-top: 20px;
  max-width: 130px;
  width: 100%;
}
.history-slider__pagination .swiper-wrapper {
  max-width: 1430px;
  margin: 0 auto;
}
.history-slider__pagination .swiper-slide::before {
  content: '';
  width: 8px;
  height: 8px;
  background: var(--color-neutral--4);
  border-radius: 50%;
  margin: 0 auto;
  position: absolute;
  top: -4px;
}
.history-slider__pagination .swiper-slide::after {
  content: '';
  background-color:rgba(255, 255, 255, 0);
  border:1px solid var(--color-neutral--4);
  height:20px;
  border-radius:50%;
  width:20px;
  top: -11px;
  position: absolute;
  opacity: 0;
  transition: all ease 0.3s;
}
.history-slider__pagination .swiper-slide:hover::after,
.history-slider__pagination .swiper-slide-thumb-active::after {
  opacity: 1;
}
.history-slider__slider-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 33px;
  margin-top: 16px;
}
.history-slider__slider-nav .swiper-button-next,
.history-slider__slider-nav .swiper-button-prev {
  display: block;
  content: '';
  width: 48px;
  height: 48px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  position: unset;
  margin: 0;
}
.history-slider__slider-nav .swiper-button-next::after,
.history-slider__slider-nav .swiper-button-prev::after {
  all: unset;
}
.swiper-button-prev {
  background-image: url('../../images/history_slider/arrows.svg');
}
.swiper-button-next {
  background-image: url('../../images/history_slider/arrows.svg');
  transform: rotate(180deg);
}
@media all and (min-width: 550px) {
  .history-slider {
    border-radius: 3px 3px 3px 170px;
  }
}
@media all and (min-width: 1000px) {
  .history-slider {
    padding: 80px 100px;
    border-radius: 3px 3px 3px 140px;
    margin-left: 50px;
  }
  .history-slider__pagination {
    display: block !important;
  }
  .history-slider__slider-nav {
    display: none;
  }
}
@media all and (min-width: 1200px) {
  .history-slider {
    padding: 80px 129px;
    margin-left: 100px;
    border-radius: 3px 3px 3px 170px;
  }
  .history-slider__pagination {
    display: block !important;
  }
}
@media all and (min-width: 1500px) {
  .history-slider {
    padding: 80px 129px;
    margin-left: 153px;
    border-radius: 3px 3px 3px 170px;
  }
}


/* History Slider Item */
.history-slider-item {
  padding: 40px 0;
}
.history-slider-item__content {
  padding: 75px 91px 0 16px;
  max-width: 375px;
  position: relative;
  margin: 0 auto;
}
.history-slider-item__title {
  z-index: 5;
  position: absolute;
  top: 12px;
  left: 32px;
}
.history-slider-item__title p {
  color: var(--color-neutral--4);
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  opacity: 0.8;
  margin: 0;
  font-family: var(--font-europa);
}
.history-slider-item__image {
  width: 307px;
  height: 307px;
  position: absolute;
  top: 5px;
  right: -40px;
}
.history-slider-item__image::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
  border-radius: 250px;
}
.history-slider-item__image img {
  border-radius: 250px;
}
.history-slider-item__card {
  padding: 32px 24px;
  background-color: #CE1814;
  color: var(--color-neutral--4);
  border-radius: 3px 3px 100px 3px;
  z-index: 2;
  position: relative;
  min-height: 272px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.history-slider-item__card-image {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 70px;
  height: 62px
}
.history-slider-item__card-image img {
  height: 100%;
}
.history-slider-item__card-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.history-slider-item__card-text p {
  margin: 0;
}
@media all and (min-width: 1000px) {
  .history-slider-item {
    padding: 60px 0;
  }
  .history-slider-item__content {
    max-width: 616px;
    padding: 75px 234px 0px 0px;
  }
  .history-slider-item__title {
    top: -23px;
    left: -44px;
  }
  .history-slider-item__title p {
    font-size: 128px;
  }
  .history-slider-item__image {
    width: 332px;
    height: 332px;
    top: 0;
    right: 0;
  }
  .history-slider-item__card {
    padding: 64px 32px;
    max-width: 382px;
    min-height: 364px;
  }
  .history-slider-item__card-image {
    position: absolute;
    top: 21px;
    right: 15.5px;
    width: 72px;
    height: 60px
  }
  .history-slider-item__card-text p:not(.small-title) {
    font-size: 18px;
  }
}