.midas-support-page {
    --cs-blue:#0878d4; --cs-navy:#164475; --cs-navy2:#0f3358;
    --cs-sec:#ebf2f8; --cs-warm:#eceae4; --cs-ink:#333; --cs-head:#1d1d1d;
    --cs-ink2:#555; --cs-ink3:#8b949c; --cs-line:#e2e8ee; --cs-line2:#eff3f7; --cs-or:#c2701c;
}
.midas-support-page .cs-page { font-size:16px; line-height:1.7; color:var(--cs-ink); }
.midas-support-page .cs-page h1,
.midas-support-page .cs-page h2,
.midas-support-page .cs-page h3,
.midas-support-page .cs-page h4 { color:var(--cs-head); letter-spacing:-.4px; margin:0; }
.midas-support-page .cs-page h2 { font-size:24px; }
/* Move the hero behind the header without placing it among the header's floats. */
.midas-support-page .cs-page {
    width:100%;
    margin-bottom:calc(-1 * var(--client-header-height-desktop));
    transform:translateY(calc(-1 * var(--client-header-height-desktop)));
}
.midas-support-page .cs-hero,
.midas-support-page .cs-page-hero { padding-top:var(--client-header-height-desktop); }
.midas-support-page .cs-b {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border-radius:999px;

    padding:12px 24px;
    font-size:15px;
    font-weight:600;
    cursor:pointer;
    border:1.5px solid transparent;

    text-decoration:none;
    white-space:nowrap;
    transition:background .18s,color .18s,border-color .18s,opacity .18s
}

.midas-support-page .cs-b.cs-filled {
    background:var(--cs-blue);
    border-color:var(--cs-blue);
    color:#fff
}

.midas-support-page .cs-b.cs-filled:hover {
    background:#0666b3
}

.midas-support-page .cs-b.cs-outline {
    background:transparent;
    border-color:#fff;
    color:#fff
}

.midas-support-page .cs-b.cs-outline:hover {
    background:rgba(255,255,255,.14)
}

.midas-support-page .cs-b.cs-outline.cs-dark {
    border-color:var(--cs-navy);
    color:var(--cs-navy)
}

.midas-support-page .cs-b.cs-outline.cs-dark:hover {
    background:var(--cs-sec)
}

.midas-support-page .cs-b.cs-sm {
    padding:9px 18px;
    font-size:13.5px
}

.midas-support-page .cs-hero {
    position:relative;
    overflow:hidden;
    background:linear-gradient(120deg,#164475,#2e7fbb)
}

.midas-support-page .cs-hero:after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(11,31,52,.62),rgba(9,26,46,.72) 55%,rgba(8,23,41,.82))
}

.midas-support-page .cs-hero-in {
    position:relative;
    z-index:2;
    max-width:860px;
    margin:0 auto;
    padding:78px 24px 96px;

    text-align:center;
    color:#fff
}

.midas-support-page .cs-hero-in h1 {
    font-size:42px;
    font-weight:700;
    line-height:1.32;
    margin:0 0 20px;
    color:#fff
}

.midas-support-page .cs-hero-in p {
    font-size:17.5px;
    color:#e7eef6;
    margin:0 0 34px;
    line-height:1.7
}

.midas-support-page .cs-hero-btns {
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap
}

.midas-support-page .cs-sec {
    padding:68px 24px
}

.midas-support-page .cs-sec.cs-tint {
    background:var(--cs-sec)
}

.midas-support-page .cs-sec .cs-in {
    max-width:1180px;
    margin:0 auto
}

.midas-support-page .cs-sec-head {
    text-align:center;
    margin:0 0 42px
}

.midas-support-page .cs-sec-head h2 {
    font-size:29px
}

.midas-support-page .cs-sec-head p {
    font-size:15.5px;
    color:var(--cs-ink2);
    margin:10px auto 0;
    max-width:640px
}

.midas-support-page .cs-proj-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px
}

.midas-support-page .cs-proj-grid .cs-proj-card {
    display:flex;
    flex-direction:column;
    height:100%
}

.midas-support-page .cs-proj-card {
    position:relative;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 4px 18px rgba(22,68,117,.09)
}

