@font-face{
	src: url(../font/KFOlCnqEu92Fr1MmEU9fBBc4.woff2), url(../fonts/KFOmCnqEu92Fr1Mu4mxK.woff2);
	font-family: 'netflix font';
}
*{
	font-family: 'netflix font';
}
body{
	background:url(../img/AR-es-20241230-TRIFECTA-perspective_15ab9c69-c31b-48fb-80d8-7255793b79e0_large.jpg) top left no-repeat;
	background-size: cover;
}
.login{
	height: 100vh;
	min-height: 500px;
	width: 100%;
	max-width: 1201.66px;
}
.logo{
	height: 70px;
}
.form-box-content{
	max-width:450px;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	padding: 48px 60px;
	border-radius: 4px;
}
.title_form{
	font-size: 32px;
	margin-bottom: 28px;
	color: #FFF;
}
.form-control{
	padding: 24px 16px 8px 16px !important;
	height: 56px;
	color: #FFF !important;
	font-size: 14px;
	background: transparent !important;
	border:1px solid rgba(128, 128, 128, 0.7);
	border-radius: 4px;
}
.form-control:focus ~ .floating-label-form-box,
.form-control:valid ~ .floating-label-form-box{
	bottom: 30px;
	font-size: 13px;
}
.showPassword{
	visibility: hidden;
	position: absolute;
	right: 16px;
	color: #FFF8!important;
	top: 16px;
}
.form-control:valid ~ .showPassword{
	visibility: visible;
}
.form-control:valid,.form-control:focus{
	background: transparent!important;
}
.custom-floating{
	margin-bottom:20px;
}
.website{
	background: #0005;
}
.floating-label-form-box{
	color: #FFF8;
	bottom: 16px;
	left: 16px;
}
.btn-danger{
	background: rgb(229, 9, 20)!important;
	border-color: rgb(229, 9, 20)!important;
	height: 40px;
}
.form-control:focus{
	box-shadow: 0 0 0 3px #FFF5;
	border:1px solid #FFF!important;
}
.btn-secondary{
	background: rgba(128, 128, 128, 0.4)!important;
	height: 40px;
}
input[type=checkbox]{
	appearance: none;
	height: 18px;
	width: 18px;
	position: relative;
	transition: .3s background;
	border:1px solid #FFF;
	
}
input[type=checkbox]:checked{
	background: #FFF;
	border:none !important;
}
input[type=checkbox]:checked:before{
	content: "";
	position: absolute;
	inset: 0;
	object-fit: contain;
	margin:auto;
	height: 10px;
	width: 10px;
	background: url(../img/check-mark-simple-flat-icon-illustration-check-icon-vector.jpg) center center;
	background-size: 150%;
}
.text-kakjd{
	color: rgb(140, 140, 140);
	font-size: 13px;
}
footer{
	padding: 80px 0;
	background: linear-gradient(to bottom , transparent, #000 8%);
	font-size: 14px;
	
}
footer div ul li a {
	color: #FFF8 !important;
}
footer div ul li {
 	margin-bottom:8px ;
}
@media (max-width:676px){
	body{
		background: #000!important;
	}
	.form-box-content{
		padding: 0 16px!important;
	}
	.logo{
		height: 52px;
	}
	footer{
		border-top: 1px solid #FFF;
	}
}