.hr-hero-banner{height:560px}.hr-hero-banner .swiper-container{height:100%}.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}.hr-hero-banner .hr-content{padding-left:32px}.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{font-size:1rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;color:var(--color-6);letter-spacing:.5px}.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-titel{font-size:60px;font-weight:500;color:var(--color-4);line-height:55px;letter-spacing:-1px}.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-titel span{color:var(--color-6)}.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-text{margin-bottom:1rem;font-size:17px;color:#000}.hr-hero-banner .swiper-container .swiper-slide .hr-content .hr-btns-wrap{margin-top:1.5rem;opacity:0;transform:translateY(30px);transition:opacity 0.8s ease-in-out,transform 0.8s ease-in-out}.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}.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:rgb(0 0 0 / .4)}.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)}@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}}@media(max-width:767.98px){.hr-hero-background .content h3{font-size:44px}.hr-hero-background .content h4{font-size:24px}.hr-hero-background img{width:190px;margin-top:120px}}@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)}}