#reset-container {
		position: relative;
		display: flex;
	}

	#or {
		margin-top: 100px;
	}

	@media only screen and (max-width: 600px) {
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	#reset-container {
		display: block;
		max-width: 100%;
	}

	#reset-container > div {
		margin-bottom: 16px;
	}

	#or {
		margin: 16px 0;
		text-align: center;
	}

	#or strong {
		display: block;
		text-align: center;
	}

	/* Prevent horizontal overflow */
	form,
	.form-row,
	.form-col,
	input,
	button {
		max-width: 100%;
	}

	button.ResetLogBtn {
		width: 80%;
	}
	.eLearningResetLogin {
		font-size: 38px !important;
	}
	.sectioninner:has(form#resetpw-email) {
	max-width: 395px !important;
	padding: 16px !important;	
}
}

@media only screen and (min-width: 601px) and (max-width: 900px) {
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	#reset-container {
		display: block;
		max-width: 100%;
	}

	#reset-container > div {
		margin-bottom: 20px;
	}

	#or {
		margin: 20px 0;
		text-align: center;
	}

	#or strong {
		display: block;
		text-align: center;
	}

	button.ResetLogBtn {
		width: 80%;
	}
	.eLearningResetLogin {
		font-size: 38px !important;
	}
	.sectioninner:has(form#resetpw-email) {
	max-width: 373px !important;
		
	}
	}

	@media (min-width: 901px) and (max-width: 1200px) {
	*,
		*::before,
		*::after {
			box-sizing: border-box;
		}
	}

		/* Start 3534 251209 8689 */
	.sectioninner:has(form#resetpw-email) {
		border-radius: 10px;
		max-width: 430px;
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
	 
		
	.eLearningResetLogin {
		font-family: "Exo 2", sans-serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		color: hsl(230, 58%, 34%);
		margin-bottom: 5px;
	}

	.back-link {
		padding-left: 5px;
	}

	.text-reset-header {
		margin: 10px 0px;
	}

	#resetpw-email .form-row {
		display: flex;
		flex-direction: column;
	}

	#resetpw-email .form-col {
		padding-top: 0px;
	}

	#resetpw-email label {
		font-weight: bold;
		font-size: 1.2rem;
		padding-bottom: 0;
	}
	#resetpw-email button {
		width: 80%;
	}

	#resetpw-email input#elearningResetEmail {
		width: 100%;
	}

	#resetpw-email input {
		color: black;
		padding: 10px;
		font-size: 1.084rem;
		border-radius: 5px;
		border: 1px solid grey;
		margin-bottom: 5px;
	}

	.ResetLogBtn {
		border: none;
		background-color: hsl(51, 100%, 50%);
		padding: 5px 20px;
		font-weight: bold;
		border-radius: 20px;
		font-size: 1.4rem;
		cursor: pointer;
		color: black !important;
		margin: 10px 0px;
	}

	.ResetLogBtn:hover {
		background-color: hsl(51, 100%, 40%);
	}

	.back-reset-link {
		display: flex;
		align-items: center;
		font-weight: bold;
		color: hsl(230, 58%, 34%);
		margin-bottom: 10px;
		text-decoration-line: underline;
		text-decoration-color: hsl(230, 58%, 34%);
		text-decoration-thickness: 2px;
		text-underline-offset: 3px;
	}

	.back-reset-link:hover {
		text-decoration-thickness: 3px;
	}

	a.back-reset-link:visited {
		color: hsl(230, 58%, 34%);
	}


    .mB10 {
		margin-bottom: 10px !important;
	}
	.mTop20 {
		margin-top: 20px;
	}

	/* 3434 251217 8689*/
	.using-mouse button.ResetLogBtn:focus {
		outline: none !important;
		box-shadow: none !important;
		background-color: hsl(51, 100%, 50%) !important;
		color: black !important;
	}

	button:focus-visible {
		outline: 2px solid #000;
	}