.photo-preview {
	object-fit: cover;
	object-position: center;
}

.register-box {
	width: 700px;
	/* margin:7% auto */
	margin: 1% auto;
}
@media (max-width: 768px) {
	.register-box2 {
		width: 90%;
		/* margin-top:20px */
	}
}

.register-card-body {
	background: #fff;
	padding: 20px;
	border-top: 0;
	color: #666;
}
.register-card-body .form-control-feedback {
	color: #777;
}

.register-box-msg {
	margin: 0;
	text-align: center;
	padding: 0 20px 20px 20px;
}

.card:hover{
    border-color:#ffc107!important;
	transition:.3s;
}

.shining-button {
	position: relative;
	background-color: #007bff; /* Bootstrap primary color */
	color: white;
	border: none;
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	outline: none;
	overflow: hidden;
	transition: background-color 0.4s ease;
}

.shine {
	position: absolute;
	top: -20%;
	left: -20%;
	width: 140%;
	height: 140%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
	animation: shine 3s infinite;
	opacity: 0;
	pointer-events: none; /* Prevents the shine from blocking button clicks */
}

@keyframes shine {
	0% {
		transform: translateX(-100%);
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		transform: translateX(100%);
		opacity: 1;
	}
}