@font-face { 
	font-family:Gotham Narrow Book;
	src: url('../fonts/GothamNarrow-Book.otf');
}
@font-face { 
	font-family:Gotham Narrow Medium;
	src: url('../fonts/GothamNarrow-Medium.otf');
}
body {
	font-family:Gotham Narrow Book;
	color:#0B2237;
}
#header {
	height:96px;
	color:white;
	background-color:#0B2237;
	padding:20px 0px;
	font-size:24px;
	line-height:28px;
}
#header a {
	color:white !important;
	float:right;
	margin-top:2%;
	position:relative;
	right:5%;
	font-weight:600;
	text-decoration: none !important;
}
#header a:hover {
	text-decoration: none;
	cursor:pointer;
}
#hero .column1 {
	padding:50px 0px 50px 0px;
}
#hero h1 {
	font-family:Gotham Narrow Medium;
	font-size:52px;
	line-height:58px;
	font-weight:bold;
	color:#0B2237;
}
#hero p {
	margin-top:20px;
	font-size:24px;
	line-height:28px;
	color:#0B2237;
}
#hero ul {
	margin-top:20px;
	font-size:24px;
	line-height:28px;
	color:#0B2237;
}
#hero li {
	margin-top:10px;
}
#hero img {
	position:relative;
	right:-7%;
	max-width:665px;
}

#section1 {
	border-top:4px solid #FAC705;
	padding:30px 0px;
	background-color:#F3F3F3;
}
#section1 .column1 {
	max-width:30%;
}
#section1 h3 {
	font-family: "Gotham Narrow Medium";
	font-size:30px;
	line-height:34px;
	color:#0B2237;
}
#section1 .required-text {
	font-size:18px;
}

#section1 form {
	width:90%;
	color:#0B2237;
}
#section1 .row {
	margin:0px 0px 20px;
    display: flex;
    justify-content: space-between; /* Two inputs per row */
}

#section1 .input-group {
    flex: 1; /* Take up the entire width */
    padding-left:0px;
}
#section1 label {
    display: block;
    margin-bottom: 5px;
}
#section1 input {
    width: 95%; /* Full width */
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #006EC8;
    background-color:#F1F5F8;
}
#section1 .date-of-birth-label {
	width:100%;
}
#section1 .date-input {
    width: 45.8%; /* Set width to match other inputs */
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #006EC8;
}
#section1 .submit-row {
    text-align: center;
    margin-top: 20px;
    width:47.5%;
}

#section1 button {
    padding: 10px 20px;
    background-color: #006EC8;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width:100%;
}
#section1 .disclaimer {
	font-size:12px;
	margin-top:10px;
	text-align:left;
}

#section2 {
	padding:50px 0px;
}
#section2 h2 {
	font-family:Gotham Narrow Medium;
	font-size:38px;
	line-height:44px;
	font-weight:700;
}
#section2 p {
	margin-top:20px;
	font-size:22px;
	line-height:26px;
	max-width:82%;
	display:block;
}
#section2 .valueprop {
	margin-top:50px;
}
#section2 .valueprop p {
	margin-top:10px;
}
#section2 .valueprop h5 {
	margin-top:10px;
	font-size:20px;
	line-height:24px;
	font-weight:600;
	font-family:"Gotham Narrow Medium";
}
#section2 .valueprop p {
	font-size:18px;
	line-height:24px;
	padding-right:50px;
}

#section3 {
	background-color:#E6F1FA;
	padding:50px 0px;
}
#section3 h2 {
	font-size:40px;
	line-height: 44px;
	font-weight:600;
	font-family:"Gotham Narrow Medium";
}
#section3 p {
	font-size:22px;
	line-height:24px;
	margin-bottom:20px;
}
#section3 h4 {
	font-size:24px;
	line-height:28px;
	font-weight:600;
	margin-top:10px;
	font-family:"Gotham Narrow Medium";
}
#section3 h5 {
	font-size:22px;
	line-height:24px;
	font-weight:600;
	margin-bottom:10px;
	font-family:"Gotham Narrow Medium";
}
#section3 ol {
	position: relative;
	left:30px;
}
#section3 ol p {
	max-width:76%;
	margin-top:20px;
	padding-left:52px;
}
.custom-counter {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.custom-counter li {
  counter-increment: step-counter;
  margin-bottom: 5px;
}
.custom-counter li::before {
  content: counter(step-counter);
  margin-right: 20px;
  font-size: 20px;
  background-color: black;
  color: white;
  font-weight: bold;
  padding: 0px 11px;
  border-radius: 50px;
  float:left;
}
.custom-counter-first-item::before {
	padding:0px 13px !important;
}
#section3 .column2 {
	text-align:center;
	margin:auto;
	display:block;
}
#section3 .table-of-contents {
	text-decoration:underline;
	font-size:18px;
	line-height:32px;
	color:#000;
	display:block;
	margin-top:5px;
	cursor: pointer;
}
#section3 .download {
	color:white;
	background-color:#006EC8;
	width:100%;
	height:52px;
	max-width:465px;
	padding:12px 10px 0px;
	border-radius:5px;
	font-size:22px;
	line-height:24px;
	display: block;
	margin:-15px auto 0px;
	text-decoration: none !important;
}

