@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;800&display=swap');
*{
	padding:0;
	margin:0;
	border: 0;
}
ul {
	list-style: none;
	margin: 5;
	padding: 0;
  }
li{
	font-size: 16px;
	padding-bottom: 5px;
	font-weight: bold;
}
  ul li:before {
	content: '✓';
  }
body{
	font-family: "Mulish",sans-serif
}
p{
	margin:0;
	font-size: 1.3rem;
	line-height: 1.6rem;
	color:#393939;
}
h1{
	text-transform: uppercase;
	font-weight: 700;
}
h2{
	color:#0e341e;
	line-height: 1.8rem;
	font-size:1.8rem;
}
a{
    text-decoration: none;
    color:inherit;
}
a:hover{
    text-decoration: none;
	color: #fff;
	cursor: pointer;
}
.h1-body{
    margin: 0px 0px 30px 0px
}
.section-title{
	color: #cb0b01; text-align: center; font-size: 12px; font-weight: 700; margin-bottom: 15px;
}
.badge-gn{
	margin: 0px 0px 10px 0px;
	width: 240px; 
	height: 130px;
}
.percent-off{
	display: flex;
    align-items: center;
    min-height: 26px;
}
.gen-badge-off{
	margin-right: 0.375rem;
    white-space: nowrap;
	color: #565656;
    background-color: #e1e1e1;
	font-weight: 800;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	text-decoration: none;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	line-height: 18px;
	border-radius: 40px;
	font-size: .875rem;
}
.gen-badge-off-purple{
	margin-right: 0.375rem;
    white-space: nowrap;
	color: #fff;
    background-color: #8c4d78;
	font-weight: 800;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	text-decoration: none;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	line-height: 18px;
	border-radius: 40px;
	font-size: .875rem;
}
.pix-gen{
	font-weight: 400;
	color: #333;
	line-height: 14px;
	font-size: .6875rem;
}
.gen-card-title{
	margin-bottom: 1rem;
	box-sizing: border-box;
}
.h2-price{
	letter-spacing: 0.5px;
    font-weight: 800;
    line-height: 1.875rem;
    margin-bottom: 0.5rem;
	font-size: 24px;
}
.gen-btn{
	width: 165px;
	height: 45px;
	color: #fff;
	background: #d12e26;
    font-weight: 700;
    border: 2px solid #d12e26;
	border-radius: 40px;
	font-size: .875rem;
	letter-spacing: .5px;
	line-height: 1;
	padding: 0.875rem 1rem;
	text-decoration: none;
	display: inline-block;
	margin: 8px 0px;
}
.gen-btn  a:hover{
	text-decoration: none !important;
	color: #fff !important;
}
.gen-card-heading{
	font-size: 1.5rem;
	font-weight: 800;
	color: #74285c;
	margin: 0 0 0.5rem 0;
}
.orange{
	color: #f36322;
}
.white{
	color: #fff;
}
.card-title h2{
	font-size: 1.5rem;
    font-weight: 800;
    color: #74285c;
    margin: 0 0 0.5rem 0;
}
.btn-primary{
    background-color: #00ffd2 !important; 
    border:1px solid #00ffd2;
	font-size:1.15rem;
	cursor:pointer;
	padding:.8rem 4rem;
}
.btn-primary:hover{
	background-color: #fff !important; 
    border:1px solid #00ffd2 !important;
    transition: 0.5s; 
	transform: scale(1.05);
	padding:.8rem 4rem;
}
.bg-info{
	background-color: #000 !important;
}
@media (min-width: 320px){
	ol, ul {
		list-style: none;
		font-size:1rem;
	}
	.bg-top{
		background: #451133;
	}
	.text-primary{
		color:#00ffd2 !important;
		font-size:1.2rem;
	}
}
@media (min-width: 390px){
	ol, ul {
		font-size:1.1rem;
	}
}
@media (min-width: 992px){
	ol, ul {
		font-size:1.4rem;
	}
	.bg-top{
		background: #451133;
		
	}
	.text-primary{
		color:#00ffd2 !important;
		font-size:1.75rem;
	}
}