#header{background: #0E0C3A;color: #fff;text-align: center;padding: 0 12.1rem 6.1rem;}
#header .pre{font-size: .9rem;}
.service{background: #fff;color: #070762;padding:0 12.1rem  4.6rem;}
.service-alt{background: #F4F8FE;}
h2{text-align: center;color: #070762;margin: 4.6rem auto;display: flex;align-items: baseline;justify-content: center;font-weight: bold;}
h2 .icon{margin-right: .8rem;height: 2.5rem;}
.service .item, .service .terms{display: flex;font-size: .9rem;line-height: 135%;padding: 1.6rem 0 0;margin:0 auto .8rem;flex-wrap: wrap;width: 53.5rem;padding-left: 1rem;}
.service .terms,.service .item.nocheck{font-size: .7rem;}
.service .item.nocheck{margin-top: 3rem;}
.service .item::before{content:'';display: block;width: .7rem;height: .6rem;background: url(../media/services/check.png) no-repeat;background-size:.65rem;background-position: center;margin-right:  .8rem;}
.service .item.nocheck::before,.service .item.nocheck::after{opacity: 0;}
.service .item a{color: #070762;margin:.8rem 1.6rem;display: inline-block;}
.service .item:after{content:'';display: block;width: 97.5%;height: .025rem;background: #4D8FF7;margin-top: .4rem;margin-left: auto;}
.splide ul li.splide__slide{width: 17.3rem;padding:  .8rem;margin-bottom: .8rem;text-align: left;color: #070762;border-radius: .2rem;border: .075rem solid  rgba(7, 7, 98, 0.50);background:#F4F8FE;}
.splide ul li .item{display: flex;flex-direction: column;height: 100%;}
.splide ul li .title{font-size: .9rem;font-weight: 700;line-height: 120%;text-transform: uppercase;margin: .8rem 0 0;}
.splide ul li .text{font-size: .7rem;line-height: 130%;margin-top: .8rem;}
.splide ul li .link {margin-top: auto;}
.splide ul li .link a{font-size: .7rem;color: #070762;line-height: 120%;}
.splide ul li .link a:after{content:'';display: inline-block;width: .75rem;height: .75rem;background: url(../media/services/arrow.png) no-repeat;background-size: contain;background-position: center;margin-left: .5rem;vertical-align: middle;}

@media(max-width:1000px){
    .services .inner{flex-direction: column;width: 90%;margin: auto;}
    #header{padding: 0 1.1rem 5.1rem;}
    .business-banking #header h1{white-space: nowrap;}
    h2{margin: 3.6rem auto 1.8rem;}
    h2 .icon{height: 2.8rem;}
    .service{padding: 0 .5rem 3.1rem;}
    .service h2{text-align: left;line-height: 1.1;font-size: 1.45rem;}
    .service .item,.service .terms{width: 95%;font-size: 1rem;position: relative;padding: 1.85rem 0 0;margin: 0 auto;}
    .service .item.nocheck{font-size: .9rem;width: 100%;margin-left: 1rem;}
    .service .terms{font-size: .9rem;}
    .service .item a{margin-left: 0;}
    .service .item::before{position: absolute;left: -1.25rem;background-size: 100%;background-position: center;width: .8rem;height: 1rem;}
    .service .item::after{margin-top: 1.85rem;width: 99%;}
    #header .pre{font-size: 1rem;}
    h2{justify-content: flex-start;margin-left: 0;align-items: center;}
    .splide ul li img{height: 2.3rem;}
    .splide ul li .title{font-size: 1.05rem;font-weight: 700;line-height: 110%;text-transform: uppercase;margin: .5em 0 .25rem;}
    .splide ul li .text{font-size: .9rem;line-height: 110%;margin-top: 0;margin-bottom: .4rem;}
    .splide ul li .link a{font-size: .9rem;color: #070762;line-height: 120%;}
    #more h2{margin: 2.3rem 0 5rem;font-size: 1.35rem;}
    .splide ul li.splide__slide{padding: 1.1rem;}
    .splide .splide__pagination{bottom:auto;top: -3.5rem;}
    .splide .splide__pagination__page{background: #E7E8E8;opacity: 1;width: .8125rem;height: .8125rem;margin: .25rem;}
.splide .splide__pagination__page.is-active{background: #070762;transform: none;}
::-webkit-scrollbar{display: none;}
.gstart{margin-top: 1.95rem;}
}
@media(min-width:1001px){
    .splide ul{list-style-type: none;display: flex;flex-wrap: wrap;padding: 0;width: 54.5rem;margin: auto;}
    .splide ul li{margin: 0 .4rem .8rem;}
    .splide ul li img{height: 1.6rem;}
    #more{margin-bottom: 4.6rem;}
    .gstart{margin-top: 3.1rem;}
    .service .item{position: relative;padding-left: 1.5rem;}
    .service .item::before{position: absolute;left: 0;top: 1.75rem;}
    .service .item::after{margin-left: 0;width: 100%;}
}