/*basic reset*/
         * {
			 margin: 0;
			 padding: 0;
         }
         html {
			 height: 100%;
         }
         body { 
			 font-family: 'Nunito Sans', sans-serif;
			 background-image:url(../1831.png); 
			 background-size: 100% 100%;
			 height:100vh;
			 overflow:hidden;
         }
         /*form styles*/
         #msform {
			 width: 600px;
			 /* margin: 50px auto; */
			 margin: 50px auto;
			 text-align: center;
			 position: relative;
			 top: 16%;
         }
         #msform fieldset {
			 background: white;
			 border: 0 none;
			 border-radius: 3px;
			 box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
			 padding: 20px 30px;
			 box-sizing: border-box;
			 width: 100%;
			 margin: 0 10%;
         /*stacking fieldsets above each other*/
			position: absolute;
         }
         /*Hide all except first fieldset*/
         #msform fieldset:not(:first-of-type) {
			display: none;
         }
         /*inputs*/
         #msform input,
         #msform textarea {
			 padding: 15px;
			 border: 1px solid #ccc;
			 border-radius: 3px;
			 margin-bottom: 10px;
			 /*width: 100%;*/
			 box-sizing: border-box; 
			 color: #2C3E50;
			 font-size: 13px;
         }
         /*buttons*/
         #msform .action-button {
			 width: 200px;
			 background: #186ab4;
			 font-weight: bold;
			 color: white;
			 border: 0 none;
			 border-radius: 1px;
			 cursor: pointer;
			 padding: 15px;
			 /*margin: 10px 5px;*/
			 font-size: 20px;
			 border-radius: 8px;
         }
         #msform .action-button:hover,
         #msform .action-button:focus {
			box-shadow: 0 0 0 2px white, 0 0 0 3px #67d5bf;
         }
         /*headings*/
         .fs-title {
			 font-size: 25px;
			 text-transform: uppercase;
			 color: #186ab4;
			 margin-bottom: 10px;
			 font-weight: 900;
         }
         .fs-subtitle {
			 font-weight: normal;
			 font-size: 14px;
			 color: #666;
			 margin-bottom: 20px;
         }
         /*progressbar*/
         #progressbar {
			margin-bottom: 30px;
			overflow: hidden;
         /*CSS counters to number the steps*/
			counter-reset: step;
         }
         #progressbar li {
			 list-style-type: none;
			 color: white;
			 text-transform: uppercase;
			 font-size: 9px;
			 width: 10%;
			 float: left;
			 position: relative;
         }
         #progressbar li:before {
			 content: counter(step);
			 counter-increment: step;
			 width: 20px;
			 line-height: 20px;
			 display: block;
			 font-size: 10px;
			 color: #333;
			 background: white;
			 border-radius: 3px;
			 margin: 0 auto 5px auto;
         }
         /*progressbar connectors*/
         #progressbar li:after {
			 content: '';
			 width: 100%;
			 height: 2px;
			 background: white;
			 position: absolute;
			 left: -50%;
			 top: 9px;
			 z-index: -1;
         /*put it behind the numbers*/
         }
         #progressbar li:first-child:after {
         /*connector not needed before the first step*/
			content: none;
         }
         /*marking active/completed steps green*/
         /*The number of the step and the connector before it = green*/
         #progressbar li.active:before,
         #progressbar li.active:after {
			 background: #67d5bf;
			 color: white;
         }
         .help-block {
			 font-size: 0.8em;
			 color: #7c7c7c;
			 text-align: left;
			 margin-bottom: 0.5em;
         }
		 label{
			font-size:18px;
			font-weight:700;
		 }
		 .form-control{font-family: 'Nunito Sans', sans-serif;font-size: 16px;height: 60px;font-weight: 600;}
		 
.card {
  margin: 1rem;
  background: white;
  box-shadow: 2px 4px 25px rgba(0, 0, 0, .1);
  border-radius: 12px;
  overflow: hidden;
  transition: all .2s linear;
}

.card:hover {
  box-shadow: 2px 8px 45px rgba(0, 0, 0, .15);
  transform: translate3D(0, -2px, 0);
}

@media screen and (min-width: 600px) {
  .card {
    flex: 1 1 calc(50% - 2rem);
  }
}

@media screen and (min-width: 900px) {
  .card {
    flex: 1 1 calc(33% - 2rem);
  }
}

.card:nth-child(2n) h1 {
  background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
}

.card:nth-child(4n) h1 {
  background-image: linear-gradient(120deg, #ff9a9e 0%, #fecfef 100%);
}

.card:nth-child(5n) h1 {
  background-image: linear-gradient(120deg, #ffc3a0 0%, #ffafbd 100%);
}