@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root{
	--primary-color: #0039a6;
	--secondary-color:  #292929;
	--primary-font:  'Poppins', sans-serif;
}

.d2c_wrapper{
	width: 100%;
	background: linear-gradient(90deg, rgba(12,12,121,1) 0%, rgba(12,175,255,1) 100%);
	height: 100vh;
}
.d2c_wrapper .card{
	border: none;
}

.d2c_wrapper h1{
	font-family: var(--primary-font);
	font-weight: 600;
	font-size: 38px;
	color: var(--secondary-color);
}
.d2c_wrapper form label{
	font-family: var(--primary-font);
	font-weight: 500;
	font-size: 16px;
	color: var(--secondary-color);
}

.d2c_wrapper form input{
	padding: 9px 0px 10px 0px;
	border: none;
	border-bottom: 1px solid var(--secondary-color);
	border-radius: 0;
	font-family: var(--primary-font);
	font-weight: 400;
	font-size: 16px;
	color: var(--secondary-color);
}
.d2c_wrapper form input:focus{
	outline: none;
	box-shadow: none;
	border-bottom: 1px solid var(--primary-color);
}
.d2c_wrapper form input::placeholder{
	color: #00000025;
}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{
	box-shadow: none;
}
.form-control.is-invalid:focus, .was-validated .form-control:valid:focus{
	box-shadow: none;
}

.d2c_wrapper .d2c_forgot_pass a{
	text-decoration: none;
	font-family: var(--primary-font);
	font-weight: 400;
	font-size: 16px;
	color: var(--primary-color);
}

.d2c_wrapper form .btn{
	padding:  9px 20px 10px 20px;
	font-family: var(--primary-font);
	font-weight: 600;
	font-size: 16px;
	color: #FFFFFF;
	background-color: var(--primary-color);
	border: none;
	box-shadow: 0px 0px 10px #00000025;
	transition: 0.5s;
}
.d2c_wrapper form .btn:hover{
	background-color: var(--secondary-color);
	transition: 0.5s;
}

.d2c_wrapper form p{
	font-family: var(--primary-font);
	font-weight: 400;
	font-size: 13px;
	color: var(--secondary-color)
}

.d2c_wrapper form p a{
	text-decoration: none;
	color: var(--primary-color);
	font-weight: 600;
}

@media only screen and (min-width: 0px) and (max-width: 575px) {
	.d2c_registration{
		height: auto;
		padding: 50px 0px;
	}
	.d2c_wrapper h1{
		font-size: 26px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.d2c_registration{
		height: auto;
		padding: 50px 0px;
	}
	.d2c_wrapper h1{
		font-size: 32px;
	}
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	
}

/* 
	<!-- 
      KIT Name: 10+ Login System - Bootstrap Bundle
      Product URL: https://www.designtocodes.com/product/10-login-system-bootstrap-bundle-2022/
      Product Description: The Login System kit is made of all the basic elements you need to create a stunning website, from the start. 
      Author: designtocodes.com
      Author URI: https://www.designtocodes.com/
    -->
*/