.ptb--110 {
  padding: 110px 0;
}
.inner-page.portfolio-five {
  height: 100vh;
  overflow: hidden;
  display: block;
}

.portfolio-main-wrapper-portfolio-8 .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.portfolio-main-wrapper-portfolio-8 .hero-slider .swiper-pagination-custom,
.portfolio-main-wrapper-portfolio-8 .hero-slider .swiper-pagination-fraction {
  bottom: 30px;
}
.portfolio-main-wrapper-portfolio-8 .swiper-pagination {
  text-align: left;
}
.portfolio-main-wrapper-portfolio-8 .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 50px;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-main-wrapper-portfolio-8 .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {
    top: 38%;
  }
}
@media (min-width: 767px) {
  .portfolio-main-wrapper-portfolio-8 .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 30px;
  }
}

.mySwiper_portfolio-5 .swiper-slide {
  opacity: 0.2;
  transition: all 0.4s;
}
.mySwiper_portfolio-5 .swiper-slide .single-portfolio-style-five a {
  /*pointer-events: none !important;*/
 
}
.mySwiper_portfolio-5 .swiper-slide .single-portfolio-style-five a img {
  transform: scale(90%);
  width: 100%;
  transition: all 0.3s;
}
.mySwiper_portfolio-5 .swiper-slide .single-portfolio-style-five .inner-content {
  position: absolute;
  bottom: 40px;
  opacity: 0;
  /*left: 30px;*/
  transition: 0.8s;
  transform: scale(1);
}
.mySwiper_portfolio-5 .swiper-slide .single-portfolio-style-five .inner-content span {
  display: block;
  padding: 11px 20px;
  max-width: max-content;
  background: #141414;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.mySwiper_portfolio-5 .swiper-slide .single-portfolio-style-five .inner-content a {
  padding: 18px 25px;
  display: block;
}
.mySwiper_portfolio-5 .swiper-slide .single-portfolio-style-five .inner-content a .name {
  color: #141414;
  font-size: 47px;
  font-style: normal;
  margin-bottom: 0;
  color: white;
  width: 100%;
  text-align: center;
  bottom: -57px;
  position: relative;
  text-transform: uppercase;
  line-height: 1.2;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: font-variation-settings;
  font-stretch: 120%;
  font-variation-settings: "wght" 300;
  opacity: 0;
  transition-delay: 2s;
  -webkit-transition: font-variation-settings 520ms, text-shadow 1.4s ease, opacity 1s;
  transition: font-variation-settings 520ms, text-shadow 1.4s ease, opacity 1s;
}
@media (max-width: 1600px) {
  .mySwiper_portfolio-5 .swiper-slide .single-portfolio-style-five .inner-content a .name {
    font-size: 47px;
  }
}
@media (max-width: 1200px) {
  .mySwiper_portfolio-5 .swiper-slide .single-portfolio-style-five .inner-content a .name {
    font-size: 37px;
  }
}
@media (max-width: 991px) {
  .mySwiper_portfolio-5 .swiper-slide .single-portfolio-style-five .inner-content a .name {
    font-size: 26px;
  }
}
.mySwiper_portfolio-5 .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.mySwiper_portfolio-5 .swiper-slide.swiper-slide-active .single-portfolio-style-five {
  cursor: auto;
}
.mySwiper_portfolio-5 .swiper-slide.swiper-slide-active .single-portfolio-style-five a {
  /*pointer-events: all;*/
      text-decoration: none;
}
.mySwiper_portfolio-5 .swiper-slide.swiper-slide-active .single-portfolio-style-five a img {
  transform: scale(100%);
  width: 100%;
  cursor: auto;
  transition: all 0.4s;
}
.mySwiper_portfolio-5 .swiper-slide.swiper-slide-active .single-portfolio-style-five .inner-content {
  /*left: 40px;*/
  opacity: 1;
  transition: all 0.4s;
  transform: scale(1);
}
@media (max-width: 768px) {
  .mySwiper_portfolio-5 .swiper-slide.swiper-slide-active .single-portfolio-style-five .inner-content {
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
  }
}
@media (max-width: 450px) {
  .mySwiper_portfolio-5 .swiper-slide.swiper-slide-active .single-portfolio-style-five .inner-content {
    width: 100%;
  }
}
.mySwiper_portfolio-5 .swiper-slide.swiper-slide-active .single-portfolio-style-five .inner-content a .name {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: font-variation-settings;
  font-variation-settings: "wght" 900;
  transition-delay: 2s;
  opacity: 1;
  font-stretch: 80%;
  -webkit-transition: font-variation-settings 1s 0.8s, text-shadow 0.5s ease, opacity 1s 0.8s;
  transition: font-variation-settings 1s 0.8s, text-shadow 0.5s ease, opacity 1s 0.8s;
}
.mySwiper_portfolio-5 .swiper-button-next,
.mySwiper_portfolio-5 .swiper-button-prev {
  position: absolute;
  bottom: 10%;
  top: auto;
  display: block !important;
  min-width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid transparent;
  background-image: none;
  transition: 0.3s;
  transform: scale(0.8);
}
@media only screen and (max-width: 1199px) {
  .mySwiper_portfolio-5 .swiper-button-next,
.mySwiper_portfolio-5 .swiper-button-prev {
    bottom: 20%;
  }
}
.mySwiper_portfolio-5 .swiper-button-next::after,
.mySwiper_portfolio-5 .swiper-button-prev::after {
  width: 38px !important;
  height: 13.692px;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.mySwiper_portfolio-5 .swiper-button-next:hover,
.mySwiper_portfolio-5 .swiper-button-prev:hover {
  border: 1px solid #ffffff4d;
}
.mySwiper_portfolio-5 .swiper-button-next {
  right: 40px;
  bottom: 20px;
}
.mySwiper_portfolio-5 .swiper-button-next::after {
  background-image: url(../images/product/icons/01.png);
  background-size: contain;
}
.mySwiper_portfolio-5 .swiper-button-next:hover {
  border: 1px solid #ffffff4d;
  transform: translateX(30px) scale(1);
}
.mySwiper_portfolio-5 .swiper-button-prev {
  right: unset;
  width: 38px !important;
  left: 40px;
  top: auto;
  bottom: 20px;
}
.mySwiper_portfolio-5 .swiper-button-prev::after {
  position: absolute;
  background-image: url(../images/product/icons/02.png);
  background-size: contain;
}
.mySwiper_portfolio-5 .swiper-button-prev:hover {
  border: 1px solid #ffffff4d;
  transform: translateX(-30px) scale(1);
}

.mySwiper_portfolio-5-scale-none .swiper-slide {
  opacity: 1;
  transition: all 0.4s;
  cursor:  auto;
}
.mySwiper_portfolio-5-scale-none .swiper-slide .single-portfolio-style-five a {
  pointer-events: none;
}
.mySwiper_portfolio-5-scale-none .swiper-slide .single-portfolio-style-five a img {
  transform: scale(90%);
  width: 100%;
  transition: all 0.3s;
}
.mySwiper_portfolio-5-scale-none .swiper-slide .single-portfolio-style-five .inner-content {
  position: absolute;
  bottom: 40px;
  opacity: 0;
  left: 30px;
  transition: 0.8s;
  transform: scale(1);
}
.mySwiper_portfolio-5-scale-none .swiper-slide .single-portfolio-style-five .inner-content span {
  display: block;
  padding: 11px 20px;
  max-width: max-content;
  background: #141414;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.mySwiper_portfolio-5-scale-none .swiper-slide .single-portfolio-style-five .inner-content a {
  padding: 18px 25px;
  display: block;
}
.mySwiper_portfolio-5-scale-none .swiper-slide .single-portfolio-style-five .inner-content a .name {
  color: #141414;
  font-size: 47px;
  font-style: normal;
  margin-bottom: 0;
  color: var(--color-white);
  width: 100%;
  text-align: center;
  bottom: -57px;
  position: relative;
  text-transform: uppercase;
  line-height: 1.2;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: font-variation-settings;
  font-stretch: 120%;
  font-variation-settings: "wght" 300;
  opacity: 0;
  transition-delay: 2s;
  -webkit-transition: font-variation-settings 520ms, text-shadow 1.4s ease, opacity 1s;
  transition: font-variation-settings 520ms, text-shadow 1.4s ease, opacity 1s;
}
@media (max-width: 1600px) {
  .mySwiper_portfolio-5-scale-none .swiper-slide .single-portfolio-style-five .inner-content a .name {
    font-size: 47px;
  }
}
@media (max-width: 1200px) {
  .mySwiper_portfolio-5-scale-none .swiper-slide .single-portfolio-style-five .inner-content a .name {
    font-size: 37px;
  }
}
@media (max-width: 991px) {
  .mySwiper_portfolio-5-scale-none .swiper-slide .single-portfolio-style-five .inner-content a .name {
    font-size: 26px;
  }
}
.mySwiper_portfolio-5-scale-none .swiper-slide.swiper-slide-active .single-portfolio-style-five {
  cursor:  auto;
}
.mySwiper_portfolio-5-scale-none .swiper-slide.swiper-slide-active .single-portfolio-style-five .inner-content {
  left: 40px;
  opacity: 1;
  transition: all 0.4s;
  transform: scale(1);
}
@media (max-width: 768px) {
  .mySwiper_portfolio-5-scale-none .swiper-slide.swiper-slide-active .single-portfolio-style-five .inner-content {
    left: 50%;
    transform: translateX(-50%);
    width: 75%;
  }
}
@media (max-width: 450px) {
  .mySwiper_portfolio-5-scale-none .swiper-slide.swiper-slide-active .single-portfolio-style-five .inner-content {
    width: 100%;
  }
}
.mySwiper_portfolio-5-scale-none .swiper-slide.swiper-slide-active .single-portfolio-style-five .inner-content a .name {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: font-variation-settings;
  font-variation-settings: "wght" 900;
  transition-delay: 2s;
  opacity: 1;
  font-stretch: 80%;
  -webkit-transition: font-variation-settings 1s 0.2s, text-shadow 0.5s ease, opacity 1s 0.2s;
  transition: font-variation-settings 1s 0.2s, text-shadow 0.5s ease, opacity 1s 0.2s;
}
.mySwiper_portfolio-5-scale-none .swiper-button-next,
.mySwiper_portfolio-5-scale-none .swiper-button-prev {
  position: absolute;
  bottom: 10%;
  top: auto;
  display: block !important;
  min-width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid transparent;
  background-image: none;
  transition: 0.3s;
  transform: scale(0.8);
}
@media only screen and (max-width: 1199px) {
  .mySwiper_portfolio-5-scale-none .swiper-button-next,
.mySwiper_portfolio-5-scale-none .swiper-button-prev {
    bottom: 20%;
  }
}
.mySwiper_portfolio-5-scale-none .swiper-button-next::after,
.mySwiper_portfolio-5-scale-none .swiper-button-prev::after {
  width: 38px !important;
  height: 13.692px;
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.mySwiper_portfolio-5-scale-none .swiper-button-next:hover,
.mySwiper_portfolio-5-scale-none .swiper-button-prev:hover {
  border: 1px solid #ffffff4d;
}
.mySwiper_portfolio-5-scale-none .swiper-button-next {
  right: 40px;
  bottom: 20px;
}
.mySwiper_portfolio-5-scale-none .swiper-button-next::after {
  background-image: url(../images/product/icons/01.png);
  background-size: contain;
}
.mySwiper_portfolio-5-scale-none .swiper-button-next:hover {
  border: 1px solid #ffffff4d;
  transform: translateX(30px) scale(1);
}
.mySwiper_portfolio-5-scale-none .swiper-button-prev {
  right: unset;
  width: 38px !important;
  left: 40px;
  top: auto;
  bottom: 20px;
}
.mySwiper_portfolio-5-scale-none .swiper-button-prev::after {
  position: absolute;
  background-image: url(../images/product/icons/02.png);
  background-size: contain;
}
.mySwiper_portfolio-5-scale-none .swiper-button-prev:hover {
  border: 1px solid #ffffff4d;
  transform: translateX(-30px) scale(1);
}

.portfolio-center-scale-swiper-area .container-full {
  padding-top: 50px;
}
@media (max-width: 1200px) {
  .portfolio-center-scale-swiper-area .container-full {
    padding-top: 0;
  }
}