@media screen and (min-width: 549px) {
	.shepherd-element {
		max-width: 700px;
	}
}
@media screen and (max-width: 549px) {
	.shepherd-element {
		max-width: 350px;
	}
}
.shepherd-header {
	background-color: var(--brand)!important;
	border: 1px solid var(--brand)!important;
}
.shepherd-title {
	color: white!important;
	font-weight: bold;
}
.shepherd-text {
	padding: 1.75em;
	color: #212529;
}
.shepherd-cancel-icon {
	color: white!important;
}
.shepherd-button {
	color: white!important;
	background-color: var(--brand)!important;
	border: 1px solid var(--brand)!important;
}
.shepherd-button.shepherd-button-secondary {
	color: rgba(0,0,0,.75)!important;
	background: #f1f2f3!important;
	border: 1px solid #f1f2f3!important;
}
.shepherd-arrow:before {
	background-color: var(--brand)!important;
}

.shepherd-footer {
	align-items: center;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	display: flex;
	justify-content: space-between;
	padding: 0 .75rem .75rem;

	.shepherd-button:last-child {
		margin-right: 0;
	}

	.shepherd-progress {
		font-size: .8rem;
	}
}