.bannerContainer {max-width:1320px; margin:0 auto 40px auto; border-bottom-left-radius:var(--border-radius-large); border-bottom-right-radius:var(--border-radius-small); overflow:hidden;}
.banner .bannerImg {position:relative; height:400px;}
.banner .bannerText {position:absolute; z-index:2; left:0; color:var(--dark-blue); padding:20px 20px 20px 40px; top:50%; transform:translateY(-50%); color:var(--white);}
.banner .bannerText.dark {color:var(--dark-blue);}
.banner .btn-primary {padding:10px 20px 10px 20px; font-size:0.75rem;}
.bannerContainer {position:relative;}
.scrollerLink {position:absolute; bottom:30px; z-index:5; left:50%; transform:translateX(-50%);}
.scrollerLink svg {pointer-events:none;}
.scrollerLink {width:32px; height:auto; display:block; text-align:center;}
.scrollerLink svg {width:100%; max-width:100%; height:auto;}
.scrollerLink svg .s2 {transition:all 0.3s ease-out;}
.scrollerLink:hover svg .s2 {transform:translateY(18px);}
.scrollerLink svg path {fill:var(--dark-blue);}
.scrollerLink:hover {cursor:pointer;}
.banner .bannerImg img {object-fit:cover; object-position:50% 50%; min-width:100%; max-width:100%; min-height:100%; max-height:100%; object-fit:cover; object-position:50% 30%;}
.banner .bannerOverlay {background:-moz-linear-gradient(left,rgba(0,73,107,1) 0%,rgba(0,73,107,0) 100%); background:-webkit-linear-gradient(left,rgba(0,73,107,1) 0%,rgba(0,73,107,0) 100%); background:linear-gradient(to right,rgba(0,73,107,1) 0%,rgba(0,73,107,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00496b', endColorstr='#0000496b',GradientType=1); height:100%; position:absolute; width:45%; top:0; left:0;}        
.banner .level1-title,
.banner .level2-title {color:var(--white);}
.banner .btn-primary.btn-outlined {color:var(--white);}
.banner .btn-primary.btn-outlined:hover {color:var(--dark-blue);}
.banner .bannerImg img.position-top {object-position:50% 0%;}
.banner .bannerImg img.position-middle {object-position:50% 30%;}
.banner .bannerImg img.position-bottom {object-position:50% 100%;}

ul.splide__pagination li {padding:0;}
ul.splide__pagination li::before {display:none;}

@media (max-width:680px) {
    /* All */
    .banner .bannerText {width: 100%; text-align:center;}
}

@media (max-width:520px) {
    /* All */
    .banner .bannerImg {height:450px;}
}