﻿@charset "utf-8";

body {
	background: repeat scroll 0 0 #E9E9E9;
	margin: 0;
	padding: 0;
}

.h-content{
	height:max-content;
}
.v-align {
	vertical-align: top;
	padding: 0.5rem 1rem 0 1rem;
	height: auto !important;
}

.mar-rem{
	margin:1rem;
}

.alertfailureMsg {
	margin-left: 1rem;
/*	border-color: green;
	border-width: 1px;
	border-bottom-style: dotted;*/
}

.mar-l-1rem {
	margin-left: 1rem !important;
}

.mar-l-0 {
	margin-left: 0 !important;
}

.mar-t-5rem {
	margin-top: 5rem !important;
}

.mar-t-10rem{
	margin-top:10rem !important;
}

.account-info-form {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.container {
	flex: 100%;
	background: white;
	padding: 54px 40px;
	height: 699px;
}

.sarp-get-started{
	margin: 5rem;
}

.alertfailureicon{
	padding:1rem;
}

.sarp-welcome-title {
	width: 712px;
	height: auto;
	margin-bottom: 2rem;
	color: #222222;
	text-align: left;
	font-family: "BerninaSans";
	font-size: 36px;
	font-style: normal;
	font-weight: 300;
	line-height: 40px;
	letter-spacing: -0.02px;
/*	border-color: red;
	border-width: 1px;
	border-bottom-style: dotted;*/
}

.sarp-getstarted-title {
	width: 712px;
	height: 50px;
	margin: 1rem 0 1rem 5.1rem;
	color: #222222;
	text-align: left;
	font-family: "BerninaSans";
	font-size: 36px;
	font-style: normal;
	font-weight: 300;
	line-height: 40px;
	letter-spacing: -0.02px;
}

.sarp-confirmation-title{
	width:1078px !important;
	margin:1rem !important;
	/*font-size:28px !important;*/
	line-height: 42px !important;
}

.sarp-getStarted-text {
	text-align: left;
	letter-spacing: 0px;
	color: #222222;
	opacity: 1;
	height: 22px;
	width: 712px;
	font-size: 16px;
	margin: 1rem 6rem 4rem 5.2rem;
	line-height: 24px;
	font-family: BerninaSans;
}

.no-overflow{
	overflow-x:unset !important;
}

.welcometext {
	margin: 0rem 0rem 0rem 0rem;
	height: 0 !important;
	margin-top: 2rem;
	color: #222;
	text-align: left;
	font-family: "BerninaSans";
	font-size: 28px;
	font-style: normal;
	font-weight: 200;
	letter-spacing: -0.5px;
}
.fields-section {
	display: flex;
}

.GetStarted-Program-title {
	text-align: left;
	font: normal normal 600 20px/28px BerninaSans-Semibold;
	letter-spacing: -0.01px;
	color: #222222;
	opacity: 1;
	width: 712px;
	height: 28px;
	line-height:28px;
	margin: 0 0 0 5.1rem;
}

.sarp-title-block {
	width: auto !important;
}

.Program-title {
	font: normal normal 600 20px/28px BerninaSans-Semibold;
	letter-spacing: 0px;
	color: #222222;
	opacity: 1;
	width: 712px;
	height: 28px;
	line-height: 24px;
	margin: 0 0 0 0rem;
}

.mobile-program-title {
	font: normal normal 600 20px/28px BerninaSans-Semibold;
	letter-spacing: 0px;
	color: #222222;
	opacity: 1;
	line-height: 24px;
	margin: 0 0 0 5.1rem;
}

.display-inline-block{
	display:inline-block !important;
}

.fields {
	width: 100%;
	max-width: 100% !important;
	box-sizing: border-box;
	overflow-x: hidden;
	margin: 0rem;
	height: auto;
}

.points {
	margin-left: 2.8rem;
	display: flex;
	flex-direction: column;
}

.points>ol>li {
	text-align: left;
	letter-spacing: 0px;
	color: #222222;
	opacity: 1;
	/*height: 3rem;*/
	font-size: 16px;
	line-height: 24px;
	font-family: Bernina Sans;
	padding:3rem 4rem 2rem 4rem;
	margin-right:5rem;
	width:60rem;
}

.points > ::marker
{
	margin-right:2rem !important;
}

.points > ol > li > p{
	margin-left:-2rem;
}

.GetStarted {
	background-color: #08537ce8;
	height: 28rem;
	width: 30rem;
	align-self: center;
	margin: 5rem;
	padding: 5rem;
}

.mar-5rem{
	margin:5rem !important;
}

.mar-l-10rem{
	margin-left:10rem;
}

.mar-t-8rem{
	margin-top:8rem !important;
}

.points>ul>li{
	font-size:16px;
	margin:3rem 5rem;
	line-height:22px;
}

.fw-500{
	font-weight:500 !important;
}

h1 {
	color: black;
	font-family: 'BerninaSans' !important;
	margin: 4rem;
}

h2 {
	padding:0px 45px;
	text-align: center;
	font-family: 'BerninaSans' !important;
	color: #626262 !important;
	font-size: 30px;
	font-weight: 300;
	letter-spacing: -0.25px;
}

.account-lookup-question {
	font-family: 'Bernina Sans' !important;
	color: #222222 !important;
	font-size: 16px;
	text-align: left;
	letter-spacing: -0.22px;
	opacity: 1;
	margin-left: 50px !important;
	line-height: 24px;
	width: 582px;
	height: 46px;
}

.account-info-section {
	height: auto;
	padding-bottom: 20px;
	margin-top: 0 !important;
}

.text {
	font-family: 'BerninaSans';
	font-size: 14px;
	font-weight: normal;
	color: white;
	line-height: 25px;
}

.getstartedbutton {
	border: 1px solid #007DB9;
	color: white;
	width: 150px;
	height: 40px;
	background-color: red;
	border-radius: 23px;
	opacity: 1;
	font-weight: inherit;
	padding: 7px;
	font-size: 12px;
	font-family: 'BerninaSans';
	align-self: baseline;
	-ms-align-content: inherit;
	-webkit-align-content: inherit;
	align-content: center;
	margin-bottom: 8rem;
	opacity:1;
	line-height:16px;
	float:right;
	margin-left:51rem;
	margin-top:3rem;
}

.NotDisplay{
	display:none;
}

.title{
	text-align:left !important;
	margin-left:-2rem !important;
	margin-top:2rem;
}

.account-lookup-title {
	text-align: left !important;
	margin-left: -2rem !important;
	margin-top: 2rem;
	width: auto !important;
	height: 46px;
}

.sarp-header {
	/*width: 10.5rem;*/
	height: 3.2rem;
	/*margin: 3rem;*//*1rem;*/
	color: #222;
	text-align: center;
	/* Header - H2 */
	font-family: "BerninaSans";
	font-size: 36px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px; /* 114.286% */
	letter-spacing: -0.02px;
}

.btnAccountInfo {
	width: 200px;
	height: 46px;
	border-radius: 30px;
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid var(--Neutrals-Medium-Gray, #959595) !important;
	background-color: #fff;
	color: #959595;
	font-size: 14px;
	float: right;
	margin-right: 15rem;
	margin-bottom:1rem;
}

.btnActive {
	background-color: red !important;
	color:#FFFFFF;
}

.budget-amt{
	float:right;
	margin-left:5rem;
}

.form-group {
	margin: 2rem;
	/*margin-top: 8px;*/
	margin-left: 5rem;
	display: flex;
	flex-direction: column;
	gap: 8px !important;
	padding: 20px 10px 0px !important;
/*	border-color: red;
	border-width: 1px;
	border-bottom-style: dotted;*/
}

.form-group-enroll {
	margin: 2rem;
	/*margin-top: 8px;*/
	margin-left: 5rem;
	display: flex;
	flex-direction: column;
	gap: 8px !important;
	padding: 20px 10px 0px !important;
	/*	border-color: red;
	border-width: 1px;
	border-bottom-style: dotted;*/
	width: auto !important;
}

.form-group-col-1 {
	width: 50%;
	padding: 10px;
/*	border: 1px solid #ccc;
	box-sizing: border-box;*/
}

.form-group-col-2 {
	width: 10%;
	padding: 10px;
	font: normal normal 600 20px/28px BerninaSans-Semibold;
	letter-spacing: 0px;
	color: #222222;
	opacity: 1;
	height: 28px;
	line-height: 24px;
	margin: 0 0 0 0rem;
/*	border: 1px solid #ccc;
	box-sizing: border-box;*/
}

.form-group-col-3 {
	width: 40%;
	padding: 10px;
	text-align: left;
/*	border: 1px solid #ccc;
	box-sizing: border-box;*/
}

.form-group-col-1-mobile {
	width: 100%;
	padding: 10px;
/*	border: 1px solid #ccc;
	box-sizing: border-box;*/
}

.form-group-col-2-mobile {
	width: 20%;
	padding: 10px;
	font: normal normal 600 20px/28px BerninaSans-Semibold;
	letter-spacing: 0px;
	color: #222222;
	opacity: 1;
	height: 28px;
	line-height: 24px;
	margin: 0 0 0 0rem;
/*	border: 1px solid #ccc;
	box-sizing: border-box;*/
}

.form-group-col-3-mobile {
	width: 80%;
	padding: 10px;
	text-align: left;
/*	border: 1px solid #ccc;
	box-sizing: border-box;*/
}

.captcha {
	width: 295px;
	height: 78px;
}

.control-label {
	color: #4D4D4D;
	font-family: BerninaSans;
	font-size: 14px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	display: flex;
	cursor: pointer;
	margin: 8px 0px 0px 0px !important;
	text-align:left;
}

.sarp-remember-title {
	font-family: BerninaSans-Semibold;
	font-size: 20px !important;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.01px;
	color: #222222;
	margin-top: 5rem;
	height: 15px; /*28px;*/
	text-align: center;
/*	border-color: red;
	border-width: 1px;
	border-bottom-style: dotted;*/
}

.sarp-remember-text {
	font-family: BerninaSans-Semibold;
	font-size: 20px !important;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: -0.01px;
	color: #222222;
	margin-top: 0rem;
	height: 15px; /*28px;*/
	text-align: left;
	/*text-wrap-mode: nowrap;*/
	margin-top: 4rem;
	/*	border-color: red;
	border-width: 1px;
	border-bottom-style: dotted;*/
}


.assistance-block {
	width: 60rem;
	height: 175px;
	/*background-color: #e0dede8f;*/
	margin-left: 12rem;
	margin-top: 6rem;
	/*border-radius: 7px;*/
	background: #E8E8E8 0% 0% no-repeat padding-box;
	border-radius: 10px;
	/*opacity: 0.3;*/
}

.assistance-button {
	opacity: 1;
	height: 46px;
	border-radius: 30px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	/*margin-left: 20rem;*/ /*23rem*/
	border: 1px solid #007DB9;
	margin-top:3rem;
}

.assistance-text {
	padding: 3rem 3rem 3rem 3rem;
}

.mar-2-rem{
	margin:2rem;
}

.sarp-assistance-block {
	height: 218px;
}
.offer {
	width: 145px; /*90rem;*/
	display: flex !important;
	height:26px;
	margin-bottom:0.5rem;
}

.enrollmentoffer{
	width: auto !important;
	height:22px;
}

.enrollment-label {
	color: #4D4D4D;
	font-family: BerninaSans;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/*text-wrap-mode:nowrap;*/
	display: flex;
	cursor: pointer;
	margin: 8px 0px 0px 0px !important;
	text-align: left;
	letter-spacing:0px;
	opacity:1;
}

.sarpReviewText {
	font-size: 16px;
	text-align: left;
	color: #949494;
	opacity: 1;
	line-height: 24px;
	letter-spacing: 0px;
	padding-left: 0rem;
}

.mar-4-rem{
	margin:4rem;
}

.offer-section {
	display: flex;
}

.cred-amt > .Program-title{
	float:right;
	padding-left:5rem;
}
.offer-question {
	margin-left: 6rem;
}

.offer-confirmation-choice {
   /* display: flex;
	align-items: baseline;*/
	padding:0.5rem;
}

.enroll-confirmation-qn {
	margin-bottom: 1rem;
	font-size: 16px;
}
.options {
	grid-area: ach3;
}

.radio-2-rem {
	margin-top: 2rem;
	margin-left:4rem;
}

.mar-t-9rem{
	margin-top:9rem;
}

.mar-l-5rem {
	margin-left: 5rem;
}

.mar-l-1rem {
	margin-left: 1rem !important;
}

.mar-l-4rem {
	margin-left: 4rem !important;
}

input[type=radio] {
	margin: 6px;
	transform: scale(1.6);
	accent-color: rgba(0, 125, 185, 1);
	width: 2rem !important;
}

.radio-label {
	margin-bottom: 1rem;
	font-size: 14px;
}

.radio-label-align {
	margin: 0 2.9rem 0 0;
}

.enrollment-confirmation-section{
	margin:22px;
}

.TextBox {
	width: 360px; /* 857px;*/
	/* background-color: white;
	padding: 10px;
	font-family: 'BerninaSans';
	color: #000000;
	font-size: 14px !important;
	font-weight: 500;
	border: 1px solid #4D4D4D66;
	opacity: 1;
	max-width: 100%;*/
}

.tooltip {
	position: relative;
	display: inline-block;
}

.tooltip-box{
	width:250px;
	height:120px;
	position:absolute;
}

.tooltip .tooltiptext {
	font-family: 'BerninaSans';
	visibility: hidden;
	width: 150px;
	background-color: #072e66;
	color: #fff;
	/*text-align: center;*/
	/*border-radius: 6px;*/
	/*padding: 5px 0;*/
	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: 100%;
	left: 50%;
	margin-left: -60px;
	padding: 2rem;
	font-size: 14px;
	text-align: left;
	letter-spacing: -0.22px;
	color: #FFFFFF;
	opacity: 1;
	line-height: 17px;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.subtract-icon {
	/*background: #003A5D 0% 0% no-repeat padding-box;*/
	opacity: 1;
	width: 15px;
	height: 19px;
	margin-left: 7px;
	margin-top: 6px;
}

/* PROGRESS STEP STYLES */
.sarp-progress-steps {
	display: flex;
	justify-content: center;
	margin: 5rem 0;
}

.sarp-progress-step-check {
	height: 1rem;
}

.progress-step {
	display: flex;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 3rem;
	justify-content: center;
}

/*.progress-step {
	width: 2.5rem;
	height: 2.5rem;
}
*/

.progress-step-text {
	align-self: center;
}

.progress-step-check {
	width: 2.4rem;
	height: 2.4rem;
	padding-top: 0.6rem;
	padding-left: 0.5rem;
	border-radius: 2.5rem;
}

.progress-current {
	background-color: #007db9;
	color: #FFF;
}

.progress-not-current {
	background-color: lightgray;
	color: #222;
}

.progress-connect-gray {
	width: 2.5rem;
	height: 0.01rem;
	margin-top: 1.5rem;
	border: solid 0.1rem rgba(77, 77, 77, 0.2);
}

.progress-connect-blue {
	width: 2.5rem;
	height: 0.01rem;
	margin-top: 1.5rem;
	border: solid 0.1rem #007db9;
}
/* PROGRESS STEP STYLES ENDS */

.sarp-form {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.sarp-lookup-container {
	display: flex;
	flex-direction: column;
	padding: 40px 0px 0px 0px; /*40px 35px 0px 35px;*/
	font-family: "BerninaSans";
	overflow-x:hidden;
}

.sarp-form input[type="text"] {
	/* width: 370px !important; */
	/* height: 30px; */
	border: #4D4D4D 1px solid;
	/* margin: 0.8rem 0 2rem 0; */
	padding: 12px 16px 12px 16px;
	font-family: "BerninaSans";
	font-size: 16px;
}

.input-textbox {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
}

.col-lg-12 {
	width: 100%;
}

.text-center-pb {
	text-align: center;
	margin-top: 2rem;
}

.imgIcon {
	display: inline-block;
	vertical-align: middle;
}

.sarp-address-question {
	color: #222222;
	/* Header - H2 */
	font-family: "BerninaSans";
	font-size: 28px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px; /*30px;*/
	letter-spacing: -0.01px;
	margin-top: 20px;
	margin-left:5rem;
	opacity:1;
}

.address-step {
	margin-top: 24px;
	height: 310px;
	margin-left:5rem;
}

.addressinfo {
	width: 325px;
	border: 1px solid #4D4D4D33;
	padding: 20px;
	gap: 12px;
	margin-bottom: 30px;
}

.AddressLines {
	height: 24px;
	color: #222222;
	/* Header - H5 */
	font-family: "BerninaSans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.22px;
}

.address-spacing {
	margin-bottom: 12px;
}

.address-header {
	height: 24px;
	color: #222222;
	/* Header - H5 */
	font-family: "BerninaSans";
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.25px;
}


.mobile-bottom-buttons
{
	padding: 20px 0px !important;
}

.btnLookup:disabled {
	width: 200px;
	height: 46px;
	border-radius: 30px;
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid var(--Neutrals-Medium-Gray, #959595) !important;
	background-color: #fff;
	color: #959595;
	font-size: 14px;
}

.btnLookup {
	width: 200px;
	height: 46px;
	border-radius: 30px;
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid #EB161E !important;
	background-color: #EB161E;
	color: #FFFFFF;
	font-size: 14px;
	cursor: pointer;
}

.sarp-form .address-continuebutton {
	height: 46px;
	width: 154px;
	padding: 15px 30px 15px 30px;
	border-radius: 30px;
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid #EB161E !important;
	background-color: #EB161E;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	margin-right:13rem;
}

.enrollment-continuebutton {
	height: 46px;
	width: 154px;
	padding: 15px 30px 15px 30px;
	border-radius: 30px;
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
	border: 1px solid var(--Neutrals-Medium-Gray, #959595) !important;
	background-color: #fff;
	color: #959595;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	margin-right: 13rem;
}

.enrollment-continuebutton-active {
	background-color: #EB161E;
	color: #FFFFFF;
}


.lookup-navigation-mobile {
	padding: 0px 20px;
	display: flex;
	height: 46px;
	justify-content: space-between;
	align-items: center;
}

.btnContinue:enabled:hover {
	box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
	border: none;
	background-color: #bb1218;
	color: #fff;
}

.lookup-navigation {
	display: flex;
	height: 46px;
	justify-content: space-between;
	align-items: center;
	padding:10rem 0;/*13rem 10px;*/ /*5rem 10px;*/
}

.btnBack {
	font-size: 14px;
	font-weight: bold;
	display: flex;
}

.searchagainbtn {
	font-size: 14px;
	font-weight: bold;
	display: flex;
	text-decoration: underline rgba(0, 125, 185, 0.30) !important;
	-webkit-text-decoration: underline rgba(0, 125, 185, 0.30) !important;
	text-underline-offset: 5px;
	margin-left:5rem;
}

.page-break-from-footer
{
	margin-top:4.13rem;
}

.account-info-warning {
	color: #2d363b;
	background: rgba(253, 183, 20, 0.10);
	border-color: #d9edf7;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-family: 'BerninaSans';
	display: flex;
	/*min-height: 38px;*/
	align-items:flex-start;
	/*gap: 10px;*/
	align-self: stretch;
	margin-bottom: 15px;
	margin-bottom: 1.5rem;
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	margin-top: 3rem;
	width:619px;
	height:17px; /*36px;*/
	line-height:14px;
	letter-spacing:-0.22px;
	padding:1.3rem;
	margin-left:-1rem;
}
 
.enrollment-info-warning {
	color: #2d363b;
	background: rgba(253, 183, 20, 0.10);
	border-color: #d9edf7;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	font-family: 'BerninaSans';
	width: 619px;
	height: 9px;/*25px;*/
	line-height: 11px;/*20px;*/
	letter-spacing: -0.22px;
	padding:2rem;
}
.warning-icon {
	width: 2.1rem;
	height: 2.1rem;
	padding: 0px;
	margin: 0-0.7rem 1.6rem 0.3rem 1.2rem; 
	color: #FDB7141A;
}

.account-info-error {
	color: #EB161E;
	font-family: BerninaSans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.22px;
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
	/* padding-top: 1.2rem; */
	padding-bottom: 1rem;
	margin-top: 3rem;
	margin-left: -0.5rem;
}

.sarp-block {
	display: flex;
	justify-content: flex-start;
	margin-top: 3rem;
}

.sarp-text-block {
	display: table-row-group; 
}

.sarp-text{
	margin-left:6rem;/* 12rem;*/
	font-size:16px;
	width:706px;
	margin-top:2rem;/*3rem;*/
	line-height:24px;
	text-align:center;
	letter-spacing:0;
	opacity:1;
	line-height:24px;
}

.display-block {
	display: block;
}

.display-none {
	display: none;
}

.sarp-form-error {
	border: red 1px solid !important;
}

.error-msg-2 {
	/* width: 23.7rem; */
	color: #EB161E;
	font-size: 1.4rem;
	text-align: left;
}

.points > ol > li {
	padding-top: 1rem;
	margin: 1rem;
}

.points > ol > li::marker {
	margin-left: -3rem;
}

.mobile-olli-p-0 {
	margin: 0rem !important;
}

.mobile-ulli-p-0 {
	margin: 2rem !important;
}

.mobile-olli-n-0 {
	margin: 0rem !important;
	width: 620px;
	height: 24px;
}

.mobile-olli-mar-p-0 {
	margin-top: 0rem !important;
}

.mobile-olli-mar-p-1 {
	margin-top: 1rem !important;
}

.mobile-olli-mar-n-1 {
	margin-top: -1rem !important;
}

.mobile-olli-mar-2 {
	margin-top: 2rem !important;
}

.mobile-olli-mar-3 {
	margin-top: 3rem !important;
}

.mobile-olli-mar-4 {
	margin-top: 4rem !important;
}

.mobile-olli-mar-5 {
	margin-top: 4rem !important;
}

.mobile-olli-mar-6 {
	margin-top: 6rem !important;
}

.mobile-olli-mar-7 {
	margin-top: 7rem !important;
}

.mobile-olli-mar-8 {
	margin-top: 8rem !important;
}

.mobile-olli-mar-9 {
	margin-top: 9rem !important;
}

.mobile-olli-mar-10 {
	margin-top: 10rem !important;
}

.mobile-olli-mar-11 {
	margin-top: 11rem !important;
}

.mobile-olli-mar-12 {
	margin-top: 12rem !important;
}

.mobile-olli-mar-13 {
	margin-top: 13rem !important;
}

	@media all and (max-width:349px) 
	{
		.offer-section {
			flex-direction: column;
		}
		.points {
			width: 230px !important;
		}
		.getstartedbutton {
			margin-left:14rem !important;
		}
		.enrollment-label {
			/*text-wrap-mode:wrap;*/
			width:13rem;
		}

		.mobile-bottom-buttons{
			margin-left:0;
		}

		.lookup-navigation-mobile {
			height: 50px;
			margin-top: 0;
		}
		.sarp-header{
			font-size:28px;
		}
		.sarp-address-question {
			font-size: 24px;
		}
		.enrollmentoffer {
			width: 125px;
			height: 60px;
		}
		.sarp-block{
			justify-content:center !important;
		}

		.alertfailureMsg{
			margin:-2rem;
		}
		.assistance-block{
			margin-left:3rem !important;
		}

		.sarp-text {
			margin-left: 4rem !important;
			width:273px !important
		}

		.sarp-header{
			margin:4rem !important;
		}

		.assistance-text {
			padding-left: 4rem !important /*2rem*/;
		}

		.assistance-button {
			margin-left: 3rem !important;
		}
		.enrollment-info-warning {
			width: 275px;
			height: 19px;
		}

		.assistance-block {
			width: 295px !important;
			margin-left: 2rem !important;
		}
		.assistance-block > .sarp-remember-title {
			margin-left: 2rem !important;
		}

		.sarp-welcome-title {
			margin-left: 0 !important;
		}

		.sarp-getstarted-title, sarp-getStarted-text {
			margin-left: 0 !important;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}

		.mobile-olli-mar-p-1 {
			margin-top: 1rem !important;
		}

		.mobile-olli-p-0 {
			margin: 0rem !important;
		}

		.mobile-olli-n-0 {
			margin: 0rem !important;
			width: 620px;
			height: 24px;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}
	}


	@media (min-width: 350px) and (max-width: 400px) {
		.account-info-section {
			margin: -3rem !important;
		}

		.p-350 {
			padding: 3rem 4rem 0rem 0rem !important; /*0rem 1rem 0rem 0rem !important;*/
		}

		.points {
			margin: 0rem 0rem 0rem 2rem !important;
		}

		.welcometext {
			width: auto !important;
		}

		.getstartedbutton {
			margin-left: 12rem;
		}

		.account-lookup-question {
			margin-top: 2rem;
			width: 291px !important;
		}

		.h-4rem{
			height:6rem !important;
		}

		.sarp-text {
			width: 267px !important;
			height: 160px !important;
			margin-top: 4rem !important;
			margin-left: 6rem !important;
		}

		.sarp-welcome-title {
			width: auto !important;
			height: auto !important;
			margin-left: -2rem !important;
		}

		.sarp-getstarted-title {
			width:auto !important;
			height:130px !important;
			margin-left:-2rem !important;
		}

		/*.sarp-remember-title {
			width: 254px !important;
			height: 20px !important;
			margin-left: 4rem !important;
		}*/
		
		.assistance-text {
			/*padding-left: 0rem !important;*/ /*2rem*/
		}

		.assistance-block{
			width:283px !important;
		}

		.sarp-remember-title {
/*			width: 290px !important;
			height: 20px !important;*/
		}

		.h-100-rem{
			height:74rem !important;
		}

		.sarp-welcome-title {
			margin-left: 2rem !important;
		}

		.sarp-getstarted-title{
			margin-left:2rem !important;
		}

		.sarp-title-p {
			margin-left: 2rem !important;
		}

		.sarp-title-a {
/*			margin-left: 1rem !important;*/
		}

		.points {
			height: 352px !important;
			margin: 0rem 0rem 0rem 2rem !important;
		}

		.assistance-block > .sarp-remember-title, .assistance-text {
/*			margin-left: 5rem !important;*/
		}

		.enrollment_validation_msg{
			margin-left:2rem !important;
		}

		/*.sarp-text {
			width: 250px !important;
			margin-left:6rem !important;
		}*/

		.assistance-block {
			margin-left: 3rem !important;
		}

		.sarp-remember-title {
/*			margin-left: 2rem !important;
			width: 290px !important;*/
		}

	/*	.assistance-text {
			margin: 1rem !important;
		}
	*/

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}

		.mobile-olli-mar-p-1 {
			margin-top: 1rem !important;
		}

		.mobile-olli-p-0 {
			margin: 0rem !important;
		}

		.mobile-olli-n-0 {
			margin: 0rem !important;
			width: 620px;
			height: 24px;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}
	}


	@media (min-width: 401px) and (max-width: 550px) {
		.account-lookup-question {
			width: 350px !important; /*468px*/
			height:75px;
		}

		.sarp-progress-steps{
			margin-top:3rem !important;
		}

		.account-info-warning{
			height:50px !important;
		}

		.btnAccountInfo {
			margin-right:0 !important;
		}

		.sarp-header {
			margin: 4rem !important;
		}

		.sarp-text {
			width: 408px !important;
		}

		.assistance-block {
			/*width:375px !important;*/
			width:444px !important;
		}

		.assistance-text {
			/*padding-left: 11rem !important*/ /*2rem*//*;*/
			margin-left: 0rem !important;
		}

		.assistance-button{
			margin-left:10rem !important;
		}

		.sarp-form .address-continuebutton, .enrollment-continuebutton {
			margin:15px 21px 15px 30px
		}

		.assistance-button {
			margin-left: 12rem !important;
			margin-top: 3rem;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}

		.mobile-olli-mar-p-1 {
			margin-top: 1rem !important;
		}

		.mobile-olli-p-0 {
			margin: 0rem !important;
		}

		.mobile-olli-n-0 {
			margin: 0rem !important;
			width: 620px;
			height: 24px;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}
	}

	/*@media (min-width: 551px) and (max-width: 767px) {*/
	@media (min-width: 340px) and (max-width: 767px) {
		.progress-step {
			width: 2.5rem;
			height: 2.5rem;
		}

		.sarp-get-started {
			margin: 0rem;
		}

		.mobile-bottom-buttons {
			width: 100%;
			background: #fff;
			height: auto;
			padding: 20px 20px;
			position: fixed;
			bottom: 0%; /*0.5%;*/
			box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.2);
		}

		.searchagainbtn {
			margin-left: 0;
			width: 150px;
		}


		.getstartedbutton {
			float: right;
			margin-left: 20rem;
			margin-top: 0;
		}

		.tooltip .tooltiptext {
			width: 194px;
			height: 98px;
		}

		.sarp-text {
			margin-left: 7rem ;
			height: 98px; /*142px !important;*/
			width: 388px;/*273px !important;*/
		}

		.assistance-block {
			width: 295px; /*!important;*/
			height: 203px !important;
			margin-top: 4rem !important;
			margin-left: 5rem !important; /*!important;*/
			margin-right: 5rem !important;
			color: #E8E8E8;
		}

		.sarp-remember-title {
			/*width: 254px;
			height: 20px;*/ /*56px*/
			/*margin-left:7rem;*/
		}

		.assistance-text {
			/*padding-left: 6rem;*/ /*2rem*/
		}

		.assistance-button {
			margin-left: 5rem /*!important;*/
		}

		.account-info-warning {
			width: 295px;
			height: 98px;
		}

		.h-100-rem {
			height: 100rem;
		}

		.sarp-form .address-continuebutton, .enrollment-continuebutton {
			margin-right: 0rem !important;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}

		.mobile-olli-mar-p-1 {
			margin-top: 1rem !important;
		}

		.mobile-olli-p-0 {
			margin: 0rem !important;
		}

		.mobile-olli-n-0 {
			margin: 0rem 0rem 2rem 0rem !important;
			width: 620px;
			height: 24px;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}
	}

	@media (min-width: 768px) and (max-width: 800px) {
		.welcometext {
			width: auto !important;
		}

		.sarp-header, .sarp-text {
			margin-left: 2rem !important;
		}

		.sarp-welcome-title {
			width: auto !important;
			margin: 1rem 3rem 1rem 0rem !important;
			font-size: 34px !important;
		}

		.sarp-getstarted-title {
			width: auto !important;
			margin: 1rem 3rem 1rem 0rem !important;
			font-size: 34px !important;
			/*text-wrap-mode: wrap !important;*/
		}

		.sarp-getStarted-text {
			margin: 1rem 6rem 4rem 0.3rem !important;
		}

		
		.GetStarted-Program-title{
			margin: 0 !important;
		}

		.points {
			margin: 0rem 0rem 0rem 2rem !important;
		}

		.getstartedbutton {
			margin: 2rem 0rem 4rem 50rem !important;
		}

		.sarp-form input[type="text"] {
			width: 523px !important;
		}

		.cred-amt {
			display: inline-block !important;
		}

		.lookup-navigation {
			margin-top: 0;
			padding: 5rem 0;
		}

		.assistance-block{
			margin-left:8rem;
		}
		.assistance-button{
			margin-left:20rem !important;
		}

		.mobile-olli-mar-4{
			margin-top:-1rem !important;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}

		.mobile-olli-mar-p-1 {
			margin-top: 1rem !important;
		}

		.mobile-olli-p-0 {
			margin: 0rem !important;
		}

		.mobile-olli-n-0 {
			margin: 0rem !important;
			width: 620px;
			height: 24px;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}
	}

	@media (min-width: 481px) and (max-width: 550px) {
		.sarp-welcome-title {
			width: auto !important;
			margin: 1rem 3rem 1rem 0rem !important;
			font-size: 24px !important;
		}

		.sarp-getstarted-title {
			width: auto !important;
			margin: 1rem 3rem 1rem 0rem !important;
			font-size: 24px !important;
			/*margin-left: -2.8rem !important;*/ /*-2.8rrem*/
		}

		.sarp-lookup-container {
			padding: 0;
		}

		.sarp-getStarted-text {
			margin: 1rem 6rem 4rem 0.3rem !important;
			width: auto !important;
			height: 44px;
		}

		.GetStarted-Program-title {
			margin: 0 !important;
			font-size: 20px;
			height: 0;
		}

		.points {
			margin: 0rem 0rem 0rem 2rem !important;
		}

		.assistance-text{
			padding-left:3rem !important;
			/*text-wrap-mode:nowrap !important;*/
		}

		.points > ol > li {
			width: 36rem;
			padding-top: 3rem;
			margin-top: 2rem;
		}

		.points > ol > li::marker {
			margin-left: -3rem;
		}

		.getstartedbutton {
			margin: 2rem 0rem 4rem 30rem !important
		}

		.sarp-block {
			justify-content: flex-start;
			margin-left: -4rem !important;
		}

		.welcometext {
			width: auto !important;
			font-size: 23px !important;
		}

		.cred-amt > .enrollment-label {
			/*text-wrap-mode: wrap;*/
		}

		.sarp-form input[type="text"] {
			width: 375px !important;
		}

		.lookup-navigation {
			padding: 4rem 0;
			margin-left: 2rem;
		}

		.enrollment-continuebutton {
			margin-right: 2rem;
		}

		.budget-amt {
			margin-left: 0.1rem !important;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}

		.mobile-olli-mar-p-1 {
			margin-top: 1rem !important;
		}

		.mobile-olli-p-0 {
			margin: 0rem !important;
		}

		.mobile-olli-n-0 {
			margin: 0rem !important;
			width: 620px;
			height: 24px;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}
	}

	@media (max-width: 480px) {
		.wrapper-page {
			min-height: 380px !important;
			/*margin-bottom: 330px !important;*/
		}

		.warning-icon {
			padding-bottom: 6rem !important;
		}

		.account-lookup-container {
			display: flex;
			flex-direction: column;
			padding: 40px 20px 0px 20px;
			font-family: "BerninaSans";
		}

		.form-group {
			margin-left: 5rem !important;
		}

		.form-group-enroll {
			margin-left: 3rem !important;
		}

		.sarp-lookup-step {
			margin-top: 20px;
		}

		.account-lookup-question {
			height: 94px;
			width: 295px;
			letter-spacing: 0px;
			color: rgba(34, 34, 34, 1);
			opacity: 1;
			margin-top: 2rem;
			margin-left: 2.7rem !important;
		}

		.sarp-lookup-container {
			display: flex;
			flex-direction: column;
			/* padding: 40px 20px 0px 20px;*/
			padding: 0 !important;
			font-family: "BerninaSans";
			margin: 0rem !important;
		}

		.h-4rem {
			height: 4rem !important;
		}

		.captcha {
			width: 295px;
			height: 78px;
		}

		.btnAccountInfo {
			margin: 0rem !important;
			width: 176px;
		}

		.margin-zero {
			margin: 0 0 1rem 0 !important;
		}

		.form-gp {
			padding: 20px 0px 0px !important;
		}

		.sarp-form input[type="text"] {
			width: 86% !important;
		}

		.sarp-header {
			width: auto !important;
			height: 130px;
			margin: 1rem;
			color: #222;
			text-align: center;
			font-family: "BerninaSans";
			font-size: 36px;
			font-style: normal;
			font-weight: 300;
			line-height: 40px;
			letter-spacing: -0.02px;
		}

		.account-info-section {
			height: auto;
			padding-bottom: 20px;
		}

		.sarp-text-block {
			display: table-row-group;
			margin: 0rem 0rem 0rem 3rem;
			width: auto !important;			
		}

		.sarp-confirmation-title{
			width:320px !important;
		}

		.sarp-text {
			width: 305px !important;
			text-wrap-style: balance !important;
		}

		.assistance-block {
			width: auto !important;
			margin-top: 4rem !important;
		}

		.assistance-block > .sarp-remember-title {
/*			width: 288px !important;
			margin-left: -6rem;*/
		}

		.assistance-button {
			margin-left: 0rem !important;
			margin-top: 4rem !important;
		}
		.address-step {
			height: auto;
		}

		.accountLookupError {
			width: auto !important;
			margin: 0px !important;
		}

		.sarp-welcome-title {
			font-family: BerninaSans;
			font-size: 36px;
			font-weight: 300;
			letter-spacing: -0.02px;
			width: auto !important;
			height: auto;
			margin: 0rem 2rem 0rem 2rem;
			text-align: center;
			line-height: 40px;
			color: #222222;
			opacity: 1;
		}

		.sarp-getstarted-title {
			font-family: BerninaSans;
			font-size: 36px;
			font-weight: 300;
			letter-spacing: -0.02px;
			width: auto !important;
			height: 130px;
			margin: 0rem 2rem 0rem 2rem;
			text-align: center;
			line-height: 40px;
			color: #222222;
			opacity: 1;
		}

		.title {
			font: normal normal 300 28px/32px BerninaSans-Light;
			letter-spacing: -0.01px;
			color: #222222;
			opacity: 1;
		}

		.welcometext {
			/*margin: 2rem 0rem 0rem 5rem;*/
			font-size: 28px;
			font-weight: 300;
			letter-spacing: -0.01px;
			height: 38px !important;
			line-height: 30px;
			text-align: center !important;
			color: #222222 !important;
			opacity: 1;
		}

		.container {
			width: 335px;
			height: 1108px;
		}

		.sarp-get-started {
			margin: 0rem;
			display: flex !important;
			flex-direction: column !important;
			font-family: 'BerninaSans';
			/* padding: 40px 20px 0 20px !important;*/
		}

		.sarp-getStarted-text {
			text-align: left;
			/*text-wrap-mode: wrap;*/
			width: auto !important;
			/*height: 70px;*/
			display: flex;
			flex-direction: column;
			font-family: 'BerninaSans';
			line-height: 24px;
			letter-spacing: 0;
			font-size: 16px;
			margin: 3rem 0rem 1rem 0rem !important;
			opacity: 1;
			color: #222222;
			padding: 2rem;
		}

		.GetStarted-Program-title {
			/*text-wrap-mode: wrap;*/
			width: 321px;
			/*height: 56px;*/
			/*margin-left:3px;*/
			/*margin-bottom:0 !important;*/
			margin: 1rem 0rem 0rem 0rem;
			padding: 2rem;
		}

		.Program-title {
			margin: 1rem 2rem 0 2rem !important;
		}

		.mar-l-1rem {
			margin-left: 1rem !important;
		}

		.points > li {
			width: 308px !important;
			height: 100px;
			color: black;
			/* padding:2rem;*/
			font-size: 18px;
			line-height: 24px;
		}

		.points > ol {
			padding-inline-start: 0px !important;
			margin-block-start: -5rem !important;
		}

/*		.points > ol > li > p {
			margin-bottom: 5px !important;
			margin-left: -3rem;
		}*/

/*		.points > ::marker {
			margin-right: 2rem !important;
		}
*/

		.mobile-olli-p-0 {
			margin: 0rem !important;
		}

		.mobile-olli-n-0 {
			margin: 0rem 0rem 3rem 0rem !important;
			width: 620px;
			height: 24px;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}

		.getstartedbutton {
			float: right;
			margin-left: 16rem;
			margin-top: -6rem;
		}

		.points {
			margin: 0rem 0rem 0rem 2rem !important;
			width: 265px; /*265px*/
			height: max-content !important;
			/*height: 574px !*/ /*important*/ /*;*/
			padding: 3rem 2rem;
		}

		.points > ol > li {
			margin-top: 1rem !important;
		}

		.points > ol > li::marker {
			margin-right: 2rem !important;
		}

		.mobile-olli-mar-1 {
			margin-top: 1rem !important;
		}

		.mobile-olli-mar-2 {
			margin-top: -2rem !important;
		}

		.mobile-olli-mar-3 {
			margin-top: -3rem !important;
		}

		.mobile-olli-mar-4 {
			margin-top: -4rem !important;
		}

		.mobile-olli-mar-5 {
			margin-top: -5rem !important;
		}

		.mobile-olli-mar-6 {
			margin-top: -6rem !important;
		}

		.mobile-olli-mar-7 {
			margin-top: -7rem !important;
		}

		.mobile-olli-mar-8 {
			margin-top: -8rem !important;
		}

		.mobile-olli-mar-9 {
			margin-top: -9rem !important;
		}

		.mobile-olli-mar-10 {
			margin-top: -10rem !important;
		}

		.mobile-olli-mar-11 {
			margin-top: -11rem !important;
		}

		.mobile-olli-mar-12 {
			margin-top: -12rem !important;
		}

		.mobile-olli-mar-13 {
			margin-top: -13rem !important;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}

		.mobile-olli-mar-p-1 {
			margin-top: 1rem !important;
		}
	}
	
	@media (min-width: 801px) and (max-width:839px) {
		.lookup-navigation-mobile {
			height: 63px;
			margin-top: 0;
		}

		.mobile-olli-mar-4{
			margin-top:-1rem !important;
		}
	}

	@media (max-width: 840px) {

		.account-info-section {
			height: auto;
			padding-bottom: 20px;
			margin-top: 0 !important;
		}

		.form-group {
			padding: 10px 0px 0px !important;
		}

		.form-group-enroll {
			padding: 10px 0px 0px !important;
		}

		.sarp-form input[type="text"] {
			height: 30px;
			border: #4D4D4D 1px solid;
			margin-left: auto;
			padding: 12px 10px 12px 10px;
			font-family: "BerninaSans";
			font-size: 16px;
			width: 576px;
		}

		.account-info-warning {
			width: 295px;
			height: 50px;
		}

		.enrollment-info-warning {
			width: 295px;
			height: 12px;
		}


		.sarp-address-question {
			width: 251px;
			height: 70px;
		}

		.pad-0 {
			padding: 0 !important;
		}

		.addressinfo {
			width: 230px !important;
		}

		.sarp-progress-steps {
			margin: 2rem 0 !important;
		}

		.sarp-enrollment-offer {
			width: 148px !important;
			height: 38px !important;
		}

		.no-flex {
			display: inline-block !important;
		}


		.enrollmentoffer {
			width: 164px;
			height: 22px;
		}

		/* .enrollment-label {
		text-wrap-mode:wrap;
		}*/

		.row {
			margin: 4rem;
		}

		.mar-t-1rem {
			margin-top: 1rem !important;
		}

		mar-rem {
			margin: 5rem !important;
		}

		.sarp-remember-title {
			/*text-wrap-mode: wrap;*/
		}

		.enrollment_validation_msg{
			margin-top:-4rem !important;
			margin-bottom:4rem;
		}
	}

	@media (min-width: 841px) and (max-width:1023px) {
		.lookup-navigation-mobile {
			height: 72px;
			margin-top: 31rem;
		}

		.mobile-olli-mar-4{
			margin-top:-1rem !important;
		}
	}

	@media (min-width: 1024px) {
		.lookup-navigation-mobile {
			height: 71px;
			margin-top: 28rem;
		}

		.mobile-olli-mar-4{
			margin-top:-1rem !important;
		}

		.mobile-olli-p-0 {
			margin: 0rem !important;
		}

		.mobile-olli-n-0 {
			margin: 0rem !important;
			width: 620px;
			height: 24px;
		}

		.mobile-olli-mar-p-0 {
			margin-top: 0rem !important;
		}
	}