.midas-support-page .cs-proj {
    position:relative;
    overflow:hidden;
    padding:36px 36px 32px
}

.midas-support-page .cs-proj-bg {
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center 38%;

    transform:scale(1.04);
    transition:filter .55s ease,transform .55s ease;
    filter:blur(0)
}

.midas-support-page .cs-proj-wash {
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.88);
    transition:background .5s ease,opacity .5s ease
}

.midas-support-page .cs-proj-wash.cs-navy {
    background:linear-gradient(160deg,rgba(15,51,88,.92),rgba(22,68,117,.85));
    opacity:0
}

.midas-support-page .cs-proj:hover .cs-proj-bg {
    filter:blur(9px);
    transform:scale(1.1)
}

.midas-support-page .cs-proj:hover .cs-proj-wash:not(.cs-navy) {
    opacity:0
}

.midas-support-page .cs-proj:hover .cs-proj-wash.cs-navy {
    opacity:1
}

.midas-support-page .cs-proj-body {
    position:relative;
    z-index:2;
    transition:color .5s ease;
    height:100%;
    display:flex;
    flex-direction:column
}

.midas-support-page .cs-proj-tag {
    display:inline-block;
    align-self:flex-start;
    font-size:12.5px;
    font-weight:700;
    letter-spacing:.3px;

    padding:5px 12px;
    border-radius:20px;
    margin-bottom:16px;
    transition:background .5s ease,color .5s ease
}

.midas-support-page .cs-proj-tag {
    background:#e8f3fd;
    color:var(--cs-blue)
}

.midas-support-page .cs-proj:hover .cs-proj-tag {
    background:rgba(255,255,255,.16);
    color:#fff
}

.midas-support-page .cs-proj h3 {
    font-size:23px;
    margin-bottom:12px;
    transition:color .5s ease
}

.midas-support-page .cs-proj:hover h3 {
    color:#fff
}

.midas-support-page .cs-proj-desc {
    font-size:15px;
    line-height:1.75;
    margin:0;
    transition:color .5s ease
}

.midas-support-page .cs-proj:hover .cs-proj-desc {
    color:#dce8f4
}

.midas-support-page .cs-proj-btns {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin:22px 0 0 0;
    margin-top:auto;
    padding-top:22px
}

.midas-support-page .cs-proj-btns .cs-b.cs-outline.cs-dark {
    border-color:var(--cs-navy);
    color:var(--cs-navy);
    transition:border-color .5s ease,color .5s ease,background .5s ease
}

.midas-support-page .cs-proj:hover .cs-proj-btns .cs-b.cs-outline.cs-dark {
    border-color:#fff;
    color:#fff
}

.midas-support-page .cs-proj:hover .cs-proj-btns .cs-b.cs-outline.cs-dark:hover {
    background:rgba(255,255,255,.14)
}

.midas-support-page .cs-proj-btns .cs-b.cs-filled {
    transition:background .5s ease,color .5s ease
}

.midas-support-page .cs-proj:hover .cs-proj-btns .cs-b.cs-filled {
    background:#fff;
    color:var(--cs-navy)
}

.midas-support-page .cs-proj:hover .cs-proj-btns .cs-b.cs-filled:hover {
    background:#e7f0f8
}

.midas-support-page .cs-qa-list {
    display:flex;
    flex-direction:column;
    border-top:1px solid var(--cs-line)
}

.midas-support-page .cs-qa-item {
    display:flex;
    align-items:center;
    gap:24px;
    padding:22px 6px;
    border-bottom:1px solid var(--cs-line);

    text-decoration:none;
    color:inherit;
    transition:background .15s
}

.midas-support-page .cs-qa-item:hover {
    background:#fff
}

.midas-support-page .cs-qa-num {
    flex:0 0 40px;
    font-size:13px;
    color:var(--cs-ink3);
    font-weight:600
}

.midas-support-page .cs-qa-text {
    flex:1 1 auto
}

.midas-support-page .cs-qa-text b {
    display:block;
    font-size:16.5px;
    margin-bottom:4px
}

