*{box-sizing: border-box;margin:0px;padding:0px;font-family: 'Roboto',arial;font-size:16px;font-weight: 400;color: #515053;}
.fluid-container{margin:auto;width:100%;}
.center-row{width:100%;text-align: center;padding-left:15px;padding-right:15px;}
.logo{max-width:400px;width:100%;}
h1{font-size:2em;margin-bottom: 20px;margin-top:40px;color: #303234;}
h2{/* font-family:roboto,helvetica,arial; */font-size: 1em;margin-top: 20px;margin-bottom: 15px;}
h3{font-size:1.3em;}
.no-margin{margin:0px;}
.slider-container {max-width: 500px;margin: auto;padding-left: 20px;padding-right: 20px;height:80px;}
.slider{height:10px;margin-top:30px;}
.ui-slider-handle {height: 20px !important;width: 20px !important;border: none !important;border-radius: 50%;top: -6px !important;background: #fff !important;border: 3px solid #5482ab !important;}
.slide-num {float: left;text-align: center;padding-left: 10%;}
.slide-num:first-of-type{padding-left:0px;}
.slider label {position: absolute;width: 20px;margin-top: 30px;margin-left: -10px;text-align: center;}
.ui-slider-range,.ui-widget-header{background:#5482ab !important;}
.grey-bg{background-color:#f6f6f6;width:100%;}
section{width:100%;clear:both;float:left;margin-bottom:30px;padding-bottom: 10px;}
.no-margin-b{margin-bottom:0px;}
.container {margin: auto;max-width: 1080px;padding-left:15px;padding-right:15px;}
.left-side {float: left;width: 50%;}
.right-side{float:right;}
.info-btn {border-radius: 50%;width: 30px;height: 30px;border: 1px solid grey;float:right;clear:both;cursor: pointer;}
.info-btn.active {border: none;}
.selected {background: #5482ab;width: 100%;height: 100%;border-radius: 50%;border: 8px solid #5482ab;padding-top:2px;}
.small-label{margin-bottom:20px;font-size:14px;}
.ex-padding{padding-top:90px;}
.divide {width: 100%;height: 2px;background: #e6e6e6;clear: both;margin-top: 40px;margin-bottom:90px;float: left;}
.int-start {/* width: 100%; */border-bottom: 1px solid #ccc;padding: 10px;font-weight: 400;cursor: pointer;float: left;}
.no-border{border-bottom:none;}
.int-start.active{background-color:#5482ab;color:#fff;}
.int-start-container {max-width: 675px;margin: auto;/* border: 1px solid #ccc; */display:flex;flex-wrap:wrap;}
.q-left {float: left;font-size: 1.5em;text-align: left;width: 80%;}
.q-right{float: right;}
.pad-80{padding-top:80px;padding-bottom:80px;margin-bottom:0px;}
.pad-60{padding-top:60px;padding-bottom:60px;}
.submit-btn {background: #7abce6;max-width: 200px;margin: auto;padding: 20px;color: #1a293e;font-weight: 600;cursor: pointer;border-radius: 10px;}
.calendar-btn {background: #7abce6;max-width: 200px;margin: auto;padding: 20px;color: #1a293e;font-weight: 600;cursor: pointer;border-radius: 10px;}
.footer-right {width: 70%;float: right;background: #95a0a9;padding: 20px;}
.footer-left {width: 30%;float: left;background: #425968;color: #d8d9da;padding: 20px;text-align: center;font-size:1.4em;}
.footer-section a{color: #515053;text-decoration: none;margin-right: 10px;margin-left: 10px;}
.footer-section {margin-bottom: 30px;padding-bottom: 0;text-align: center;color: black;}
.show-reach{display: none;}
.show-reach.active{display: inline-block;}
.color-blue {color: #5482ab;font-weight: 500;font-size: 18px;}
.option {width: 305px;height: 40px;background-color: #e0e9f0;margin-top:10px;float:left;color:#818589;padding-left: 15px;padding-top: 12px;}
.arrow-down {height: 40px;float: left;width: 40px;background-color: #5482ab;margin-top:10px;color: #fff;padding-top: 12px;padding-left: 15px;cursor: pointer;}
.fa-chevron-down{font-size:16px;}
.choose-container{float:left;position: relative;width:100%;clear: both;}
.float-left-100{float:left;width:100%;}
.choose-hidden {display: none;position: absolute;left: 0;top: 50px;z-index: 2;background: #e0e9f0;padding-left: 15px;width:390px;height:200px;overflow: scroll;}
.choose-hidden.active{display: inline-block;}
.month-choose,.day-choose,.time-choose{padding-top:10px;padding-bottom:5px;}
.month-choose.active,.day-choose.active,.time-choose.active{color:#5482ab;}
.question-title{color: #5482ab;font-weight: 500;font-size: 18px;margin-top: 40px;font-weight:400;width:100%;float:left;}
.marg-right{margin-right:15px;}
#not-interested-hidden{display: none;width:100%;}
#not-interested-hidden.active{display: inline-block;}
.not-int-select{padding:5px;border-bottom:1px solid #ccc;width:100%;cursor: pointer;}
.not-int-select:last-of-type{border-bottom:none;}
.not-int-select.active{font-weight:bold;}
.rad-choice h2{font-weight: 500;font-size: 24px;max-width: 800px;margin: auto;margin-bottom: 20px;margin-top: 40px;font-family: montserrat,helvetica,arial;}
.date{width:100%!important;display: flex;justify-content: center;padding: 0!important;}
.date label{width:auto!important;}
.half-float{
	width:50%!important;
	float:left;
	margin-bottom:1em;
}
.full-float{
	width:100%!important;
	float:left;
	margin-bottom:1em;
	text-align:center;
}
select{
	border: none;
    padding: 20px;
    margin: 5px 0;
    background: #f8f8fa;
    border-radius: 10px;
    appearance: none;
    padding-right: 40px;
	width:100%;
}
.select-container{
	position:relative;
	width: 80%;
	margin:auto;
}
.select-container:after{
	content: "\f078";
    font-family: "Font Awesome 7 Pro";
    font-weight: 900;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
.full{width:100%!important;}
.top-copy{text-align:center;margin-top:2.5em;}
.top-copy h2{font-family:'Montserrat';font-size:28px;font-weight: 500;line-height: 26px;}
.top-copy p{width:60%;margin:auto;line-height:26px!important;}
@media (max-width: 500px) {
	.footer-left,.footer-right{
		width:100%;
		text-align: center;
	}
	.half-float{margin-bottom:0!important;}
	.half-float,.starting{width:100%!important;}
	.full,.starting{display:flex;justify-content: center;}
	.full label,.date label,.starting{margin-left:75px;}
	.date label{width:calc(100% - 30px)!important;}
	.date{padding-left:10px!important;}
	.starting{justify-content: flex-start!important;}
}
.row{
	float:left;
	width:50%;
	margin-bottom:15px;
	padding-left: 50px;
}
input[type="radio"]{
	margin-right:15px;
	height: 20px;
	float: left;
}
input[type='text']{
	margin: 5px 0;
    margin-left: 80px;
    margin-right: 10px;
    width: calc(100% - 90px);
	padding: 10px;
	border-radius:10px;
	border:1px solid lightgrey;
}
.footer-logo-container{

float: left;

width: 100%;

border-top: 2px solid #eee;

text-align: center;

padding-top: 60px;

margin-top: 40px;
}
.footer-logo-container img{max-width: 240px;}
.copyright{

margin-top: 40px;

font-size: 14px;
}
label{
	width: calc(100% - 30px);
  display: block;
  float: right;
  padding-right: 10px;
}
.submit-container{

}
.error-msg{
	margin-bottom:15px;
}
#form {
    padding-left: 100px;
    padding-right: 100px;
}
a{
	color:#00538A;
	font-size: inherit;
	text-decoration: none;
}
.hero-mobi{margin-top:30px;}
#error-msg{
	margin-bottom:25px;
}

.middle{
	padding-left:0;
}
.middle label{width:100%;}
@media (max-width: 500px) {
	.footer-left,.footer-right{
		width:100%;
		text-align: center;
	}

	#form{
		padding-left:10px;
		padding-right:10px;
	}
	.row {
    padding-left: 10px;
	}
	.footer-logo-container{
		position: relative;
		left: -30px;
		width: 102vw;
	}
	.container{overflow-x:hidden;}
	.submit-btn{max-width:100%;}
	.hero-mobi{
		width: 200vw;
    position: relative;
    left: calc(-50vw - 30px);
		margin-top: -10px;
	}
	input[type="text"]{width:100%;margin:5px 0!important;}

}

@media (max-width: 500px) {
  /* Make the parent a grid and stack items */
  .int-start-container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  /* Flatten the column wrappers so inputs become direct grid children */
  .half-float {
    display: contents !important; /* keeps semantics, removes layout box */
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Place fields in the desired order (First → Last → Email → Phone) */
  #first { grid-row: 1; }
  #last  { grid-row: 2; }
  #email { grid-row: 3; }
  #phone { grid-row: 4; }

  /* Your mobile input sizing already sets 100%, just ensuring no weird margins */
  input[type="text"] { width: 100%; margin: 5px 0 !important; }
  .top-copy p {
		width: 100%;
		margin: auto;
		line-height: 26px !important;
	}
	.full label, .date label, .starting {
    	 margin-left: 0;
    }
	.row {
		justify-content: left;
	}
}