/*   

    * This file contains the styling for the Home Variation Two, this
    is the file you need to edit to change the look of the
    template.

******************************************************
*****************************************************/
/* -----------------------------------------
	Hero Banner CSS
----------------------------------------- */
.hero-banner.hero-banner-3 {
  padding-top: 240px;
  padding-bottom: 60px;
}
.hero-banner.hero-banner-3 .form-wrapper {
  position: relative;
  border-radius: 0 15px 15px 15px;
}
.hero-banner.hero-banner-3 .banner-filter-form {
  position: relative;
  z-index: 5;
}
.hero-banner.hero-banner-3 .title span {
  color: var(--color-primary);
}
.hero-banner.hero-banner-3 .right-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-banner.hero-banner-3 .right-content .swiper {
  height: 100%;
}
.hero-banner.hero-banner-3 .right-content img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-banner.hero-banner-3 .right-content .overlay {
  z-index: 2;
}
.hero-banner.hero-banner-3 .right-content .video-btn {
  z-index: 3;
}