body {}

:root {
    --copay-color: #00b2a9;
    --hyperlink-color: #00b9ac;
    --copay-light: #eaf6f5;
    --cash-color: #6ab04c;
    --cash-light: #f0f9f0;
    --heading-color: #6ab04c;
    --text-color: #000;
    --footer-BG: #efefef;
}

body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 110%; border-top: 30px solid var(--copay-color);}

.noWrapTxt {white-space: nowrap;}

a {color: var(--hyperlink-color); text-decoration: underline;}
a:hover {color: var(--hyperlink-color);}

.container {max-width: 720px;}

header {border-top: 5px solid var(--copay-color); padding-top: 30px;}
header img {max-width: 160px;}
header .container {max-width: 680px; text-align: center;}
header h1 {color: var(--cash-color); font-weight: 700; font-size: 26px; margin: 40px 0 20px;}
header h1 sup {top: -6px; font-weight: normal;}

footer {font-size: 11px; margin-bottom: 30px;}
footer img {width: 100px; margin-bottom: 10px;}
footer p {margin-bottom: 0;}

section .container {max-width: 600px;}

.programWrap {display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.programBox {width: 50%; padding: 20px; background: var(--copay-light); display: flex; flex-direction: column; align-items: center;}
.programBox:last-of-type {background: var(--cash-light);}
.programBox:last-of-type button {background: var(--cash-color);}
.programBox:last-of-type p {max-width: 170px;}
.programBox img {width: 100%; max-width: 140px;}
.programBox button {background: var(--copay-color); text-transform: uppercase; color: var(--white); font-weight: 600; font-size: 14px; border: none; display: block; width: 100%; padding: 20px 10px; margin: 20px 0 10px; cursor: pointer;}
.programBox p {font-style: italic; text-align: center; max-width: 200px; font-size: 10px; margin-bottom: 0;}

.privacyWrap {font-size: 11px; margin-top: 30px;}
.privacyWrap h3 {font-size: 11px; font-weight: 600; margin-bottom: 0;}
.privacyWrap p:last-of-type {position: relative; padding-left: 4px; font-size: 9.5px;}
.privacyWrap p:last-of-type::before {content: '*'; position: absolute; left: 0; top: 0;}


@media only screen and (max-width: 768px) {
    header h1 {font-size: max(8vw, 24px);}
    .programWrap {flex-direction: column;}
    .programBox {width: 100%; padding: 3vw 2vw;}
}
