.payment-card {
	/* width: 26rem;  */
	border-width: 3px;
}
.invalid-feedback {
	margin-top: 1rem;
	color: red;
}

.invalid-feedback, .valid-feedback {
		padding-left: 2px;
		padding-right: 15px;
		font-weight: normal;
}

@media only screen and (max-width: 1198px) {
	.form-switch{
		margin-left: 100px;
		width: 550px;
	}
}

@media only screen and (max-width: 860px) {
	.get-started-row{
			display: inline-block;
	} 
	.gc-monthly-pay{
		margin-top: 20px;
		width: 66%; 
	}
	.gc-start{
		justify-content: center;
		width: 550px;
	}
	.form-switch{
		margin-left: 100px;
		width: 550px;
	}
	#payment-monthly,#payment-annually {
			width: 148%;
	}
	#get-started-form {
			width: 139% !important;
	}
}

@media only screen and (max-width: 575px) {
	#payment-monthly,#payment-annually {
			width: 148%;
	}
	#get-started-form {
			width: 129% !important;
	}

	#payment-annually .price {
		float: inherit !important;
		position: absolute;
		margin-left: 15px;
		margin-right: 0 !important;
	}

	#save-percent {
		text-align: left !important;
		float: inherit !important;
		margin-left: 110px !important;
		margin-top: -15px !important;
	}
}
@media only screen and (max-width: 537px) {
	#payment-monthly,#payment-annually {
			width: 139%;
	}
	 
	#get-started-form {
			width: 120% !important;
	}
}
@media only screen and (max-width: 500px) {
	#payment-monthly,#payment-annually {
			width: 121%;
	}
	 
	#get-started-form {
			width: 105% !important;
	}
	.footer {
			position: static !important;
	}
	.card-body {
			padding: 20px !important;
	}
	
}


@media only screen and (max-width: 437px) {
	#payment-monthly,#payment-annually {
			width: 105%;
	}
		
	#get-started-form {
			width: 91% !important;
	} 
	
} 
@media only screen and (max-width: 391px) {
	#payment-monthly,#payment-annually {
			width: 105%;
	}
	.gc-monthly-pay {
			width: 63%; 
	}

	
	#get-started-form {
			width: 88% !important;
	} 
	.price {
			margin-right: 0px !important;
	}
}

@media only screen and (max-width: 387px) {
	#payment-monthly,#payment-annually {
		width: 100%;
	}
	.gc-monthly-pay {
		width: 63%; 
	}
	
	
	#get-started-form {
		width: 80% !important;
	}
}

@media only screen and (max-width: 375px) {
	#save-percent{
		margin-left: 68px !important;
		margin-top: 0px !important;
	}
}

#password-reset-trigger {
	cursor: pointer;
}