.banner-slides-items {
  background-color: #fff;
  position: relative;
  height: 50vh
}
@media screen and (max-width:767px) {
  .banner-slides-items {
    height: auto
  }
}
.banner-slides-items img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0
}
@media screen and (max-width:767px) {
  .banner-slides-items img {
    position: unset;
    height: 45vh
  }
}
.banner-slides-items .container {
  position: relative;
  height: 100%;
  z-index: 1
}
@media screen and (max-width:767px) {
  .banner-slides-items .container {
    padding: 0
  }
}
.banner-slides-items .events-banner-content {
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  background-color: rgba(255,255,255,.7);
  padding: 20px 30px;
  width: 100%;
  max-width: 740px
}
@media screen and (min-width:1200px) and (max-width:1400px) {
  .banner-slides-items .events-banner-content {
    max-width: 55%
  }
}
@media screen and (max-width:1199px) {
  .banner-slides-items .events-banner-content {
    max-width: 65%
  }
}
@media screen and (max-width:767px) {
  .banner-slides-items .events-banner-content {
    position: unset;
    transform: none;
    width: 100%;
    background: #fff;
    padding: 20px
  }
}
.banner-slides-items .events-banner-content .heading {
  color: #112868;
  font-size: 1.5rem
}
.banner-slides-items .events-banner-content .banner-slider-content .date i {
  color: #112868
}
@media screen and (min-width:1025px) {
  .banner-slides-items .events-banner-content .banner-slider-content .date i {
    order: 1
  }
}
.banner-slides-items .events-banner-content .banner-slider-content .location i {
  color: #112868
}
.banner-slides-items .events-banner-content .banner-slider-content .date-location {
  display: flex;
  gap: 20px;
  font-weight: 400;
  font-size: 1.875rem;
  margin-top: 24px
}
@media screen and (max-width:1600px) {
  .banner-slides-items .events-banner-content .banner-slider-content .date-location {
    gap: 10px
  }
}
@media screen and (max-width:991px) {
  .banner-slides-items .events-banner-content .banner-slider-content .date-location {
    flex-flow: column wrap
  }
}
.banner-slides-items .events-banner-content .banner-slider-content .date-location .date,
.banner-slides-items .events-banner-content .banner-slider-content .date-location .location {
  display: flex;
  align-items: center;
  justify-content: left;
  gap: 8px
}
@media screen and (max-width:991px) {
  .banner-slides-items .events-banner-content .banner-slider-content .date-location .date,
  .banner-slides-items .events-banner-content .banner-slider-content .date-location .location {
    align-items: center;
    justify-content: start
  }
}
.banner-slides-items .events-banner-content .banner-slider-content .date-location .date i,
.banner-slides-items .events-banner-content .banner-slider-content .date-location .location i {
  display: flex;
  align-items: center
}
.banner-slides-items .events-banner-content .banner-slider-content .date-location .date i::before,
.banner-slides-items .events-banner-content .banner-slider-content .date-location .location i::before {
  font-size: 1.375rem
}
.banner-slides-items .events-banner-content .banner-slider-content .date-location .date p,
.banner-slides-items .events-banner-content .banner-slider-content .date-location .location p {
  margin: 0;
  line-height: 26px;
  font-weight: 500;
  font-size: 1rem
}
@media screen and (max-width:1600px) {
  .banner-slides-items .events-banner-content .banner-slider-content .date-location .date p,
  .banner-slides-items .events-banner-content .banner-slider-content .date-location .location p {
    font-size: .75rem;
    line-height: 18px
  }
}
@media screen and (max-width:991px) {
  .banner-slides-items .events-banner-content .banner-slider-content .date-location .date p,
  .banner-slides-items .events-banner-content .banner-slider-content .date-location .location p {
    font-size: .875rem;
    line-height: 22px
  }
}
.banner-slides-items .events-banner-content .banner-slider-content .date-location .date {
  width: calc(45% - 10px);
  justify-content: left
}
@media screen and (max-width:1600px) {
  .banner-slides-items .events-banner-content .banner-slider-content .date-location .date {
    width: calc(45% - 5px)
  }
}
@media screen and (max-width:991px) {
  .banner-slides-items .events-banner-content .banner-slider-content .date-location .date {
    width: 100%
  }
}
.banner-slides-items .events-banner-content .banner-slider-content .date-location .location {
  padding-left: 10px;
  border-left: 3px solid;
  width: calc(55% - 10px)
}
@media screen and (max-width:1600px) {
  .banner-slides-items .events-banner-content .banner-slider-content .date-location .location {
    width: calc(55% - 5px)
  }
}
@media screen and (max-width:991px) {
  .banner-slides-items .events-banner-content .banner-slider-content .date-location .location {
    width: 100%;
    padding-left: 0;
    border-left: none
  }
}
.banner-slides-items .events-banner-content .banner-slider-content .banner-cta-link a {
  background-color: transparent!important;
  border: 2px solid #112868!important;
  color: #112868!important;
  border-radius: 5px;
  font-weight: 600;
  padding: 0 20px;
  min-height: 52px;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none!important;
  transition: all .3s linear;
  border: 0;
  outline: 0;
  background-color: #112868;
  color: #23dce1;
  box-shadow: none
}
.banner-slides-items .events-banner-content .banner-slider-content .banner-cta-link a:hover {
  background-color: #23dce1;
  color: #112868
}
@media screen and (max-width:1400px) {
  .banner-slides-items .events-banner-content .banner-slider-content .banner-cta-link a {
    min-height: 44px
  }
}
@media screen and (max-width:767px) {
  .banner-slides-items .events-banner-content .banner-slider-content .banner-cta-link a {
    min-height: 36px
  }
}