.midas-support-page .cs-qa-text span {
    font-size:14px;
    color:var(--cs-ink2)
}

.midas-support-page .cs-qa-arrow {
    flex:0 0 auto;
    font-size:20px;
    color:var(--cs-blue)
}

.midas-support-page .cs-nd-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px
}

.midas-support-page .cs-nd-col h3 {
    font-size:19px;
    margin-bottom:8px
}

.midas-support-page .cs-nd-list {
    list-style:none;
    margin:0;
    padding:0;
    border-top:1px solid rgba(22,68,117,.14)
}

.midas-support-page .cs-nd-list li {
    font-size:16px;
    padding:19px 2px;
    border-bottom:1px solid rgba(22,68,117,.14);
    color:var(--cs-head)
}

.midas-support-page .cs-nd-list li b {
    color:var(--cs-navy);
    font-weight:700
}

.midas-support-page .cs-nd-foot {
    margin-top:22px;
    text-align:right
}

.midas-support-page .cs-nd-more {
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    font-weight:700;

    color:var(--cs-head);
    text-decoration:none;
    padding-bottom:5px;
    border-bottom:2px solid var(--cs-head)
}

.midas-support-page .cs-nd-more .cs-plus {
    font-size:17px;
    line-height:1;
    font-weight:700
}

.midas-support-page .cs-bp {
    position:relative;
    overflow:hidden;
    max-width:900px;
    margin:0 auto;
    padding:52px 48px;
    border-radius:16px;
    background:var(--cs-navy);
    color:#fff;
    text-align:center
}

.midas-support-page .cs-bp-bg {
    position:absolute;
    inset:0;
    background-position:center;
    background-size:cover;
    opacity:.55
}

.midas-support-page .cs-bp-wash {
    position:absolute;
    inset:0;
    background:linear-gradient(160deg,rgba(15,51,88,.82),rgba(22,68,117,.78))
}

.midas-support-page .cs-bp-badge {
    position:absolute;
    top:0;
    left:30px;
    z-index:2;
    padding:9px 20px 8px;
    border-radius:0 0 10px 10px;
    background:#fff;
    box-shadow:0 3px 8px rgba(0,0,0,.12);
    color:var(--cs-navy);
    font-size:13px;
    font-weight:700;
    letter-spacing:.2px
}

.midas-support-page .cs-bp-icon {
    position:relative;
    z-index:2;
    display:block;
    width:88px;
    height:auto;
    margin:0 auto 24px;
    opacity:.95
}

.midas-support-page .cs-bp h2,
.midas-support-page .cs-bp p,
.midas-support-page .cs-bp-btns {
    position:relative;
    z-index:2
}

.midas-support-page .cs-bp h2 {
    margin-bottom:16px;
    color:#fff;
    font-size:26px
}

.midas-support-page .cs-bp p {
    max-width:640px;
    margin:0 auto 30px;
    color:#dce8f4;
    font-size:16px;
    line-height:1.75
}

.midas-support-page .cs-bp-btns {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px
}

@media(max-width:980px) {
.midas-support-page .cs-proj-grid,
.midas-support-page .cs-nd-grid {
    grid-template-columns:1fr
}

.midas-support-page .cs-hero-in h1 {
    font-size:32px
}
}

.midas-support-page .cs-sec.cs-navy {
    background:var(--cs-navy)
}

.midas-support-page .cs-page-hero {
    position:relative;
    overflow:hidden;
    background:linear-gradient(120deg,#164475,#2e7fbb)
}

.midas-support-page .cs-page-hero>img {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover
}

.midas-support-page .cs-page-hero:after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(11,31,52,.72),rgba(9,26,46,.86))
}

.midas-support-page .cs-page-hero-in {
    position:relative;
    z-index:2;
    max-width:1240px;
    margin:0 auto;
    padding:38px 24px 46px;
    color:#fff
}

.midas-support-page .cs-crumb {
    font-size:13px;
    color:#cfe0f2;
    margin:0 0 14px
}

.midas-support-page .cs-crumb a {
    text-decoration:none;
    color:#cfe0f2;
    opacity:.85
}

