body {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-align: justify;
}
  
.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 5px;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}


@media (prefers-color-scheme: dark) {
  .card {
    box-shadow: 0 4px 8px 0 rgb(255, 255, 255, 0.2);
  }
  .card:hover {
    box-shadow: 0 8px 16px 0 rgba(255, 255, 255,0.2);
  }
}

/* Add some padding inside the card container */
.card-body {
  padding: 16px 16px;
}


.card-link {
  color: #404040;
}
@media (prefers-color-scheme: dark) {
  .card-link {
    color: white;
  }
}
.card-link:hover,
.card-link:focus {
  color: #404040;
}
@media (prefers-color-scheme: dark) {
  .card-link:hover,
  .card-link:focus {
    color: white;
  }
}

[class*="col-"] {
  margin-bottom: 15px;
}

.link_button {
	color: #fff !important;
	text-transform: uppercase;
	text-decoration: none;
	background: #039be5;
	padding: 20px;
	border-radius: 5px;
	display: inline-block;
	border: none;
	transition: all 0.4s ease 0s;
  text-align:center;
}

.fullwidth {
  width: 100%;
}

.link_button:hover {
	background: #434343;
	letter-spacing: 1px;
	-webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	-moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
	box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
	transition: all 0.4s ease 0s;
}


label.radio{cursor: pointer;width: 100%}
label.radio input{position: absolute;top: 0;left: 0;visibility: hidden;pointer-events: none}
label.radio span{padding: 7px 14px;border: 2px solid #eee;display: inline-block;color: #039be5;border-radius: 10px;width: 100%;height: 48px;line-height: 27px}
label.radio input:checked+span{border-color: #039BE5;background-color: #81D4FA;color: #fff;border-radius: 9px;height: 48px;line-height: 27px}
.form-control{margin-top: 10px;height: 48px;border: 2px solid #eee;border-radius: 10px;}
.form-control:focus{box-shadow: none;border: 2px solid #039BE5}
.agree-text{font-size: 12px}
.terms{font-size: 12px;text-decoration: none;color: #039BE5}
.confirm-button{height: 50px;border-radius: 10px}

.landing-container[role=main] {
  margin-bottom:50px;
  flex: 1 0 auto;
  margin-left: 100px;
  margin-right: 100px;
}

@media only screen and (max-width: 767px) {
.landing-container[role=main] {
    margin-left: 0;
    margin-right: 0;
}
}