.banners-effect-10 .banners > div {
  display: block;
  border-radius: var(--border-radius_1);
  position: relative;
  overflow: hidden;
  box-shadow: var(--box-shadow-1);
  width: 100%;
  height: 100%;
}

.banners-effect-10 > div span.banner-caption {
  position: absolute;
  bottom: 20px;
  right: 25px;
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  border-right: 8px solid var(--primary_2);
  padding-right: 8px;
  text-shadow: 0px 2px #0b003d;
  z-index: 100;
}

/*.banners-effect-10 .banners > div:before {*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 75%);*/
/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 75%);*/
/*content: '';*/
/*opacity: 0;*/
/*-webkit-transform: translate3d(0, 50%, 0);*/
/*transform: translate3d(0, 50%, 0);*/
/*-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;*/
/*transition: opacity 0.35s, transform 0.35s;*/
/*}*/

/*.banners-effect-10 .banners > div:hover:before {*/
/*opacity: 1;*/
/*-webkit-transform: translate3d(0, 0, 0);*/
/*transform: translate3d(0, 0, 0);*/
/*z-index: 99;*/
/*}*/