@font-face {
    font-family: 'lemon_milkregular';
    src: url('../fonts/lemonmilk-webfont.otf') format('opentype'),
    	 url('../fonts/lemonmilk-webfont.ttf') format('truetype'),
    	 url('../fonts/lemonmilk-webfont.woff2') format('woff2'),
         url('..fonts/lemonmilk-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html, body {
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'lemon_milkregular';
}
.pricing-card.transparent {
	opacity: 0.5;
}
.pricing-card.selected {
	background-color: #fff !important;
	color: #000;
	opacity: 1;
}
.bg-brand-teal,
.bg-brand-teal.selected .card-header {
	background-color: #51AFBC;
	background-color: rgb(81, 175, 188);
	color: #fff;
}
.bg-brand-blue,
.bg-brand-blue.selected .card-header {
	background-color: #6C65CB;
	background-color: rgb(108, 101, 203);
	color: #fff;
}
.bg-brand-purple,
.bg-brand-purple.selected .card-header {
	background-color: #A857C5;
	background-color: rgb(168, 87, 197);
	color: #fff;
}
.brand-primary-text,
.bg-brand-teal.selected .card-title {
	color: #51AFBC;
}
.bg-brand-blue.selected .card-title {
	color: #6C65CB;
}
.bg-brand-purple.selected .card-title {
	color: #A857C5;
}
.brand-secondary-text {
	color: #6C65CB !important;
}
.btn-outline-brand {
	--bs-btn-color: #51AFBC;
	--bs-btn-border-color: #51AFBC;
	--bs-btn-hover-bg: #51AFBC;
	--bs-btn-hover-border-color: #51AFBC;
	--bs-btn-active-bg: #51AFBC;
	--bs-btn-active-border-color: #51AFBC;
}
.bg-brand-teal.selected .btn {
        --bs-btn-color: #51AFBC;
        --bs-btn-bg: #51AFBC;
        --bs-btn-border-color: #51AFBC;
        --bs-btn-hover-bg: #51AFBC;
        --bs-btn-hover-border-color: #51AFBC;
        --bs-btn-active-bg: #51AFBC;
        --bs-btn-active-border-color: #51AFBC;
        color: #fff;
}
.btn-brand,
.bg-brand-blue.selected .btn {
        --bs-btn-color: #6C65CB;
        --bs-btn-bg: #6C65CB;
       	--bs-btn-border-color: #6C65CB;
        --bs-btn-hover-bg: #6C65CB;
        --bs-btn-hover-border-color: #6C65CB;
        --bs-btn-active-bg: #6C65CB;
        --bs-btn-active-border-color: #6C65CB;
	color: #fff;

}
.blob {
	height: 700px;
	margin-left: -200px;
	margin-bottom: -600px;
}