@charset "utf-8";
.d-flex {
  display: flex !important;
}

.align-items-center {
  align-items: center !important;
}

/* ------------------------------------------------------------------
SWIPER SECTION
--------------------------------------------------------------------- */
.banner{
  margin-bottom: 15px;
}

.banner .container {
  width: 823px;
  margin: 0 auto;
  padding: 5px;
  border-radius: 5px;
  background-image: linear-gradient(to bottom, #7E818A, #E2E2E4);
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  position: relative;
}

.swiper-slide > img {
  display: block;
  width: 100%;
}

.swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-button-next,
.swiper-button-prev {
  margin-top: -35px;
  width: 41px;
  height: 69px;
}

.swiper-button-prev {
  background: url("../images/icon-slides.png") no-repeat -84px 50%;
  left: 0;
}

.swiper-button-prev:hover {
  background-position: 0 50%
}

.swiper-button-next {
  background: url("../images/icon-slides.png") no-repeat -125px 50%;
  right: 0;
}

.swiper-button-next:hover {
  background-position: -42px 50%
}

.swiper-button-prev::after,
.swiper-button-next::after {
  content: '';
}

.carousel .swiper-slide .wrapper {
  position: absolute;
  left: 25%;
  right: 0;
  z-index: 2;
  top: 20px;
}

.carousel .swiper-slide .wrapper .pic{
  display: flex;
  align-items: center;
}



.carousel .swiper-slide .wrapper h4.title {
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 2.1875rem;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-family: "Helvetica";
  margin-left: 25px;
  padding: 5px 15px;
  border: rgba(0, 0, 0, 0.7);
  border-radius: 5px;

}

.carousel .swiper-slide .wrapper h4 {
  position: relative;
  transition: all ease 1s .6s;
  opacity: 0;
  transform: translateX(0)
}


.carousel .swiper-slide-active .wrapper h4 {
  opacity: 1;
  transform: translateX(80px)
}