/* Fixed source proportions prevent layout jumps during loading and slide changes. */
/* The legacy timed consultation mask intercepts the banner controls after 20 seconds. */
body.yspe-home #bigmask,body.yspe-home #swt{display:none!important;pointer-events:none!important}
#fh5co-hero .yspe-home-banner{width:100%;max-width:100%;aspect-ratio:1920/700;overflow:hidden;background:#f6f7f9;--swiper-theme-color:#023f98;--swiper-navigation-size:24px;--swiper-pagination-bullet-size:12px;--swiper-pagination-bullet-inactive-color:#929395;--swiper-pagination-bullet-inactive-opacity:1;--swiper-pagination-bottom:22px}
#fh5co-hero .yspe-home-banner .swiper-wrapper{height:100%}
#fh5co-hero .yspe-home-banner .swiper-slide{height:100%;flex-shrink:0}
#fh5co-hero .yspe-home-banner .swiper-slide>a,#fh5co-hero .yspe-home-banner picture{display:block;width:100%;height:100%}
#fh5co-hero .yspe-home-banner img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
#fh5co-hero .yspe-home-banner .swiper-button-prev,#fh5co-hero .yspe-home-banner .swiper-button-next{width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:#ffffffa6;color:#023f98;box-shadow:0 1px 6px #14335a12}
#fh5co-hero .yspe-home-banner .swiper-button-prev{left:24px}
#fh5co-hero .yspe-home-banner .swiper-button-next{right:24px}
#fh5co-hero .yspe-home-banner .swiper-pagination-bullet{box-sizing:border-box;border:1px solid #ffffff80;padding:0;cursor:pointer}
#fh5co-hero .yspe-home-banner :is(.swiper-button-prev,.swiper-button-next,.swiper-pagination-bullet):focus-visible{outline:2px solid #023f98;outline-offset:3px}
#fh5co-hero .yspe-home-banner:not(.swiper-initialized) :is(.swiper-button-prev,.swiper-button-next,.swiper-pagination){display:none}
@media(min-width:1196px){
 /* Fine chevrons on a restrained dark panel, clear of the consultation toolbar. */
 #fh5co-hero .yspe-home-banner .swiper-button-prev,#fh5co-hero .yspe-home-banner .swiper-button-next{width:48px;height:56px;margin-top:-28px;border:1px solid #ffffff38;border-radius:8px;background:#10233b80;color:#fff;box-shadow:none;transition:background-color .2s ease,border-color .2s ease}
 #fh5co-hero .yspe-home-banner .swiper-button-prev{left:96px}
 #fh5co-hero .yspe-home-banner .swiper-button-next{right:96px}
 #fh5co-hero .yspe-home-banner .swiper-navigation-icon{display:none}
 #fh5co-hero .yspe-home-banner .swiper-button-prev::after,#fh5co-hero .yspe-home-banner .swiper-button-next::after{content:"";position:absolute;top:50%;width:12px;height:12px;border:solid currentColor;border-width:0 1.5px 1.5px 0;pointer-events:none}
 #fh5co-hero .yspe-home-banner .swiper-button-prev::after{left:calc(50% + 3px);transform:translate(-50%,-50%) rotate(135deg)}
 #fh5co-hero .yspe-home-banner .swiper-button-next::after{left:calc(50% - 3px);transform:translate(-50%,-50%) rotate(-45deg)}
 #fh5co-hero .yspe-home-banner .swiper-button-prev:hover,#fh5co-hero .yspe-home-banner .swiper-button-next:hover{background:#023f98cc;border-color:#ffffff80}
}
@media(max-width:640px){
 #fh5co-hero .yspe-home-banner{aspect-ratio:750/860;--swiper-pagination-bullet-size:10px;--swiper-pagination-bottom:15px;--swiper-navigation-size:18px}
 /* Keep a comfortable tap area while drawing a smaller, lighter control. */
 #fh5co-hero .yspe-home-banner .swiper-button-prev,#fh5co-hero .yspe-home-banner .swiper-button-next{width:44px;height:44px;margin-top:-22px;background:transparent;box-shadow:none}
 #fh5co-hero .yspe-home-banner .swiper-button-prev{left:4px}
 #fh5co-hero .yspe-home-banner .swiper-button-next{right:4px}
 #fh5co-hero .yspe-home-banner .swiper-navigation-icon{display:none}
 #fh5co-hero .yspe-home-banner .swiper-button-prev::before,#fh5co-hero .yspe-home-banner .swiper-button-next::before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;box-sizing:border-box;transform:translate(-50%,-50%);border:1px solid #ffffff90;border-radius:50%;background:#ffffff70;pointer-events:none}
 #fh5co-hero .yspe-home-banner .swiper-button-prev::after,#fh5co-hero .yspe-home-banner .swiper-button-next::after{content:"";position:absolute;top:50%;width:8px;height:8px;border:solid currentColor;border-width:0 1.5px 1.5px 0;pointer-events:none}
 #fh5co-hero .yspe-home-banner .swiper-button-prev::after{left:calc(50% + 2px);transform:translate(-50%,-50%) rotate(135deg)}
 #fh5co-hero .yspe-home-banner .swiper-button-next::after{left:calc(50% - 2px);transform:translate(-50%,-50%) rotate(-45deg)}
}
