.background-image {
    background-image: url("landing-image.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 945px;
}

.companyCode {
    color: white;
    background-color: #7AC3FF;

    &::placeholder {
    color: white;
    }

    &:focus {
        background-color: #7AC3FF;
    }
}

.companyCode:active {
    background-color: #7AC3FF;
}

.underlay-box {
    margin-top: 50px;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
    border-radius: 30px;
}

.underlay-box-white {
    background-color: rgba(250, 250, 250, 0.3);
    padding: 20px;
    border-radius: 30px;
    margin-top: 20px;
}

@media screen and (min-width: 40em) {
    .center-elements {
        min-height: 100px;
    }

    .heading-margin {
        margin-left: -620px;
    }
}

.center-elements {
    min-height: 315px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.text-white {
    color: white;
}

header,
footer,
#form-submit,
.updateButton {
	background-color:#1D7090;
	color:white;
}

#form-submit:hover,
#form-submit:focus,
.updateButton:hover,
.updateButton:focus {
	background-color:#2582A6 !important;
	color:white !important;
}

footer a,
footer p {
	color:inherit;
}

footer a:hover,
footer a:focus {
	color:inherit;
	opacity:0.75;
}

.health-screening-logo-divider {
	width:2px;
	height:76px;
	background-color:white;
	flex:0 0 auto;
}

.health-screening-header-inner {
	width:100%;
}

.health-screening-logos {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:15px;
	padding:8px 10px;
}

.banner-image {
	background-image:url('banner-image.jpg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:106px;
}

@media screen and (min-width:44em) {

	.health-screening-header-inner {
		display:flex;
		align-items:center;
	}

	.health-screening-logos {
		flex:0 0 auto;
		justify-content:flex-start;
	}

	.banner-image {
		flex:1 1 auto;
		width:auto;
		min-width:0;
	}
}

.image-size {
    height: 90px;
}

h1 {
    font-size: 40px;
}

.health-screening input,
.health-screening select {
	border-radius:8px;
    box-shadow:none;
}

.health-screening input.inlineCalander {
	background-color:#fff;
}

.health-screening label, .assessment-price {
    color:#1E708F;
    font-size:14px;
}

.health-screening .cover-level {
	max-width:860px;
	margin:0 auto;
	padding:20px;
	background:white;
	border:1px solid #e6e6e6;
	border-radius:12px;
}

body {
    background-color:#FBFBFB;
}

.cover-level {
	padding:20px;
}

.health-screening-content {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
}

.health-screening-section {
    max-width:860px;
    margin:0 auto;
    padding:0 20px;
}

.cover-level-row {
	display:flex;
	justify-content:space-between;
	gap:30px;
	padding:6px 0;
}

.cover-level-price {
	width:100px;
	text-align:right;
	white-space:nowrap;
}

.cover-level-note {
	margin-top:20px;
    font-size:0.9em;
	color:red;
}

.vista-info-banner {
	display:block;
	width:100%;
	max-width:900px;
	height:100px;
	margin:0 auto;

	background:url('health-info.webp') no-repeat center center;
	background-size:contain;

	text-indent:-9999px;
	overflow:hidden;
}

h1, h2, h3, h4 {
    color:#3D4356;
}

.assessment-option {
    display:flex;
	align-items:center;
	max-width:320px;
}

.assessment-option-choice {
	flex:1;
}

.assessment-price {
	width:90px;
	text-align:right;
	white-space:nowrap;
}

.surround-container {
	border-radius:12px;
}

.companyCode {
	color:#000;
	background-color:#fff;
}

.companyCode::placeholder {
	color:#666;
}

.companyCode:focus,
.companyCode:active {
	color:#000;
	background-color:#fff;
}