* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background: #1a1c23;
}

.container {
	position: absolute;
	max-width: 800px;
	height: 500px;
	margin: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.myRightCtn {
	position: relative;
	background-image: linear-gradient(45deg, #1D4F91, #074acc);
	border-radius: 25px;
	height: 100%;
	padding: 25px;
	color: rgb(255, 255, 255);
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.myLeftCtn {
	position: relative;
	background: #1a1c23;
	border-radius: 25px;
	height: 100%;
	padding: 25px;
	padding-left: 50px;
}

.myLeftCtn header {
	color: #074acc;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}

.row {
	height: 100%;
}

.myCard {
	position: relative;
	background: #121317;
	/* height: 100%; */
	border-radius: 25px;
	-webkit-box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.7);
}

.myRightCtn header {
	color: #fff;
	font-size: 35px;
	font-weight: 600;
}

.myRightCtn p,
.myRightCtn ol li  {
	font-size: 13px;
}

.myRightCtn ol li  {
	margin-bottom: 5px;
}

.myRightCtn span  {
	font-size: 15px;
	font-weight: 600;
}

.box {
	position: relative;
	margin: 20px;
	margin-bottom: 100px;
}

.myLeftCtn .myInput {
	width: 230px;
	border-radius: 25px;
	padding: 10px;
	padding-left: 50px;
	border: none;
	-webkit-box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
}

.myLeftCtn .myInput:focus {
	outline: none;
}

.myForm {
	position: relative;
	margin-top: 50px;
}

.myLeftCtn .butt {
	background: linear-gradient(45deg, #1D4F91, #074acc);
	color: #fff;
	width: 230px;
	border: none;
	border-radius: 25px;
	padding: 10px;
	-webkit-box-shadow: 0px 10px 41px -11px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 10px 41px -11px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 10px 41px -11px rgba(0, 0, 0, 0.7);
}

.myLeftCtn .butt:hover {
	background: linear-gradient(45deg, #3686ee, #1D4F91);
}

.myLeftCtn .butt:focus {
	outline: none;
}

.myLeftCtn .fas {
	position: relative;
	color: #1D4F91;
	left: 36px;
}

.butt_out {
	background: transparent;
	color: #fff;
	width: 120px;
	border: 2px solid#fff;
	border-radius: 25px;
	padding: 10px;
	-webkit-box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 10px 49px -14px rgba(0, 0, 0, 0.7);
}

.butt_out:hover {
	border: 2px solid#1a1c23;
}

.butt_out:focus {
	outline: none;
}