.featured-banner {
  position: relative;
  overflow: hidden
}

.featured-banner a {
  display: block;
  overflow: hidden
}

.featured-banner img {
  display: inline-block;
  width: 100%;
  height: 100%;
  transition: all .5s ease-in-out
}

.effect-three {
  overflow: hidden;
  position: relative
}

.effect-three::before {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
  transform: skewX(-25deg)
}

@keyframes effectShine {
  100% {
    left: 125%;
  }
}

.effect-three:hover::before {
  animation: effectShine .75s
}

.effect-four::after,
.effect-four::before {
  content: "";
  pointer-events: none;
  position: absolute;
  display: block;
  transition: all .5s ease
}

.effect-four::before {
  top: 5%;
  left: 0;
  right: 0;
  width: 0;
  height: 90%;
  margin: 0 auto;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff
}

.effect-four::after {
  left: 5%;
  top: 0;
  bottom: 0;
  width: 90%;
  height: 0;
  margin: auto;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff
}

.effect-four:hover::before {
  width: 90%;
  max-width: 90%
}

.effect-four:hover::after {
  height: 90%;
  max-height: 90%
}

.bwp-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px
}

.megamenu-banner .content {
  position: absolute;
  width: 100%;
  padding: 0 15px;
  bottom: 30px;
  text-align: center;
  left: 0
}

.wpbingo-section--single-banner2 .wpbingo-section__inner span:before {
  content: "";
  display: inline-block;
  position: relative;
  height: 9px;
  width: 9px;
  top: 0;
  margin-right: 15px;
  border-radius: 50%;
  background-color: var(--color-primary)
}

.wpbingo-section--single-banner2 .bwp-image {
  position: relative
}

.wpbingo-section--single-banner2 .wpbingo-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center
}

.wpbingo-section--single-banner2 .wpbingo-button a {
  display: inline-block;
  position: relative;
  z-index: 1;
  transition: all .2s ease;
  text-transform: uppercase;
  font-family: var(--title-font-family);
  font-size: 16px;
  font-weight: 700;
  line-height: 48px;
  padding: 0 50px;
  background: var(--color-primary);
  border-radius: 50px;
    white-space: nowrap;
}

.wpbingo-section--single-banner2 .wpbingo-button a:hover {
  background: #fff;
  color: var(--gray-dark)
}

.wpbingo-section--single-banner2 .wpbingo-section__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -15px
}

.wpbingo-section--single-banner2 .wpbingo-section__content>div {
  padding: 0 15px;
  max-width: 50%;
  flex: 0 0 50%
}

.wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none
}

.wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul li:first-child {
  padding-left: 0
}

.wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul li:last-child {
  border-right: 0;
  padding-right: 0
}

.wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul li {
  padding: 0 95px 0 30px;
  border-right: 1px solid #e7e7e7
}

.wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul li>div:last-child {
  font-family: var(--font-family-base);
  font-style: normal;
  font-weight: 400;
  margin-top: 25px
}

.wpbingo-section--single-banner2 .wpbingo-section__inner.right .wpbingo-section__content .featured-banner {
  order: 2
}

.wpbingo-section--single-banner2 .wpbingo-section__inner.right .wpbingo-section__content .section__content {
  order: 1
}

.wpbingo-section--single-banner2 .wpbingo-section__inner.right .wpbingo-section__content .bwp-image {
  text-align: right
}

.rtl .wpbingo-section--single-banner2 .wpbingo-section__inner.right .wpbingo-section__content .bwp-image {
  text-align: left
}

.rtl .wpbingo-section--single-banner2 .wpbingo-section__inner span:before {
  margin: 0 0 0 15px
}

.rtl .wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul {
  justify-content: flex-end
}

.rtl .wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul li:last-child {
  padding-left: 0;
  padding-right: 95px;
  border-right: 1px solid #e7e7e7;
  border-left: 0
}

.rtl .wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul li:first-child {
  border: 0;
  padding-left: 30px;
  padding-right: 0
}

.wpbingo-section--single-banner2 .video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  align-items: center;
  background-color: hsla(0, 0%, 100%, .8);
  border-radius: 50%;
  color: var(--color-primary);
  cursor: pointer;
  display: flex;
  height: 100px;
  justify-content: center;
  min-width: 100px;
  transform: translate(-50%, -50%);
  width: 100px;
}

.wpbingo-section--single-banner2 .video-play i {
  font-size: 36px;
  color: var(--color-primary);
}


@media (max-width:1199px) {
  .wpbingo-section--single-banner2 .wpbingo-section__content {
    margin: 0 -7.5px
  }

  .wpbingo-section--single-banner2 .wpbingo-section__content>div {
    padding: 0 7.5px
  }

  .wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul li {
    padding: 0 30px 0 15px
  }

  .rtl .wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul li:last-child {
    padding-right: 30px
  }

  .rtl .wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul li:first-child {
    padding-left: 15px
  }
}

@media (max-width:991px) {
  .wpbingo-section--single-banner2 .wpbingo-button a {
    font-size: var(--font-size-base);
    line-height: 44px;
    padding: 0 40px
  }

  .wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul li {
    padding: 0 15px
  }

  .rtl .wpbingo-section--single-banner2 .wpbingo-section__content .wpbingo-title ul li:last-child {
    padding-right: 15px
  }
}

@media (max-width:767px) {
  .wpbingo-section--single-banner2 .wpbingo-section__content>div {
    max-width: 100%;
    flex: 0 0 100%
  }

  .wpbingo-section--single-banner2 .wpbingo-section__inner.right .wpbingo-section__content .section__content {
    order: 2
  }
}