#section4 {
	padding:50px 0px;
}
#section4 .column1 {
	max-width:22%;
}
#section4 h3 {
	font-size:40px;
	line-height:44px;
	font-weight:bold;
	margin-bottom:20px;
}
#section4 p {
	max-width:78%;
}
#section4 a {
	color:#006EC8;
}
#section4 img {
	position:relative;
	top:-20px;
}
#footer {
	padding:50px 0px;
}
#footer h3 {
	text-transform: uppercase;
	font-size:24px;
	line-height:36px;
	font-weight: bold;
	margin-bottom: 30px;
}
#footer p {
	font-size:14px;
}
#footer a {
	color:#006EC8 !important;
}
#footer-nav {
	padding:0px 0px 30px;
}
#footer-nav .column2 {
	text-align: center;
	padding-top:10px;
}
#footer-nav .column3 {
	text-align: center;
	font-size:12px;
	line-height:13px;
	color:#000;
}
#footer-nav a {
	color:#006EC8 !important;
	font-size:16px;
	text-decoration: none;
	line-height:24px;
	padding:0px 10px;
}
#tableOfContentsModal .modal-dialog {
	min-width:700px;
}
#tableOfContentsModal img {
	width:600px;
	margin:auto;
	display:block;
}
.desktop-only {
	display:initial;
}
.mobile-only {
	display:none;
}
@media (min-width:601px) and (max-width:991px) {
	#section4 .col-sm-2 {
		width:33%;
	}
	#section4 .col-sm-10 {
		width:67%;
	}
}
@media (min-width:992px) and (max-width:1200px) {
	#section4 .col-sm-2 {
		width:25%;
	}
	#section4 .col-sm-10 {
		width:75%;
	}
}
@media (min-width:1400px) {
	#hero .column1 {
		padding:50px 50px;
	}
}
@media (max-width:600px) {
	#header {
		height:56px;
		padding:10px 0px;
	}
	#header a {
		font-size:16px;
		line-height:20px;
		text-decoration:none;
		margin-top:10px;
		letter-spacing: 1px;
	}
	#header img {
		width:36px;
		height:36px;
		margin-left:10px;
	}

	#hero {
		border-bottom: 8px solid #FAC705;
	}
	#hero .row {
		display:flex;
		flex-direction: column-reverse;
	}
	#hero .column2 img {
		right:0%;
		left:-3%;
		width:106%;
    	transform: scaleX(-1);
	}
	#hero .column1 {
		padding:20px 20px;
	}
	#hero h1 {
		font-size:40px;
		line-height:44px;
	}
	#hero p {
		font-size:16px;
		line-height:24px;
		margin-bottom:5px;
	}
	#hero ul {
		font-size:16px;
		line-height:24px;
		margin-top:0px;
	}
	#hero li {
		margin-top:5px;
		max-width:90%;
	}
	#hero .column1 img {
		margin:auto;
		display:block;
		right:0%;
	}
	#sticky-button {
		background-color:#006EC8;
		padding:10px 20px;
		width:83%;
		margin:auto;
		display:block;
		height:50px;
		border:none;
		font-size:16px;
		line-height:18px;
		position: -webkit-sticky; /* Safari */
		position: sticky;
		bottom: 10px !important;
		border: none;
	}
	#mobileFormModal {
		padding:20px 20px;
	}
	#mobileFormModal h5 {
		font-size:28px;
		line-height:32px;	
		font-family:Gotham Narrow Medium;
		font-weight:600;
	}
	#mobileFormModal p {
		font-size:18px;
		line-height:28px;
	}
	#mobileFormModal img {
		margin:0px auto 10px;
		display:block;
	}
	#mobileFormModal .btn-close {
		float:right;
	}
	#mobileForm {
		width:100%;
		color:#0B2237;
	}
	#mobileForm .row {
	    display: flex;
	    justify-content: space-between; /* Two inputs per row */
	}

	#mobileForm .input-group {
	    flex: none; /* Take up the entire width */
	    margin-top:10px;
	}
	#mobileForm label {
	    display: block;
	    margin-bottom: 5px;
	}
	#mobileForm input {
	    width: 100%; /* Full width */
	    padding: 8px;
	    border-radius: 4px;
	    border: 1px solid #006EC8;
	    background-color:#F1F5F8;
	}
	#mobileForm .date-of-birth-label {
		width:100%;
	}
	#mobileForm .date-input {
	    width: 100%; /* Set width to match other inputs */
	    padding: 8px;
	    border-radius: 4px;
	    border: 1px solid #006EC8;
	}
	#mobileForm .submit-row {
	    text-align: center;
	    margin-top: 20px;
	    width:100%;
	}
	#mobileForm button {
	    padding: 10px 20px;
	    background-color: #006EC8;
	    color: #fff;
	    border: none;
	    border-radius: 4px;
	    cursor: pointer;
	    width:100%;
	}
	#mobileForm .disclaimer {
		font-size:12px;
		line-height:14px;
		margin-top:10px;
		text-align:left;
	}
	#section1 {
		display:none;
	}

	#section2 {
		padding:30px 20px;
	}
	#section2 h2 {
		font-size:32px;
		line-height:36px;
	}
	#section2 .valueprop .col-12 {
		margin-top:20px;
	}
	#section2 p { 
		max-width:100%;
	}

	#section3 {
		padding:30px 20px;
	}
	#section3 h2 {
		font-size:32px;
		line-height:36px;
		margin-bottom:20px;
	}
	#section3 p {
		font-size:18px;
		line-height:28px;
	}
	#section3 h5 {
		font-size:18px;
		line-height:28px;
	}
	#section3 ol {
		left:0px;
	}
	#section3 ol p {
		max-width:100%;
	}
	#section3 .table-of-contents {
		margin-top:10px;
	}
	#section3 .download {
		text-decoration:none;
		padding:12px 30px;
	}
	#section3 .btn-primary {
		background-color:#006EC8;
		width:100%;
		padding:12px 20px;
		font-size:16px;
	}
	#section4 {
		padding:30px 20px;
	}
	#section4 img {
		width:40px;
		margin-bottom:10px;
	}
	#section4 h3 {
		font-size:32px;
		line-height:36px;
	}

	#footer {
		padding:30px 10px;
		border-top:solid 10px #41617C;
	}
	#footer h3 {
		text-transform: capitalize;
		font-size:18px;
		line-height:20px;
	}
	#footer p {
		font-size:14px;
		line-height:20px;
		margin-bottom:10px;
	}
	#tableOfContentsModal .modal-dialog {
		min-width:95%;
	}
	#tableOfContentsModal img {
		width:100%;
	}
	.desktop-only {
		display:none !important;
	}
	.mobile-only {
		display: initial;
	}
}


