
.jshseo2{
    position:relative;
    left:50%;
    width:100vw;
    max-width:100vw;
    margin-left:-50vw;
    background:#f6f8fc;
    color:#18233a;
    padding:72px 24px;
    box-sizing:border-box;
    overflow:hidden;
}
.jshseo2 *{box-sizing:border-box}
.jshseo2__inner{
    width:min(1540px,100%);
    margin:0 auto;
}
.jshseo2__intro{
    max-width:1050px;
    margin:0 auto 38px;
    text-align:center;
}
.jshseo2__eyebrow{
    display:inline-block;
    margin-bottom:10px;
    color:#ff6900;
    font-size:13px;
    font-weight:800;
    letter-spacing:.13em;
    text-transform:uppercase;
}
.jshseo2 h2,.jshseo2 h3{
    margin-top:0;
    color:#111c33;
    line-height:1.2;
}
.jshseo2 h2{
    margin-bottom:18px;
    font-size:clamp(32px,4vw,50px);
}
.jshseo2 h3{
    margin-bottom:12px;
    font-size:19px;
}
.jshseo2 p,.jshseo2 li{
    color:#526078;
    font-size:15px;
    line-height:1.75;
}
.jshseo2 a{
    color:inherit;
    text-decoration:none!important;
}
.jshseo2__card h3 a:hover{color:#ff6900}
.jshseo2__carousel-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin:0 0 20px;
}
.jshseo2__carousel-head h3{
    margin:0;
    font-size:26px;
}
.jshseo2__carousel-actions{
    display:flex;
    align-items:center;
    gap:10px;
}
.jshseo2__viewall{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 18px;
    border:1px solid #dce3ee;
    border-radius:11px;
    background:#fff;
    color:#111c33!important;
    font-weight:800;
    cursor:pointer;
}
.jshseo2__viewall:hover{
    border-color:#ff6900;
    color:#ff6900!important;
}
.jshseo2__navbox{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin:6px auto 26px;
    width:max-content;
    padding:9px 12px;
    background:#fff;
    border:1px solid #dce3ee;
    border-radius:999px;
    box-shadow:0 10px 24px rgba(17,29,56,.08);
}
.jshseo2__arrow{
    width:42px;
    height:42px;
    border:0;
    border-radius:50%;
    background:#111d38;
    color:#fff;
    cursor:pointer;
    font-size:20px;
    line-height:1;
    box-shadow:0 8px 20px rgba(17,29,56,.18);
}
.jshseo2__arrow:hover{
    background:#ff6900;
}
.jshseo2__carousel{
    overflow:hidden;
    width:100%;
}
.jshseo2__grid{
    display:flex;
    gap:20px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:2px 2px 18px;
}
.jshseo2__grid::-webkit-scrollbar{display:none}
.jshseo2.is-expanded .jshseo2__carousel{
    overflow:visible;
}
.jshseo2.is-expanded .jshseo2__grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    overflow:visible;
    scroll-snap-type:none;
    padding-bottom:0;
}
.jshseo2.is-expanded .jshseo2__card{
    min-width:0;
    width:auto;
}
.jshseo2.is-expanded .jshseo2__navbox{
    display:none;
}
.jshseo2__card{
    flex:0 0 calc((100% - 80px)/5);
    min-width:250px;
    scroll-snap-align:start;
    padding:24px;
    background:#fff;
    border:1px solid #e4e9f2;
    border-radius:18px;
    box-shadow:0 12px 35px rgba(25,45,85,.06);
}
.jshseo2__card p{margin:0}
.jshseo2__why{
    display:grid;
    grid-template-columns:1.4fr 1fr;
    gap:36px;
    align-items:center;
    margin-top:30px;
    padding:34px;
    background:#111d38;
    border-radius:22px;
}
.jshseo2__why h3,.jshseo2__why p,.jshseo2__why li{color:#fff}
.jshseo2__why p{margin-bottom:0;opacity:.84}
.jshseo2__why ul{margin:0;padding-left:22px}
.jshseo2__why li{margin:8px 0;opacity:.92}
.jshseo2__cta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-top:26px;
    padding:28px 32px;
    background:#fff;
    border:1px solid #e4e9f2;
    border-radius:18px;
}
.jshseo2__cta h3{margin-bottom:6px}
.jshseo2__cta p{margin:0}
.jshseo2__button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:48px;
    padding:0 24px;
    border-radius:12px;
    background:linear-gradient(135deg,#ff6500,#ff8a00);
    color:#fff!important;
    font-weight:800;
    box-shadow:0 12px 26px rgba(255,105,0,.22);
}
.jshseo2__button:hover{
    color:#fff!important;
    transform:translateY(-2px);
}
@media(max-width:1350px){
    .jshseo2__card{flex-basis:calc((100% - 40px)/3)}
    .jshseo2.is-expanded .jshseo2__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1020px){
    .jshseo2__card{flex-basis:calc((100% - 20px)/2)}
    .jshseo2.is-expanded .jshseo2__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
}
@media(max-width:820px){
    .jshseo2{padding:54px 16px}
    .jshseo2__why{grid-template-columns:1fr}
    .jshseo2__card{flex-basis:86%;min-width:280px}
    .jshseo2.is-expanded .jshseo2__grid{grid-template-columns:1fr}
    .jshseo2__carousel-head{align-items:flex-start;flex-direction:column}
    .jshseo2__carousel-actions{width:100%}
    .jshseo2__viewall{margin-right:auto}
    .jshseo2__cta{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
    .jshseo2__card,.jshseo2__why,.jshseo2__cta{padding:22px}
    .jshseo2 h2{font-size:31px}
}
