@font-face {
    font-family: "Lexend";
    src: url("../font/lexend/Lexend-VariableFont_wght.ttf");
}

body {
    font-family: 'Lexend';
    position: relative;
}

.container-xl {
    max-width: 1400px;
}

header {
    padding: 0;
    margin: 0;
}

header .container-xl {
    background-image: url("../img/header_bg_mb.svg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;
    height: 630px;
    color: white;
    font-weight: bold;
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 0;
    width:100%;
}

#header-row, #header-col, #header-row-inner {
    height: 100%;
}

#header-row-inner {
    align-items: end;
}

#header-text {
    height: 250px;
}

#trademark-text {
    margin-top: 40px;
    margin-bottom: 40px;
    font-weight: 300;
}

.bottom-logos {
	max-width: 100%;
	margin: auto;
    border-bottom: 1px solid #398393;
}

.bottom-logos-row {
    margin: 50px auto;
}

.bottom-logos img {
    width: 100%;
}

.mobile-element {
    display: none;
}

.error-wrapper {
    position: fixed;
    right: 50;
    bottom: 100;
    background: white;
    color: red;
    z-index: 99 !important;
    display: none;
    max-width: 200px;
    font-size: 20px;
}

#initial-instruct {
    color: #2A254B;
    font-size: 26px;
}


button {
    border-radius: 40px !important;
}

input[type='text'], input[type='date'] {
    border-radius: 40px;
}

input[type='text']::placeholder {
    color:#97ADA5
}

input[type='radio'] {
    -webkit-appearance: none; /* WebKit */
    -moz-appearance: none; /* Mozilla */
    -o-appearance: none; /* Opera */
    -ms-appearance: none; /* Internet Explorer */
    appearance: none; /* CSS3 */

    border-radius: 50%;
    width: 20px;
    height: 20px;
    outline: none;
    border: 2px solid #97AEA5 !important;
}

input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

input[type="radio"]:checked:before {
    background: #97AEA5;
}

input[type="radio"]:checked {
    border-color: #97AEA5;
}

.btn-link.btn-insurance-type {
	background-color: #EFF2F1;
	border-color: #EFF2F1;
    border-radius: 40px !important;
	color: #2A254B;
    margin: 0px;
}

.btn-link.btn-insurance-type:hover, .btn-link.btn-insurance-type:focus,
.btn-link.btn-insurance-type:active, .btn-link.btn-insurance-type.active {
    color: #2A254B;
    text-decoration: none;
}

.plus-minus-wrapper {
    display: inline-block;
    margin-right: 20px;
}

.download-card-btn {
    width: 100%;
    margin: 0px;
}

.download-card-btn-txt{
    font-size: 14px;
    border-radius: 40px;
    font-weight: bold;
    padding-left: 5px;
    height: 16px;
}

.btn-primary.text-card-btn{
    border-radius: 40px;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 10px;
    float:left;
    height: 85%;
    font-size: 14px;
}

#by-enroll-paragraph{
    font-size: 13px;
}

.download-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
}

.print-icon {
    display: inline-block;
    margin-right: 10px;
    width: 35px;
    height: 35px;
}

.bi-plus {
    width: 25px;
    height: 25px;
}

.bi-dash {
    width: 25px;
    height: 25px;
    display: none;
}

.bi-chevron-down {
    width: 50px;
    height: 50px;
    color: #398393;
}

.btn-primary.btn-green {
	background-color: #97AEA5 !important;
	border-color: #97AEA5 !important;
}

.btn-primary.btn-green:hover, .btn-primary.btn-green:focus, .btn-primary.btn-green:active, .btn-primary.btn-green.active {
    background-color: #6F8079 !important;
	border-color: #6F8079 !important;
}

.btn-primary.btn-green:disabled {
    cursor: default;
    pointer-events: none !important;
    background-color: #bcbcbc !important;
    border-color: #bcbcbc !important;
}

#govt-by-enrolling-txt {
    font-size: 14px;
}

#for-quest-call {
    margin-top: 100px;
}

#download-coupon-wrapper {
    display: none;
    color: #398393;
}

.print-card-wrapper {
    max-width: 500px;
    margin: auto;
}

.print-card-wrapper button {
    color: white;
    font-size: 24px;
    width: 100%;
    background-color: #97AEA5;
}

.print-card-wrapper button:hover, .print-card-wrapper button:focus,
.print-card-wrapper button:active, .print-card-wrapper button.active {
    background-color: #97AEA5;
	border-color: #97AEA5;
    color: white;
}