#thankyou #hero .column1 {
	padding:50px 0px;
}
#thankyou #hero h5 {
	font-size:22px;
	line-height:24px;
	font-weight:600;
	margin-bottom:10px;
	font-family:"Gotham Narrow Medium";
}
#thankyou #hero .column2 {
	text-align:center;
	margin:auto;
	display:block;
}
#thankyou #hero h5 {
	font-size:14px;
	line-height:20px;
	letter-spacing: 0px;
}
#thankyou #hero h1 {
	width:109%;
}
#thankyou #hero p {
	width:95%;
}
#thankyou #hero .table-of-contents {
	text-decoration:underline;
	font-size:18px;
	line-height:32px;
	color:#000;
	display:block;
	margin-top:5px;
}
#thankyou #hero .download {
	color:white;
	background-color:#006EC8;
	width:100%;
	height:52px;
	max-width:393px;
	padding:15px 10px 0px;
	border-radius:5px;
	font-size:22px;
	line-height:24px;
	display: block;
	text-decoration: none;
	margin:15px auto 15px;
	cursor:pointer;
}
#thankyou #hero img {
	right:0%;
}
#thankyou #pdfModal .modal-dialog {
	min-width:90%;
	text-align:center;
}
#thankyou #section2 {
	border-top:8px solid #41617C;
	border-bottom:8px solid #41617C;
	background-color:#E6F1FA;
}
@media (max-width:600px) {
	#thankyou #hero .row {
		flex-direction: column;
		padding-left:25px;
		padding-right:25px;
	}
	#thankyou #hero .column1 {
		padding-bottom:0px;
	}
	#thankyou #hero h1 {
		width:65%;
	}
	#thankyou #hero p {
		width:80%;
	}
	#thankyou #hero .row img {
		width:50%;
		transform:none;
		margin-top:10px;
		margin-bottom:10px;
	}
	#thankyou #hero .column2 {
		text-align:left;
	}
	#thankyou #hero .column2 a {
		display:block;
		margin-left:-10px;
	}
	#thankyou #hero .column2 .download {
		text-align:center;
	}
}