body {
	background: #f0f2ff !important;
}

.tutor-login-wrap {
	width: 100%;
    max-width: 500px;
    margin: 3rem auto;
    padding: 2rem;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.15);
}

#tutor-login-form input[type=text],
#tutor-login-form input[type=password] {
    width: 100%;
    min-height: 25px;
    line-height: 25px;
    font-size: 1rem;
    color: #1a1a1a;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    box-shadow: none;
    margin-bottom: 1rem !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#tutor-login-form input[type=text]::placeholder,
#tutor-login-form input[type=password]::placeholder {
	font-size:12px !important;
}

.tutor-form-check-input.tutor-form-check-input[type=checkbox] {
    border-radius: 40px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

.tutor-mb-20 {
    margin-bottom: 10px;
}

.tutor-form-check label,
.tutor-btn,
.tutor-color-secondary {
    font-size: 0.9rem;
    font-weight: 400;
	vertical-align: baseline;
}


@media (max-width: 767px) {
	.tutor-login-wrap {
		max-width: 70%;
	}
	
	.tutor-fs-5 {
		font-size: 1.1rem;
	}
	
	#tutor-login-form input[type=text],
	#tutor-login-form input[type=password] {
		min-height: 20px;
		line-height: 20px;
		font-size: 0.9rem;
		margin-bottom: 0.5rem !important;
	}
	
	.tutor-form-check label,
	.tutor-btn,
	.tutor-color-secondary {
		font-size: 0.8rem;
	}
}


@media (max-width: 567px) {
	.tutor-login-wrap {
		padding:1rem;
	}
	
	.tutor-color-secondary {
        text-align: left;
    }
	
}

@media (max-width: 480px) {
	
	.tutor-login-wrap {
		max-width: 80%;
	}
	.tutor-d-flex.tutor-justify-between.tutor-align-center.tutor-mb-40 {
		flex-direction: column;
		align-items: flex-start !important;
		gap: 10px;
	}
}