.phone_number {
    font-size: 14px;
    min-width: 260px;
    width: 100%;
}

.text-card{
    width: 100%;
    min-width: 260px;
}

#insuranceType .card {
	border: none;
    background-color: #EFF2F1;
    margin-bottom: 25px;
    border-radius: 40px;
}

#insuranceType .card-header {
	background-color: #EFF2F1;
	border-bottom: none;
}

#insuranceType form {
    border-top: 4px solid white;
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
    color: red;
    font-size: 12px;
}

.fine-print {
    font-size: 12px;
}

.required-fields-text {
    font-size: 12px;
}

.error, .error p {
	color: red;
    font-size: 14px;
}

ul.termsBullets {
    padding-left: 18px;
}

.termsBullets li {
    margin-top: 15px;
}

a.privacy-link {
	text-decoration: underline;
	color: #212529;
}

footer img {
	max-width: 250px;
}

#footer-container {
    background-image: url("../img/footer_mobile.png");
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
    font-size: 10px;
    min-width: 100%;
}

#footer-spacer {
    height: 300px;
}

#scroll-top-img {
    position: absolute;
    right: 20px;
    bottom: 335px;
    cursor: pointer;
}

#medicare-collapse {
    cursor: default;
}

@media only screen and (min-width: 370px) {
    #scroll-top-img {
        bottom: 355px;
    }
}

@media only screen and (min-width: 430px) {
    #scroll-top-img {
        bottom: 375px;
    }
}

@media only screen and (min-width: 500px) {
    #scroll-top-img {
        bottom: 395px;
    }
}

@media only screen and (min-width: 590px) {
    #scroll-top-img {
        bottom: 415px;
    }
}

@media only screen and (min-width: 650px) {
    #scroll-top-img {
        bottom: 435px;
    }
}

@media only screen and (min-width: 710px) {
    #scroll-top-img {
        bottom: 455px;
    }
}

@media only screen and (min-width: 768px) {
    header {
        height: 250px;
    }
    header .container-xl {
        background-image: url("../img/header_bg_dt.svg");
        font-size: 2em;
        background-size: 100%;
        height: 100%;
        max-width: 100%;
    }
    #header-text {
        height: auto;
    }
    #header-client-logo-cell {
        margin-bottom: 30px;
    }
    .btn-primary.text-card-btn{
        width: 80%;
    }
    .phone_number {
        width: 80%;
        min-width: none;
        float: right;
    }
    .text-card{
        width: 80%;
        min-width: none;
        float: left;
    }
    .download-card-btn {
        width: 450px;
        margin: auto;
    }
    #header-row-inner {
        align-items: center;
    }
    #footer-container {
        background-image: url("../img/footer_bg_dt.svg");
        font-size: 12px;
    }
    #scroll-top-img {
        bottom: 280px;
        right: 100px;
    }
}

@media only screen and (min-width: 950px) {
    #scroll-top-img {
        bottom: 260px;
    }
}

@media only screen and (min-width: 1000px) {
    header {
        height: 330px;
    }
}

@media only screen and (min-width: 1130px) {
    #scroll-top-img {
        bottom: 240px;
    }
}

@media only screen and (min-width: 1350px) {
    #scroll-top-img {
        bottom: 220px;
    }
}

@media only screen and (min-width: 1950px) {
    #scroll-top-img {
        bottom: 210px;
    }
}

@media only screen and (min-width: 1950px) {
    #scroll-top-img {
        bottom: 210px;
    }
}

@media only screen and (min-width: 2300px) {
    #scroll-top-img {
        bottom: 200px;
    }
}

@media only screen and (max-width: 767px) {
	header {
        background: transparent;
	}
    .bottom-logos img {
        width: 100%;
    }
    .desktop-header-logo {
        display: none;
    }
    .mobile-element {
        display: block;
    }
    #by-enroll-paragraph{
        display: none;
    }
}

@media screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: 100%;
    }
}

@media print {
    #header-text {
        height: auto;
    }
    #header-client-logo-cell {
        margin-bottom: 30px;
    }
    .btn-primary.text-card-btn{
        width: 80%;
    }
    .phone_number {
        width: 80%;
        min-width: none;
        float: right;
    }
    .text-card{
        width: 80%;
        min-width: none;
        float: left;
    }
    .download-card-btn {
        width: 450px;
        margin: auto;
    }
    #header-row-inner {
        align-items: center;
    }
    #scroll-top-img {
        display: none;
    }
}