:root{--peek-size:16px;--carousel-gap:16px}
.hero_banner_comp_container{width:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;opacity:1;margin-bottom:var(--spacing-lg)}
.hero_banner_comp_container:last-child{margin-bottom:0}
.hero_banner_carousel_wrapper{width:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:visible}
.hero_banner_carousel_outer{width:100%;overflow:visible;padding-left:16px;padding-right:0;position:relative}
.hero_banner_carousel_track{display:flex;align-items:stretch;gap:var(--carousel-gap);transition:transform .5s ease-in-out;will-change:transform}
.hero_banner_slide{flex:0 0 calc(100% - 32px);width:100%;display:flex;flex-direction:column;border-radius:20px;background-color:transparent;overflow:hidden;position:relative;backface-visibility:hidden;transform-style:preserve-3d;align-items:stretch}
.hero_banner_slide.active{z-index:2}
.hero_banner_slide.clone{pointer-events:none}
.hero_banner_slide[href]{cursor:pointer}
.hero_banner_slide picture{width:100%}
.hero_banner_slide img.banner_Img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:top;display:block;clip-path:none;aspect-ratio:16/9}
.hero_banner_text_block{width:100%;padding:20px;display:flex;flex-direction:column;justify-content:center;gap:8px;background-color:#001952;color:#fff;font-family:"Petco Circular CAP",sans-serif;text-align:center;flex-grow:1;overflow:hidden}
.hero_banner_text_block h1,.hero_banner_text_block h2{margin:0;color:#fff}
.hero_banner_text_block .carousel_description{margin:0;color:#fff}
.hero_banner_controls{display:none;position:absolute;top:50%;width:100%;max-width:1330px;transform:translateY(-50%);justify-content:space-between;pointer-events:auto;z-index:3}
.hero_banner_controls .arrow{background:0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 55px}
.hero_banner_controls .arrow svg{width:50px;height:49px}
.hero_banner_controls .arrow svg:hover circle{fill:#e6e6e6}
.hero_banner_pills_container{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}
.pill{width:12px;height:12px;border-radius:50%;background-color:#ebf1ff;transition:all .3s ease;cursor:pointer}
.pill.active{width:24px;height:12px;border-radius:20px;background-color:#001952}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.learn_more_button{padding-top:14px}
.learn_more_button .button_like{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;border-radius:50px;background:#fff;text-decoration:none;transition:background-color .3s ease}
.learn_more_button .button_like span{color:#333;font-size:14px;font-weight:700;line-height:20px;letter-spacing:.25px}
.learn_more_button .button_like svg{width:8px;height:14px;fill:#333}
.learn_more_button .button_like:hover{background-color:#f2f2f2}
.learn_more_button .button_like:hover span{text-decoration:underline;cursor:pointer}
.single-slide .hero_banner_carousel_outer{padding-left:0}
.single-slide .hero_banner_carousel_track{transform:none;padding:0 16px}
.single-slide .hero_banner_slide{flex:none}
@media(min-width:576px) and (max-width:769px){.hero_banner_carousel_outer{padding-left:16px;padding-right:0}
.hero_banner_carousel_track{gap:var(--carousel-gap)}
.hero_banner_slide{flex-direction:row;background-color:#001952;height:352px;flex:0 0 calc(100% - 32px);max-width:none}
.hero_banner_slide picture{width:50%}
.hero_banner_slide img.banner_Img{width:100%;height:100%;clip-path:ellipse(100% 180% at 0 40%)}
.hero_banner_text_block{width:50%;padding:32px;gap:10px;text-align:left}
.single-slide .hero_banner_carousel_outer{padding-left:0}
.single-slide .hero_banner_carousel_track{transform:none;padding:0 16px}
.single-slide .hero_banner_slide{flex:none}
}
@media(min-width:769px){:root{--peek-size:80px;--carousel-gap:48px}
.hero_banner_carousel_outer{padding-left:0;padding-right:0}
.hero_banner_carousel_track{gap:var(--carousel-gap)}
.hero_banner_slide{flex:0 0 calc(100% - (var(--peek-size) * 2));flex-direction:row;max-width:1170px;background-color:#001952;height:352px}
.hero_banner_slide picture{width:50%}
.hero_banner_slide img.banner_Img{width:100%;height:100%;clip-path:ellipse(100% 180% at 0 40%);aspect-ratio:16/9}
.hero_banner_text_block{width:50%;padding:32px;gap:10px;text-align:left}
.hero_banner_controls{display:flex}
.single-slide .hero_banner_carousel_outer{padding-left:0}
.single-slide .hero_banner_carousel_track{transform:none;padding:0 16px}
.single-slide .hero_banner_slide{flex:none}
}
@media(min-width:1200px){.single-slide .hero_banner_carousel_wrapper{max-width:1170px}
.single-slide .hero_banner_carousel_track{transform:none;padding:0}
.single-slide .hero_banner_carousel_wrapper .hero_banner_carousel_track{padding:0}
}