﻿.content.customerservice {
    background:#fff;
    color:#0d2347;
    overflow:hidden;
    padding:18px 0 14px;
}

.content.customerservice > .blueTriangleMain { display:none; }
.content.customerservice > .inner { padding-bottom:0; }
.content.customerservice .contentright { overflow:visible; padding-bottom:0; }
.customer-service-page { position:relative; }
.customer-service-page * { box-sizing:border-box; }

.customer-service-page > .breadcrumbs { font-size:13px; margin-bottom:14px; }
.customer-service-page > .breadcrumbs a { color:#1463dd; text-decoration:none; }
.customer-service__header { margin-bottom:22px; max-width:860px; }
.customer-service__header h1 { color:#081d3e; font-size:38px; line-height:1.1; margin:0 0 8px; }
.customer-service__header p { color:#1d3154; font-size:16px; line-height:1.45; margin:0; }

.customer-service__primary,
.customer-service__common-grid {
    display:grid;
    gap:16px;
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.customer-service-card {
    align-items:center;
    background:#fff;
    border:1px solid #dce3ed;
    border-radius:8px;
    box-shadow:0 5px 16px rgba(20,45,75,.09);
    color:#102448;
    display:grid;
    gap:18px;
    grid-template-columns:70px 1fr 24px;
    min-height:108px;
    padding:16px 18px;
    text-decoration:none;
    transition:box-shadow .15s ease,transform .15s ease;
}

.customer-service-card:hover,.customer-service-card:focus-visible { box-shadow:0 8px 22px rgba(20,45,75,.15); transform:translateY(-2px); }
.customer-service-card__icon { align-items:center; background:#edf4ff; border-radius:50%; display:flex; height:68px; justify-content:center; width:68px; }
.customer-service-card__icon .customer-service-icon { height:34px; width:34px; }
.customer-service-card__copy { display:flex; flex-direction:column; gap:5px; min-width:0; }
.customer-service-card__copy strong { font-size:18px; line-height:1.2; }
.customer-service-card__copy > span { color:#405274; font-size:14px; line-height:1.4; }
.customer-service-card__arrow { align-items:center; display:flex; justify-content:center; }
.customer-service-card__arrow .customer-service-icon { height:22px; width:22px; }

.customer-service-icon { fill:none; stroke:#0871eb; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.8; }

.customer-service__common {
    background:#f3f8fd;
    box-shadow:0 0 0 100vmax #f3f8fd;
    clip-path:inset(0 -100vmax);
    margin-top:22px;
    padding:14px 0 12px;
}
.customer-service__common h2 { color:#091d3e; font-size:22px; margin:0 0 12px; }
.customer-service__common .customer-service-card { min-height:88px; padding-bottom:12px; padding-top:12px; }
.customer-service__common .customer-service-card__icon { height:58px; width:58px; }
.customer-service__common .customer-service-card__icon .customer-service-icon { height:29px; width:29px; }
.customer-service__common .customer-service-card__copy strong { font-size:16px; }

.customer-service-help {
    align-items:center;
    background:#edf5ff;
    border-radius:10px;
    display:grid;
    gap:0;
    grid-template-columns:minmax(310px,1.55fr) minmax(175px,.72fr) minmax(190px,.78fr) minmax(240px,1fr) 170px;
    margin-top:14px;
    min-height:96px;
    padding:14px 18px;
}
.customer-service-help__intro { align-items:center; display:flex; gap:16px; padding-right:18px; }
.customer-service-help__main-icon { align-items:center; background:#dcecff; border-radius:50%; display:flex; flex:0 0 68px; height:68px; justify-content:center; width:68px; }
.customer-service-help__main-icon .customer-service-icon { height:36px; width:36px; }
.customer-service-help h2 { color:#091d3e; font-size:22px; margin:0 0 5px; }
.customer-service-help p { color:#344a6c; font-size:14px; margin:0; }
.customer-service-help__item { align-items:center; border-left:1px solid #cdd9e7; color:#102448; display:flex; gap:12px; min-height:58px; padding:0 18px; text-decoration:none; }
.customer-service-help__item > .customer-service-icon { flex:0 0 auto; height:27px; width:27px; }
.customer-service-help__item span { display:flex; flex-direction:column; gap:3px; }
.customer-service-help__item small { color:#60718b; font-size:11px; font-weight:400; }
.customer-service-help__item strong { font-size:14px; font-weight:600; }
.customer-service-help__hours { white-space:pre-line; }
.customer-service-help__button { align-items:center; background:#0871df; border-radius:7px; box-shadow:0 5px 12px rgba(8,113,223,.24); color:#fff; display:flex; font-size:14px; font-weight:700; justify-content:center; min-height:48px; padding:0 18px; text-decoration:none; }
.customer-service-help__button .customer-service-icon { margin-left:12px; stroke:#fff; height:19px; width:19px; }

@media (max-width:1100px) {
    .customer-service-card { gap:12px; grid-template-columns:58px 1fr 20px; padding:14px; }
    .customer-service-card__icon { height:56px; width:56px; }
    .customer-service-card__copy strong { font-size:16px; }
    .customer-service-help { grid-template-columns:1fr 1fr 1fr; row-gap:14px; }
    .customer-service-help__intro { grid-column:1 / -1; }
    .customer-service-help__button { min-height:54px; }
}

@media (max-width:800px) {
    .customer-service__primary,.customer-service__common-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .customer-service-help { grid-template-columns:1fr 1fr; }
    .customer-service-help__intro { grid-column:1 / -1; }
    .customer-service-help__item:nth-of-type(3) { border-left:0; }
}

@media (max-width:560px) {
    .content.customerservice { padding-top:14px; }
    .customer-service__header h1 { font-size:31px; }
    .customer-service__header p { font-size:14px; }
    .customer-service__primary,.customer-service__common-grid { grid-template-columns:1fr; }
    .customer-service-card { min-height:92px; }
    .customer-service-help { grid-template-columns:1fr; padding:18px; }
    .customer-service-help__intro { align-items:flex-start; grid-column:auto; }
    .customer-service-help__item { border-left:0; border-top:1px solid #cdd9e7; padding:14px 0; }
}
