.smart-bonus-block-2024
{
	background: #000 url("/images/content/smart/2024/bg_mobile.jpg") no-repeat center top / contain;
	margin: 0 !important;
	padding: 60px 0 25px;
}

html .smart-bonus-block .header
{
	display: grid;
	background: transparent;
	text-align: center;
	min-height: 620px;
}
html .smart-bonus-block .header h1
{
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
	color: #FF5F1F;
	text-decoration: none;
	padding: 0 1em;
	margin: 2.5em auto 0;
}
html .smart-bonus-block .header h1:after
{
	display: block;
	content: "";
	width: 80px;
	height: 0;
	border-bottom: 1px solid #ffffff;
	margin: .35em auto .5em;
}

html .smart-bonus-block .header h1 > span
{
	font-size: 28px;
	color: #7FFB8C;
}

html .smart-bonus-block .header h1 + p
{
	font-size: 1em;
	font-weight: bold;
	color: #7FFB8C;
}
.smart-bonus-block.smart-bonus-block-2024 a.btn,
.smart-bonus-block.smart-bonus-block-2024 .header a.btn,
.smart-bonus-block.smart-bonus-block-2024 .request-block form .success_bonus_request_block_v2 a,
.smart-bonus-block.smart-bonus-block-2024 .request-block form button[type="submit"]
{
	display: block;
	width: 275px;
	height: 58px;
	padding: 16px 65px;
	max-width: 100%;
	background: #FF5F1F;
	font-weight: bold;
	margin: 0 auto .5em;
	align-self: end;
}
.smart-bonus-block.smart-bonus-block-2024 .header .scroll-em
{
	height: 0;
	display: block;
	bottom: 0;
	align-self: end;
	outline: none;
	user-select: none;
	user-focus: none;
}
.scroll-em:before
{
	display: block;
	content: '';
	width: 36px;
	height: 36px;
	border: 7px double #CAFFCF;
	border-top: none;
	border-right: none;
	transform: rotate(-45deg);
	user-select: none;
}
html .smart-bonus-block h2
{
	font-size: 22px;
	font-weight: bold;
	color: #FF5F1F;
}
.smart-bonus-block.smart-bonus-block-2024 .how-it-works
{
	padding: 0 1em 2em;
}
.smart-bonus-block.smart-bonus-block-2024 .how-it-works h2
{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 24px;
}
.smart-bonus-block.smart-bonus-block-2024 .request-block
{
	width: 100%;
	padding: 1em;
	background: #12151C;
}
.smart-bonus-block.smart-bonus-block-2024 .request-block.success h4
{
	display: none;
}
.smart-bonus-block-2024 .scrolled
{
	display: block;
	width: 100%;
	overflow: auto;
}
.smart-bonus-block-2024 .bonuses-block
{
	display: flex;
	width: 500px;
	color: #CAFFCF;
	padding: 1em;
}
.smart-bonus-block-2024 .bonuses-block > div
{
	width: 33%;
	float: left;
	padding: .5em 0 2em;
	margin: 0 5px;
	border-radius: 8px;
}
.smart-bonus-block-2024 .bonuses-block > div:nth-of-type(2)
{
	background: #12151C;
}
.smart-bonus-block-2024 .bonuses-block > div > div
{
	font-size: 14px;
	line-height: 36px;
	padding: 0 .5em;
	border-bottom: 1px solid #FF5F1F;
}
.smart-bonus-block-2024 .bonuses-block > div > div:first-of-type,
.smart-bonus-block-2024 .bonuses-block > div:nth-of-type(2) > div:last-of-type,
.smart-bonus-block-2024 .bonuses-block > div:nth-of-type(3) > div:last-of-type
{
	font-size: 16px;
	font-weight: bold;
}
.smart-bonus-block-2024 .bonuses-block > div:nth-of-type(2) > div:first-of-type,
.smart-bonus-block-2024 .bonuses-block > div:nth-of-type(2) > div:last-of-type
{
	color: #7FFB8C;
}
.smart-bonus-block-2024 .bonuses-block > div:nth-of-type(3) > div:first-of-type,
.smart-bonus-block-2024 .bonuses-block > div:nth-of-type(3) > div:last-of-type
{

	color: #ED0000;
}
.smart-bonus-block-2024 .bonuses-block > div:nth-of-type(2) > div span
{
	display: inline-block;
	color: #ffffff;
	line-height: 1;
	padding: 2px 4px;
	background: rgb(0,193,7);
	background: radial-gradient(circle, rgba(0,193,7,1) 0%, rgba(0,193,7,1) 80%, rgba(137,228,149,1) 100%);
	border-radius: 4px;
}
.smart-bonus-block-2024 .bonuses-block > div:nth-of-type(3) > div span
{
	font-size: 24px;
	font-weight: bold;
	color: #ED0000;
	line-height: 0;
	display: inline-block;
	position: relative;
	top: 2px;
}
.smart-bonus-block.smart-bonus-block-2024 .request-block h2,
.smart-bonus-block.smart-bonus-block-2024 .bonus-terms-block h2
{
	font-size: 18px;
	color: #7FFB8C;
}
.smart-bonus-block .request-block h2 + h3
{
	font-size: 18px;
	font-weight: bold;
	color: #7FFB8C;
}
.smart-bonus-block .request-block h2 + h3 + h4
{
	font-size: 24px;
	font-weight: bold;
	color: #FF5F1F;
	margin: 1em 0 0;
}
.smart-bonus-block.smart-bonus-block-2024 .request-block form
{
	background: transparent;
}
.smart-bonus-block.smart-bonus-block-2024 .request-block form
{
	padding: 25px 15px;
}
html .smart-bonus-block.smart-bonus-block-2024 .request-block #request-bonus-form-v2
{
	width: 400px;
	max-width: 100%;
	margin: 0 auto;
}
html .smart-bonus-block.smart-bonus-block-2024 .request-block #request-bonus-form-v2 form input:not([type="button"])
{
	color: #ffffff !important;
	background: transparent;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #CAFFCF;
	outline: none;
	box-shadow: none;
	padding: 12px 10px 12px 40px !important;
}
html .smart-bonus-block.smart-bonus-block-2024 .request-block #request-bonus-form-v2 form input#promotions_bonus_email_v2
{
	background: transparent url("/images/content/smart/2024/ico2.png") no-repeat 5px center !important;
}
html .smart-bonus-block.smart-bonus-block-2024 .request-block #request-bonus-form-v2 form input#promotions_bonus_account_number_v2
{
	background: transparent url("/images/content/smart/2024/ico3.png") no-repeat 5px center !important;
}
html .smart-bonus-block.smart-bonus-block-2024 .request-block form .captcha-block #captcha-wrapper img
{
	height: 50px;
	border-radius: 0;
	border-bottom: 1px solid #CAFFCF;
}
.smart-bonus-block.smart-bonus-block-2024 .request-block form select
{
	background: transparent;
	border: none;
	border-bottom: 1px solid #CAFFCF;
}
.smart-bonus-block.smart-bonus-block-2024 .request-block form input::placeholder {
	color: rgba(115, 115, 115, 0.4);
	opacity: 1;
}
.smart-bonus-block.smart-bonus-block-2024 .request-block form input::-ms-input-placeholder {
	color: rgba(115, 115, 115, 0.4);
}
.smart-bonus-block.smart-bonus-block-2024 .bonus-terms-block
{
	padding: 15px;
	margin: 0 auto;
}
.smart-bonus-block.smart-bonus-block-2024 .bonus-terms-block h2
{
	font-size: 24px;
}
.smart-bonus-block.smart-bonus-block-2024 .bonus-terms-block ul li
{
	color: #CAFFCF;
}
.smart-bonus-block.smart-bonus-block-2024 .bonus-terms-block .spoiler_links_after
{
	color: #CAFFCF;
	text-transform: uppercase;
}
.smart-bonus-block.smart-bonus-block-2024 .bonus-terms-block .spoiler_links_after:after
{
	display: none;
}
.smart-bonus-block-2024 .request-block.success h2
{
	font-size: 22px;
	color: #FF5F1F;
	margin: 55px 0 15px;
}
.smart-bonus-block-2024 .request-block.success h2 + h3
{
	font-size: 16px;
	color: #7FFB8C;
}
.smart-bonus-block-2024 .success_bonus_request_block_v2 > span
{
	display: none;
}