/* Page-local presentation; loaded only by /shipping-services/. */
@font-face {
    font-family: ShippingCalibri;
    src: url('/asset/fonts/Calibri.woff2') format('woff2');
    font-display: swap;
}
body {
    background: #eaf7ff;
    background: radial-gradient(ellipse at 50% 35%, #f6fcff 0, #e8f7ff 85%);
}
#header { margin-bottom: 0; border-bottom: 2px solid #0075ff; background: #fff; }
#header .navbar-offcanvas { min-height: 80px; padding: 4px 30px 4px 24px; }
#header .navbar-offcanvas > .row { margin-left: 0; margin-right: 0; }
#header .navbar-toggler { padding: 9px 14px; margin-left: 0 !important; background: #fff; border-color: #dedede; border-radius: 6px; }
#header .navbar-toggler span { font-size: 20px !important; font-weight: 400 !important; }
#header .inner-header-logo { width: 445px; flex-basis: 445px; }
#header .ac-btn { border-radius: 6px; padding: 12px 24px; font-size: 18px; }
#header .ac-btn-fill { background: #0074f8; }
#wrapper_links { padding: 0; }
body > .container-fluid { padding: 0; }
#maincontent :where(.shipping-page) div,
#maincontent :where(.shipping-page) span,
#maincontent :where(.shipping-page) p,
#maincontent :where(.shipping-page) ul { margin: 0; padding: 0; font-size: inherit; }
#maincontent .shipping-page,
#maincontent .shipping-page * { font-family: ShippingCalibri, Calibri, Arial, sans-serif; }
#maincontent .shipping-page { max-width: 1800px; margin: 0 auto; padding: 0 5% 12px; color: #090b50; line-height: 1.3; }
.shipping-hero { position: relative; isolation: isolate; min-height: 235px; }
#maincontent .shipping-intro { position: relative; z-index: 1; padding: 34px 38px 35px; }
#maincontent .shipping-eyebrow { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; color: #7b8199; font-size: 17px; font-weight: 700; }
.shipping-eyebrow::before { content: ''; width: 38px; height: 5px; border-radius: 3px; background: #0075ff; }
#maincontent .shipping-page h1 { margin: 0 0 7px; color: #080940; font-size: clamp(44px, 4.3vw, 76px); font-weight: 700; line-height: 1.1; letter-spacing: -1.3px; }
#maincontent .shipping-page h1 span { color: #0075ff; }
#maincontent .shipping-description { max-width: 710px; width: 52%; color: #5c63aa; font-size: 25px; line-height: 1.16; }
.shipping-art { position: absolute; z-index: 0; right: -3%; bottom: 10px; width: 53%; height: auto; max-height: 230px; object-fit: contain; object-position: bottom right; pointer-events: none; }
.shipping-panel { padding: 8px 21px 18px; border-radius: 18px; background: #ffffffb5; }
#maincontent .shipping-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 19px; }
#maincontent .shipping-column { display: grid; grid-auto-rows: minmax(64px, auto); gap: 2px; align-content: start; list-style: none; }
.shipping-column li { padding: 0; margin: 0; min-width: 0; }
.shipping-card { display: flex; align-items: center; gap: 20px; min-height: 64px; height: 100%; padding: 7px 24px 7px 12px; border: 1px solid #d8eaff; border-radius: 14px; background: #ffffffd9; color: #090b50; text-decoration: none; transition: background .15s, border-color .15s; }
#maincontent .shipping-card .shipping-logo { display: flex; align-items: center; justify-content: center; flex: 0 0 74px; width: 74px; height: 47px; }
.shipping-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
#maincontent .shipping-card .shipping-fedex-wordmark { gap: 0; color: #4d148c; font-family: Arial, sans-serif; font-size: 27px; font-weight: 700; letter-spacing: -2px; }
#maincontent .shipping-fedex-wordmark span { color: #ff6600; font-family: Arial, sans-serif; }
#maincontent .shipping-logo .shipping-montway-mark { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: #00a1ef; color: #fff; font-family: Georgia, serif; font-size: 32px; font-style: italic; line-height: 1; }
#maincontent .shipping-card .shipping-name { font-size: 21px; font-weight: 700; line-height: 1.15; letter-spacing: -.3px; }
#maincontent .shipping-card .shipping-arrow { flex: 0 0 10px; width: 10px; height: 10px; margin-left: auto; border-top: 3px solid #007bff; border-right: 3px solid #007bff; transform: rotate(45deg); }
.shipping-card:hover { color: #0045a5 !important; background: #fff; border-color: #8acbff; }
.shipping-card:focus-visible { outline: 3px solid #0075ff; outline-offset: 2px; }
#maincontent .shipping-contact { margin-top: 18px; padding: 14px 24px; border-radius: 14px; background: #e4f5ff; color: #5565a5; text-align: center; font-size: 22px; line-height: 1.4; }
.shipping-contact a { color: #0075ff; text-decoration: underline; font-weight: 400; }
#maincontent .shipping-disclosure { margin-top: 12px; padding: 17px 24px; border-radius: 14px; background: #e5f5fd; color: #5365a6; font-size: 18px; line-height: 1.25; }
@media (min-width: 1200px) {
    #header .navbar-offcanvas { display: grid; grid-template-columns: 1fr auto 1fr; }
    #header .navbar-offcanvas > .pagebtnheader { width: auto; }
    #header .inner-header-logo { margin: 0 20px; }
}
@media (max-width: 1250px) {
    #maincontent .shipping-page { padding-left: 3%; padding-right: 3%; }
    #maincontent .shipping-grid { gap: 12px; }
    .shipping-card { gap: 12px; padding-right: 16px; }
    #maincontent .shipping-card .shipping-logo { flex-basis: 58px; width: 58px; }
    #maincontent .shipping-card .shipping-name { font-size: 19px; }
    #maincontent .shipping-description { font-size: 23px; }
}
@media (max-width: 991px) {
    #maincontent .shipping-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    #maincontent .shipping-description { width: 64%; }
    .shipping-art { opacity: .55; }
}
@media (max-width: 767px) {
    #header .navbar-offcanvas { padding: 10px 16px; }
    #header .inner-header-logo { width: min(360px, 100%); margin: 0 auto 12px; }
    #header .ac-btn { padding: 10px 14px; font-size: 16px; }
    #maincontent .shipping-page { padding: 0 12px 18px; }
    #maincontent .shipping-intro { padding: 26px 16px 115px; }
    #maincontent .shipping-page h1 { font-size: clamp(38px, 8vw, 52px); }
    #maincontent .shipping-description { width: 100%; font-size: 21px; }
    .shipping-art { width: 100%; max-width: 430px; bottom: 0; opacity: .6; }
    .shipping-panel { padding: 12px; }
    #maincontent .shipping-grid { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    #maincontent .shipping-column { gap: 6px; }
    #maincontent .shipping-card .shipping-logo { flex-basis: 74px; width: 74px; }
    #maincontent .shipping-card .shipping-name { font-size: 21px; }
    #maincontent .shipping-contact { padding: 16px; font-size: 20px; }
    #maincontent .shipping-disclosure { padding: 16px; font-size: 17px; }
}