.py-2-3 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.btn > span {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;	
}

.btn.border-thin > span {
	margin: 0 auto;
}

@media (min-width: 1400px){
	.container {
	    width: 1250px;
	}
}

.spinner {
	border-style: solid;
	border-width: 2px;
	border-color: rgb(247, 247, 247);

	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: rgb(38, 86, 252);

	border-radius: 50%;
	animation: spin 1s linear infinite;
}

.spinner--sm {
	height: 25px;
	width: 25px;
}

.spinner--xs {
	height: 20px;
	width: 20px;
}

.spinner--xxs {
	height: 15px;
	width: 15px;
}

.spinner--primary {
	border-color: #fff;
	border-left-color: rgb(38, 86, 252);
}

@keyframes spin {
  	0% {
    	transform: rotate(0deg);
  	}
  	50% {
	    transform: rotate(180deg);
  	}
  	100% {
    	transform: rotate(360deg);
  	}
}

.btn-secondary {
	background-color: transparent;
}

.form-control,
.form-control:focus {
	font: 300 15px "Poppins", sans-serif;
    color: #677294;
    border-radius: 4px;
    background-color: white;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
    border: 1px solid transparent;
    height: 60px;
    padding: 0px 30px;
}

.form-control:focus {
	border-color: #f2effc;
    -webkit-box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
}

.p-xl-5 {
    padding: 3rem!important;
}

.p-4-5 {
	padding: 2.25rem !important;
}

.mb-4-5 {
	margin-bottom: 2.25rem !important;
}

label {
    color: rgb(1, 14, 45);
    font-size: 14px;
    font-weight: 500;
}

.cursor-hover:hover {
	cursor: pointer;
}

.v--modal-box {
	top: 20px !important;
}

@media(max-width: 500px){
	.v--modal-box {
		width: 340px !important;
		margin: 0 auto;
		left: unset !important;
	}
}

.v--modal-overlay {
	overflow-y: scroll;
	padding: 20px 10px;
}

.instructions-wrapper {
	max-height: 95vh;
	overflow-y: scroll;
}