.hr-hero-banner.hr-hero-background {
  padding: 100px 0px 0px;
}
.hr-hero-banner .swiper-container .swiper-slide {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateY(-100px);
  transition: opacity 0.8s ease-in-out,transform 0.8s ease-in-out;
  position: relative;
}

.hr-hero-banner .hr-content {
  text-align: center;
  padding-top: 0;
}
.hr-hero-banner.hr-hero-background {
  padding: 100px 0px 0px;
  position: relative;
}
.slider-right img {
  width: 100%;
  text-align: right;
}
.slider-right {
  text-align: center;
  padding-top: 100px;
}
.slider-right figure {
  margin: 0;
}
.slider-right img {
  width: 100%;
}
.hr-hero-banner .swiper-container .swiper-slide-active {
  opacity:1;
  transform:translateY(0)
}
.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-sub-titel {
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 5px;
  font-weight: 700;
  font-family: var(--font-03);
  color: #fff;
  text-align: left;
  margin: 0;
}
.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-titel {
  text-transform: uppercase;
  font-size: 68px;
  font-family: var(--font-03);
  color: #fff;
  margin: 10px 0px 0px;
  text-align: left;
  font-weight: 600;
  line-height: 75px;
}
/*.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-titel span {
  color: var(--color-3);
}*/
.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-text {
  font-size: 22px;
  text-transform: capitalize;
  font-family: var(--font-03);
  color: #fff;
  margin: 30px 0px 0px;
  text-align: left;
  letter-spacing: 1px;
  line-height: 30px;
}
.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-btns-wrap {
  margin-top: 40px;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-in-out,transform 0.8s ease-in-out;
}
.location-2:hover {
  background: transparent !important;
  color: var(--color-3) !important;
}
.hr-hero-banner .swiper-container .swiper-slide-active .hr-content .hr-btns-wrap {
  opacity:1;
  transform:translateY(0)
}
.animate-content {
  opacity:1;
  transform:translateY(0);
  transition:opacity 0.8s ease-in-out,transform 0.8s ease-in-out
}
.hr-hero-banner .swiper-button-prev {
  left:50px
}
.hr-hero-banner .swiper-button-next {
  right:50px
}
.hr-hero-banner .swiper-button-next,
.hr-hero-banner .swiper-button-prev {
  display:flex;
  align-items:center;
  justify-content:center;
  width:45px;
  height:45px;
  background:var(--color-6);
  color:var(--white)
}
.hr-hero-banner .swiper-button-next:hover,
.hr-hero-banner .swiper-button-prev:hover {
  background:var(--color-3);
  color:var(--white)
}
.hr-desktop-slider {
  display: block;
  padding-top: 100px;
}
.hr-tablet-slider {
  display:none
}
.hr-mobile-slider {
  display:none
}
/*.hr-hero-background {
  position:relative;
  width:100%;
  height:875px;
  background-image:url(https://jackspancakefactory.itsprowebsite.com/public/JAPCKFTRY/themeaB9xY12z/assets/images/banner/breakfast.jpg);
  background-size:cover;
  background-position:center
}*/
.hr-hero-background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
}
.hr-hero-background .content {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  text-align:center;
  padding:20px;
  border-radius:10px;
  width:100%
}
.hr-hero-background .content h2 {
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:5px;
  font-weight:700;
  font-family:var(--font-03)
}
.hr-hero-background .content h3 {
  text-transform:uppercase;
  font-size:78px;
  font-family:var(--font-03)
}
.hr-hero-background .content h4 {
  font-size:34px;
  text-transform:capitalize;
  font-family:var(--font-03)
}
.hr-hero-background .content p {
  font-size:20px;
  font-weight:500;
  font-family:var(--font-03)
}
.slider-bg-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  margin: 0;
}
.slider-bg-video video {
  display: flex;
  height: 875px;
  width: 100%;
  object-fit: cover;
}
.hero-shape-one {
  position: absolute;
  top: 0px;
  left: 50%;
}
.hero-shape-one img {
  max-width: 140px;
}

.hero-shape-two {
  position: absolute;
  left: 70px;
  top: -60px;
  z-index: -1;
}
.hero-shape-two img {
  max-width: 300px;
}
.loaction-btn {
  padding: 10px 20px;
  border: 3px solid #fff;
  color: #fff;
  display: flex;
  border-radius: 5px;
  background: var(--color-3);
  font-weight: 500;
}
.location-2 {
  background: var(--color-3);
  color: #fff;
}
.loaction-btn:hover {
  background: var(--color-3);
  color: #fff;
}
.fire-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
/*  opacity: 60%;*/
}
@media(max-width:1200px){
  .hr-desktop-slider {
  display: block;
  padding-top: 0px;
}
.hr-hero-banner .hr-content {
  padding-bottom: 50px;
}
.slider-right img {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.slider-right {
  text-align: center;
  padding-top: 100px;
  position: relative;
  height: 100%;
}
}

@media screen and (max-width:1024px) {
  .hr-desktop-slider {
    display:none
  }
  .hr-tablet-slider {
    display:block
  }
  .hr-mobile-slider {
    display:none
  }
  .hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-sub-titel {
    font-size:.9rem
  }
  .hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-titel {
    font-size:calc(1.425rem + 2.1vw)
  }
  .hr-hero-banner .swiper-button-prev {
    left:15px
  }
  .hr-hero-banner .swiper-button-next {
    right:15px
  }
  .hr-hero-background .content img {
    width:150px
  }
  .hr-hero-banner .swiper-container .swiper-slide {
  opacity: 1 !important;
  transform: 0 !important;  
}
.slider-right {
  text-align: center;
  padding-top: 0;
  position: relative;
  height: 100%;
} 
.slider-right img {
  width: 100%;
  position: inherit;
  left: 0;
  bottom: 0;
}   
}
@media(max-width:991px){
  .hr-hero-banner.hr-hero-background {
  padding: 50px 0px 0px;
  position: relative;
}
}
@media(max-width:767.98px) {
  .hr-hero-background .content h3 {
    font-size:44px
  }
  .hr-hero-background .content h4 {
    font-size:24px
  }
 
}
@media screen and (max-width:480px) {
  .hr-desktop-slider {
    display:none
  }
  .hr-tablet-slider {
    display:none
  }
  .hr-mobile-slider {
    display:block
  }
  .hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-sub-titel {
    font-size:.8rem
  }
  .hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-titel {
  font-size: calc(1.425rem + 2.1vw);
  line-height: 40px;
} 
.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-text {
  font-size: 16px;
  letter-spacing: 0;
}
}