body {font-family: "Roboto", serif;}
h1, h2, h3, h4, h5, h6 {font-family:"proxima-nova", serif; font-weight: bold;}
h1 {font-size: 45px; letter-spacing: -0.45px; line-height: 54px;}
h2 {font-size: 35px; color: #002855; letter-spacing: -0.35px; line-height: 42px;}
h3 {font-size: 26px; color: #002855;}
h4 {font-size: 22px; color: #002855;line-height: 38px;}
p, ol,ul {font-size: 22px; color: #3A3E42; line-height: 38px;}

.btn {text-transform: uppercase; padding: 12px 30px; color: #fff; font-weight: bold; border-radius: 50px; font-size: 22px; font-family:"proxima-nova", serif;}
.yellow_btn {background-color: #EA9A0C;}
.yellow_btn:hover {background-color: #DE930D; color: #fff;}
.clear_btn {background-color: transparent; border: 2px solid #fff;}
.clear_btn:hover {background-color: white; color:#3A3E42; border: 2px solid #fff;}

.img_content h2 {color:#002855;}

#header {padding: 35px 0px; border-bottom: 5px solid #F6B546; background-color: #002855;}
#header .call {font-weight: bold; color: #fff; font-family:"proxima-nova", serif; font-size: 20px; text-transform: uppercase;}
#header a {color: #fff; text-decoration: none; font-family:"proxima-nova", serif; font-weight: bold; font-size: 28px;}
#header .logo {max-width: 220px;}

#hero {padding: 80px 0px;}
#hero h1 {color: #fff; text-shadow: 0px 3px 6px #00000089;}
#hero p {font-size: 26px; color: #fff; line-height: 35px;}

#beyond {padding: 90px 0px;}
#enrollment {padding-bottom: 65px;}
#enrollment ol {padding-left: 25px;}
#enrollment ol li::marker {color: #00538D; /* Change the number color */ font-weight: bold; /* Make it bold (optional) */}
#enrollment h4 {font-family: "Roboto", serif;}

#pocket {background-color: #F4F4F4; padding: 80px 0px;}
#pocket .pocket_icon {max-width: 164px;}

#tech {padding: 65px 0px; background: transparent linear-gradient(180deg, #002855 0%, #081A36 100%) 0% 0% no-repeat padding-box;}
#tech h2, #tech p {color: #fff;}

#tech_bottom {padding: 85px 0px 0px;}
#tech_bottom .tech_box h3 {color:#002855; font-size: 26px;}
#tech_bottom .tech_box p {font-size: 20px; line-height: 30px;}

#stands {padding: 85px 0px;}

#clients {margin: 85px 0px;}
#clients p {font-size: 20px; line-height: 32px;}
#clients h2 {color: #002855;}
#clients .client_box {border-left: 7px solid #F6B546; padding-left: 35px;}

#path {padding: 85px 0px;}

#help {padding: 85px 0px;}
#help h2, #help p, #form_top h2, #form_top p {color: #fff;}

#help h2, #clients h2 {font-size: 45px;}

#form_top {background-color: #00538D; padding: 45px 0px 300px;}
#form_top h2 {font-size: 45px;}

#form .form_box {color: #3A3E42; padding: 50px; border: 1px solid #002855; background-color: #fff; margin-top: -270px;}
#form .form_box h3 {font-size: 28px;}
#form .form_box p {line-height: 28px;}
#form .form_box p a {color: #194f90;}
#form .form_box legend {font-size: 16px; color: #3A3E42;}
#form .form_box .error-message {font-size: 14px;}
#form .form_box input, #form .form_box select {border: 1px solid #CECECE; border-radius: 5px; width: 100%; height: 44px; padding-left: 15px; margin-bottom: 25px;}
#form .form_box select {width: 100px;}
#form .form_box #submitButton {border: none; margin: 30px auto 0px; font-family:"proxima-nova", serif; font-weight: bold; background-color: #194f90; padding: 12px 25px; color: #fff; font-size: 18px; border-radius: 40px; max-width: 360px; text-transform: uppercase; line-height: 0px;}
#form .form_box input[type="radio"] {
  /* Styles for all radio buttons */
  width: 20px;
  height: 20px;
  accent-color: #EA9A0C; /* Modern way to style the color */
  margin-bottom: 0px;
}

#form .form_box input[type="checkbox"] {
  /* Styles for all checkboxes */
  width: 20px;
  height: 20px;
  accent-color: #EA9A0C; /* Modern way to style the checkbox color */
}
#form .privacy {font-size: 12px; line-height: 20px!important; color: #022855;}

#foot {background-color: #00538D;}
#foot p {font-size: 12px; line-height: 16px; color:#fff;}
#foot p a {color: #fff;}

#form .flatpickr-input {width:100%!important; background-color:#fff!important; appearance: none; -webkit-appearance: none;}

@media (max-width: 992px) {
h1 {font-size: 36px; letter-spacing: -0.45px; line-height: 40px;}
h2 {font-size: 30px!important; letter-spacing: -0.45px!important; line-height: 34px!important;}
p, #why .why_box p, #tech_bottom .tech_box p, ol li {font-size: 18px; line-height: 28px;}
#form .form_box {padding: 20px;}
#form .form_box #submitButton {font-size: 18px;}
.btn {font-size: 18px;}
#tech_bottom .tech_box h3 {font-size: 24px;}
#hero p {font-size: 22px; line-height: 30px;}
#hero, #beyond, #tech, #tech_bottom, #stands, #path, #help, #pocket, #enrollment, #clients {padding: 40px 0px;}
#clients {margin: 0px;}
#form_top {padding: 40px 0px 300px;}
#why .why_box {padding: 30px;}
#header {padding: 17px 0px;}
#header .logo {max-width: 170px;}
#header a {font-size: 18px;}
#header .call {font-size: 18px;}
#form .form_box select {width: 74px;}
#help {background-color: #002855; background-image: none!important;}
	
}