.midas-support-page .cs-crumb a:hover {
    opacity:1;
    text-decoration:underline
}

.midas-support-page .cs-crumb span {
    margin:0 6px;
    opacity:.6
}

.midas-support-page .cs-page-hero-in h1 {
    font-size:34px;
    font-weight:700;
    color:#fff;
    margin:0 0 8px
}

.midas-support-page .cs-page-hero-in p {
    font-size:15.5px;
    color:#dce8f4;
    max-width:760px;
    margin:0
}

.midas-support-page .cs-prose {
    max-width:820px;
    margin:0 auto
}

.midas-support-page .cs-prose p {
    font-size:15.5px;
    line-height:1.85;
    color:var(--cs-ink);
    margin:0 0 20px
}

.midas-support-page .cs-prose p:last-child {
    margin-bottom:0
}

.midas-support-page .cs-prose b {
    color:var(--cs-navy)
}

.midas-support-page .cs-prose ul {
    margin:0 0 20px;
    padding-left:22px
}

.midas-support-page .cs-prose ul li {
    font-size:15.5px;
    line-height:1.85;
    color:var(--cs-ink);
    margin-bottom:6px
}

.midas-support-page .cs-prose h3 {
    font-size:19px;
    margin:34px 0 14px
}

.midas-support-page .cs-prose h3:first-child {
    margin-top:0
}

.midas-support-page .cs-role-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
    margin-top:36px
}

.midas-support-page .cs-role-card {
    background:#fff;
    border:1px solid var(--cs-line);
    border-radius:14px;
    padding:28px 26px;

    box-shadow:0 2px 10px rgba(22,68,117,.05)
}

.midas-support-page .cs-role-card h3 {
    font-size:16.5px;
    margin-bottom:10px;
    color:var(--cs-navy)
}

.midas-support-page .cs-role-card p {
    font-size:13.8px;
    line-height:1.7;
    color:var(--cs-ink2);
    margin:0
}

.midas-support-page .cs-callout {
    background:var(--cs-sec);
    border-radius:12px;
    padding:26px 30px;
    margin-top:32px
}

.midas-support-page .cs-callout h4 {
    font-size:14px;
    color:var(--cs-navy);
    margin:0 0 12px
}

.midas-support-page .cs-callout ol {
    margin:0;
    padding-left:20px
}

.midas-support-page .cs-callout li {
    font-size:14px;
    line-height:1.75;
    color:var(--cs-ink);
    margin-bottom:8px
}

.midas-support-page .cs-callout li:last-child {
    margin-bottom:0
}

.midas-support-page .cs-callout p {
    font-size:14px;
    line-height:1.75;
    color:var(--cs-ink);
    margin:0
}
.midas-support-page .cs-sec { padding-right:0; padding-left:0; }
.midas-support-page .cs-proj { flex:1; display:flex; }
.midas-support-page .cs-proj-body { flex:1; height:auto; }
.midas-support-page .cs-page [id] { scroll-margin-top:24px; }
.midas-support-page .cs-b { white-space:normal; text-align:center; }
.midas-support-page .cs-page-hero-in .cs-crumb { margin-bottom:14px; font-size:13px; }
@media(max-width:1199px) {
    .midas-support-page .cs-page {
        margin-bottom:calc(-1 * var(--client-header-height-mobile));
        transform:translateY(calc(-1 * var(--client-header-height-mobile)));
    }
    .midas-support-page .cs-hero,
    .midas-support-page .cs-page-hero { padding-top:var(--client-header-height-mobile); }
}
@media(max-width:980px) {
    .midas-support-page .cs-proj-grid,
    .midas-support-page .cs-role-grid,
    .midas-support-page .cs-nd-grid { grid-template-columns:1fr; }
    .midas-support-page .cs-hero-in h1 { font-size:32px; }
}
@media(max-width:560px) {
    .midas-support-page .cs-hero-in { padding:54px 0 60px; }
    .midas-support-page .cs-page-hero-in { padding:38px 0 46px; }
    .midas-support-page .cs-qa-item { gap:12px; }
    .midas-support-page .cs-qa-num { flex-basis:26px; }
}