.wrapper{
	max-width: 600px;
	margin: 0 auto;
}

.wrapper img{
	max-width: 150px!important;
	height: auto!important;
}

.wrapper .img-box{
	background: radial-gradient(circle, rgba(255,255,255,0.5) 15%, rgba(255,255,255,0) 70%);
}

.card {
	background-image: linear-gradient(163deg,#003e7a 28%,#00a2e0 83%) !important;
	padding: 25px;
	animation: fade 250ms ease-in-out forwards;
	border-radius: 33px 33px 33px 33px;
}

.form-group {
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
	gap: 10px;
}

.form-group-2 {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-bottom: 15px;
	gap: 10px;
}

.form-group:last-child {
  margin: 0;
}

.form-group label,
.form-group-2 label{
  font-weight: bold;
  font-size: .8em;
  color: #fff;
}

.form-group label span,
.form-group-2 label span{
  color: #ff0000;
}

.form-group input,
.form-group textarea,
.form-group-2 input,
.form-group-2 textarea{
	padding: 14px 4% !important;
	font-size: 16px;
	color: #666;
	background-color: #fff;
	width: 100%;
	font-weight: 400;
	border-width: 0;
	border-radius: 33px 33px 33px 33px;
	overflow: hidden;
}

.form-check{
	display: flex;
	align-items: center;
	justify-content: space-around;
	font-size: 16px;
	color: #fff;
	padding: .25em;
	font-weight: bold;
}

.progress-button{
	border-width: 0px !important;
	border-radius: 44px;
	background-color: #00a2e0;
	color: #fff;
	display: inline-block;
	padding: .3em 1em !important;
	font-size: 100%;
	line-height: 1.7em !important;
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 50px;
	transition: 0.5s ease all;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(255,255,255,0.25);
	-moz-box-shadow: 0px 0px 25px 0px rgba(255,255,255,0.25);
	box-shadow: 0px 0px 25px 0px rgba(255,255,255,0.25);
}

.progress-button:hover{
	background-color: #003e7a;
	transition: 0.5s ease all;
}

.step-title {
  margin: 0;
  margin-bottom: 25px;
  text-align: center;
  color: #fff;
}

.card.active {
 animation: slide 250ms 125ms ease-in-out both;
}

.multi-step-form {
  overflow: hidden;
  position: relative;
}

.hide {
  display: none;
}

.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
	margin-top: 1rem;
}

.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

@keyframes slide {
  0% {
    transform: translateX(200%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(.75);
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}

@media (min-width: 992px) {

	.wrapper img{
		max-width: 250px!important;
	}

	.card {
		padding: 50px;
	}
	
}