@font-face {
	font-family: raleway-regular;
	src: url(../fonts/raleway/Raleway-Regular.ttf)
}

@font-face {
	font-family: raleway-bold;
	src: url(../fonts/raleway/Raleway-Bold.ttf)
}

@font-face {
	font-family: raleway-semibold;
	src: url(../fonts/raleway/Raleway-SemiBold.ttf)
}

@font-face {
	font-family: satisfy-regular;
	src: url(../fonts/satisfy/Satisfy-Regular.ttf)
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

body {
	font-family: raleway-regular;
	font-size: 13px;
	margin: 0
}

:focus {
	outline: none
}





p,
h1,
h2,
h3,
h4,
h5,
h6,
ul {
	margin: 0
}

ul {
	padding: 0;
	margin: 0;
	list-style: none
}

a {
	text-decoration: none
}

textarea {
	resize: none
}

img {
	max-width: 100%;
	vertical-align: middle
}

.wrapper {
	max-width: 1400px;
	display: flex;
	align-items: center;
	height: 100vh;
	margin: auto
}

.wizard {
	width: 878px;
	position: relative;
	margin: auto
}

.steps .current-info,
.steps .number {
	display: none
}

.steps {
	position: absolute;
	right: 11px;
	bottom: 24px;
	right: 57px;
	z-index: 9
}

.steps ul {
	position: relative
}

.steps ul:before {
	content: "1";
	font-size: 40px;
	color: #fff;
	font-family: raleway-regular
}

.steps ul:after {
	content: "/ 3";
	font-size: 15px;
	color: #fff;
	font-family: raleway-regular;
	position: absolute;
	left: 27px;
	top: 12px;
	width: 22px
}

.steps ul.step-2:before {
	content: "2"
}

.steps ul.step-3:before {
	content: "3"
}

.inner {
	display: flex;
	align-items: center;
	position: relative
}

.inner .image-holder {
	width: 58.88%;
	background: #fff;
	box-shadow: inset 15px 15px 15px -10px #3b8aff, inset 0px -15px 15px -10px #3b8aff;
}

.inner .form-content {
	width: 41.12%;
	padding: 15px 16px;
	background: linear-gradient(271deg, #174cceba, #1a9effb0);
	height: 562px;
	box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-o-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2)
}

.inner .form-content .form-inner {
	border: 2px solid #fff;
	height: 100%;
	padding: 68px 37px
}

.inner .form-content .form-inner.form-inner-last {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center
}



.inner .image-holder {
	width: 58.88%;
	background: #fff;
	box-shadow: inset 15px 15px 15px -10px #3b8aff, inset 0px -15px 15px -10px #3b8aff;
}

.inner .form-content {
	width: 41.12%;
	padding: 15px 16px;
   
	background: linear-gradient(271deg, #174cceba, #1a9effb0);
	height: 562px;
	box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-o-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2)
}

.inner .form-content .form-inner {
	border: 2px solid #fff;
	height: 100%;
	padding: 68px 37px
}

.inner .form-content .form-inner.form-inner-last {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center
}


.form-header {
	text-align: center;
	margin-bottom: 35px
}

.form-header h3 {
	font-family: raleway-bold;
	font-size: 30px;
	color: #fff;
	margin-bottom: 9px
}

.form-header p {

	font-size: 23px;
	color: #fffcf8;
	margin: 8px;
	margin-top: 25px !important;
}

.form-holder {
	position: relative
}

.form-holder i {
	position: absolute;
	top: 1px;
	right: 0;
	color: #fff
}

.form-holder.select-holder {
	width: 67px;
	display: inline-block;
	margin-right: 14px
}

.form-holder.select-holder:last-child {
	margin-right: 0
}

.form-holder.select-holder i {
	right: 10px;
	top: 50%;
	transform: translateY(-50%)
}

.form-row {
	margin-bottom: 28px
}



.form-control:focus {
	border-color: #e9e0cf
}

.ready {
	text-align: center;
	margin-bottom: 56px
}

.ready span {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #cdaa7c;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto
}

.ready span i {
	font-size: 40px;
	margin-top: 3px;
	display: inline-block
}

.ready .text-1 {
	font-family: raleway-bold;
	color: #fff;
	font-size: 25px;
	text-transform: uppercase;
	margin-top: 36px;
	margin-bottom: 9px
}

.ready .text-2 {
	font-family: satisfy-regular;
	color: #cdaa7c;
	font-size: 18px
}

.actions ul {
	display: flex;
	justify-content: space-between;
	width: 253px;
	position: absolute;
	bottom: 79px;
	right: 52px
}

.actions ul.step-last {
	justify-content: flex-end
}

.actions li a {
	padding: 0;
	border: none;
	display: inline-flex;
	height: 41px;
	width: 92px;
	align-items: center;
	justify-content: center;
	font-family: raleway-semibold;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	border: 1px solid #fff
}

.actions li a:hover {
	background: #cdaa7c;
	border-color: transparent
}

.actions li.step-2 a {
	width: 118px
}

/* .actions li:last-child {
	display: none!important
} */

.actions li[aria-disabled=true] a {
	opacity: 0;
	transition: all 1s
}

@media(max-width:991px) {
	.actions li.step-2 a {
		width: 100px
	}
	.actions ul {
		width: 224px;
		right: 44px
	}
	.inner .form-content .form-inner {
		padding: 60px 29px
	}

    .inner1 .form-content .form-inner {
		padding: 60px 29px
	}
}

.inner1 .form-content {
	width: 100%;
	padding: 15px 16px;
	background: linear-gradient(271deg, #174cceba, #1a9effb0);
	height: 562px;
	box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-o-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2)
}

.inner1 .form-content .form-inner {
	border: 2px solid #fff;
	height: 100%;
	padding: 68px 37px
}

.inner1 .form-content .form-inner.form-inner-last {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center
}



.inner1 .image-holder {
	width: 58.88%;
	background: #fff;
	box-shadow: inset 15px 15px 15px -10px #3b8aff, inset 0px -15px 15px -10px #3b8aff;
}

.inner1 .form-content {
	width: 100%;
	padding: 15px 16px;
	background: linear-gradient(271deg, #174cceba, #1a9effb0);
    height: auto;
	box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-ms-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2);
	-o-box-shadow: 0 7px 18px 0 rgba(0, 0, 0, .2)
}

.inner1 .form-content .form-inner {
	border: 2px solid #fff;
	height: 100%;
	padding: 68px 37px
}

.inner1 .form-content .form-inner.form-inner-last {
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

@media(max-width:767px) {
	.inner {
		display: block
	}
	.inner .image-holder {
		width: 100%
	}
	.inner .form-content {
		width: 100%
	}
	.actions ul {
		width: auto;
		left: 44px;
		right: 44px
	}



    .inner1 {
		display: block
	}
	.inner1 .image-holder {
		width: 100%
	}
	.inner1.form-content {
		width: 100%
	}
	.actions ul {
		width: auto;
		left: 44px;
		right: 44px
	}
}

.btn.btn-primary:hover {
    background-color: #174cce;
    box-shadow: 0px 15px 20px rgb(12 51 193 / 62%);
    color: #fff;
    transform: translateY(-7px);
  }


  .btn.btn-primary
  {
    background:linear-gradient(159deg, #174cce, #1a9eff);
    box-shadow :0px 15px 20px rgb(12 51 193 / 62%);
    border: none !important;
  }

  .btn.btnsw
  {
	text-transform: none;
  }

  .btn.btn-warning:hover {
    background-color:#f16a1b ;
    box-shadow: 0px 5px 10px #a15c32;
    color: #fff;
    transform: translateY(-7px);
  }


  .btn.btn-warning
  {
    background:linear-gradient(159deg, #f16a1b, #d3ae98);
    box-shadow :0px 5px 10px #a15c32;
    border: none !important;
  }

  .lbl{
      color: #fff !important;
      font-size:  18px !important;
      margin-bottom: 5px !important;
	  margin-right: 10px !important;
  }

  .ready a{
	color: #3369dd !important;
	font-weight: bold;
    font-size: 20px;
	text-decoration: underline !important;
  }