@import url(button.css);

.form-control {
	border-radius: 30px;
	background-color: #ffffff;
	border: 1px solid #ABABAB !important;
}

/* .form-regster .form-control {
	height: 45px;
} */

.form-control::placeholder {
	color: var(--bs-grey);
}
.form-check-input{
	/* height: 15px;
	width: 15px;
	border: 2px solid var(--bs-lightBlue) !important;
	border-radius: 3px; */

	display: inline-block;
	width: 15px;
	height: 15px;
	border: 2px solid var(--bs-lightBlue) !important;
	border-radius: 2px;
	cursor: pointer;
/* 
	outline: 3px solid var(--bs-lightBlue);
	border: none !important; */
}
.form-check-label { 
	cursor: pointer; 
	display: block; 
	float: left; 
}
input#remember {
	position: absolute;
	opacity: 0;
}
input#remember:checked + #label-check svg path {
	stroke-dashoffset: 0;
}
input#remember:focus + #label-check {
	transform: scale(1.03);
}
#remember + #label-check {
	display: block;
	border: 2px solid  var(--bs-lightBlue);
	width: var(--check-size);
	height: var(--check-size);
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.2s ease;
}
#remember + #label-check:active {
	transform: scale(1.05);
	border-radius: 4px;
}
#remember + #label-check svg {
	pointer-events: none;
}
#remember + #label-check svg path {
	fill: none;
	stroke: #333;
	stroke-width: 4px;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-dasharray: 100;
	stroke-dashoffset: 101;
	transition: all 350ms cubic-bezier(1, 0, 0.37, 0.91);
}

.brand-heading {
	position:relative;
	background:white;
}
.brand-heading:before {
	mix-blend-mode:screen;
	content:'';
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;

	background:linear-gradient(to right, 
		var(--bs-lightBlue) 28px,
		var(--bs-pink) 10px)
	left  ;
  
  }