.banner-image,.image-holder img{object-fit:cover;transition:transform 0.3s ease}.hero-image-holder img{width:100%;height:400px;object-fit:cover}.banner-image:hover,.image-holder img:hover{transform:scale(1.02)}.main-swiper .swiper-wrapper{height:400px}.banner-item{height:400px;display:flex;align-items:center}.main-swiper .swiper-slide{height:auto;display:flex;align-items:stretch}.banner-content{height:340px;backdrop-filter:blur(5px);background:rgb(255 255 255 / .95)!important}.image-holder .bg-pattern-overlay{top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.image-holder .pattern-overlay{width:100%;height:100%;object-fit:cover;border-radius:1rem;opacity:.3}.image-holder{overflow:hidden}.main-swiper .swiper-pagination{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:10}.main-swiper .swiper-pagination-bullet{background:rgb(255 255 255 / .7);opacity:.7;margin:0 8px;width:12px;height:12px;border:2px solid var(--bs-primary);transition:all 0.3s ease}.main-swiper .swiper-pagination-bullet-active{background:var(--bs-primary);opacity:1;transform:scale(1.2)}.swiper-arrow-wrap{z-index:10}.swiper-arrow{transition:all 0.3s ease;backdrop-filter:blur(10px);background:rgb(255 255 255 / .9)!important;border:2px solid var(--bs-primary);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.swiper-arrow:hover{background:var(--bs-primary)!important;color:#fff;transform:scale(1.1)}.swiper-arrow svg{color:var(--bs-primary);fill:var(--bs-primary);transition:all 0.3s ease}.swiper-arrow:hover svg{color:white!important;fill:white!important}.swiper-arrow:hover svg *,.swiper-arrow:hover .chevron-left,.swiper-arrow:hover .chevron-right{color:white!important;fill:white!important;stroke:white!important}@media (max-width:767px){.banner-image,.image-holder img,.hero-image-holder img{height:380px}.main-swiper .swiper-wrapper{height:420px}.banner-item{height:420px}.banner-content{height:300px;padding:20px!important}.swiper-arrow{width:50px;height:50px}.main-swiper .swiper-pagination{bottom:20px}.main-swiper .swiper-pagination-bullet{width:10px;height:10px;margin:0 6px}}@media (max-width:575px){.banner-image,.image-holder img,.hero-image-holder img{height:320px}.main-swiper .swiper-wrapper{height:350px}.banner-item{height:350px}.banner-content{height:220px}.swiper-arrow{width:45px;height:45px}.swiper-arrow-wrap,.swiper-arrow{display:none!important}}.banner-image{animation:fadeInImage 0.8s ease-in-out}@keyframes fadeInImage{from{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.cloud-overlay{left:50%!important;right:auto!important;transform:translateX(-50%);width:100vw!important;max-width:none!important;margin-left:0!important;margin-right:0!important;height:auto;min-height:200px;background-image:url(/wp-content/themes/bebeyou/images/cloud-pattern-overlay.png);background-repeat:repeat-x;background-position:left top;background-size:50% 100%}.cloud-overlay img{display:none}.cloud-overlay::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/wp-content/themes/bebeyou/images/cloud-pattern-overlay.png);background-repeat:repeat-x;background-position:right top;background-size:50% 100%;transform:scaleX(-1);z-index:1}@media (max-width:767px){.cloud-overlay{top:-100px!important;min-height:120px;background-size:70% auto;background-position:center top;opacity:.8}.cloud-overlay::after{background-size:70% auto;background-position:center top}}@media (max-width:575px){.cloud-overlay{top:-40px!important;min-height:80px;background-size:contain;background-position:center top;background-repeat:no-repeat;opacity:1}.cloud-overlay::after{background-size:contain;background-position:center top;background-repeat:no-repeat;transform:scaleX(-1) translateX(50%)}}.autoplay-progress{position:absolute;right:16px;bottom:16px;z-index:10;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--bs-primary);background:rgb(255 255 255 / .9);border-radius:50%;font-size:12px}.autoplay-progress svg{--progress:0;position:absolute;left:0;top:0;z-index:10;width:100%;height:100%;stroke-width:4;stroke:var(--bs-primary);fill:none;stroke-dashoffset:calc(125.6 * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg)}