.commonFormFields .form-control {
	height: 46px;
	color: #000;
	font-size: 16px;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.commonFormFields textarea {
	height: 65px !important;
}

.commonFormFields .errorMessage {
	font-size: 0.875em;
	margin-top: 0.25rem;
}

.commonFormFields .form-label {
	font-size: 0.9rem;
}

.commonFormFields .recurringDetails {
	font-size: 0.9rem;
}

.commonFormFields .recurringDetails h5 {
	font-size: 1rem !important;
}

.commonFormFields .disabledInput {
	background-color: #e9ecef;
	opacity: 1;
	cursor: default;
	pointer-events: none;
}

.commonFormFields .form-check-label {
	color: #212529 !important;
}

#content:has(#paymentForm) {
	display: flow-root;
	overflow: visible;
	overflow-x: clip;
}

@media (max-width: 768px) {
  h4 {
    font-size: 19px !important;
  }
}

@media (max-width: 950px) and (min-width: 561px) {
  .invalid-feedback {
    font-size: 12px !important;
  }
}

@media (max-width: 560px) {
	.commonFormFields .form-control {
		height: 36px !important;
		font-size: 12px !important;
		line-height: 15px !important;
	}

	.commonFormFields label, .form-check, .commonFormFields .btn-modern, .commonFormFields .btn-modern i, .commonFormFields .recurringDetails{
		font-size: 11px !important;
	}

	.backBtn, .invalid-feedback {
		font-size: 10px !important;
	}

	.commonFormFields .recurringDetails h5 {
		font-size: 13px !important;
		margin-bottom: 0.5rem !important;
	}
}

@media (max-width: 480px) {
	h4 {
		font-size: 12px !important;
		margin: 0px !important;
		margin-bottom: 0px;
	}
	.small, small {
		font-size: 0.55em !important;
	}
}