#hpe_header_desktop::before {
	content: '';
	position: absolute;
	display: block;
    height: 136px;
	width: 100%;
	top: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_01.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: top;
}

#hpe_header_desktop::after {
	content: '';
	position: absolute;
	display: block;
    height: 261px;
	width: 100%;
	bottom: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_03.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: bottom;
}

#q1_container::before {
	content: '';
	position: absolute;
	display: block;
    height: 299px;
	width: 100%;
	top: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_04.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: top;
}

#q1_container::after {
	content: '';
	position: absolute;
	display: block;
    height: 288px;
	width: 100%;
	bottom: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_06.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: bottom;
}

#q2_container::before {
	content: '';
	position: absolute;
	display: block;
    height: 299px;
	width: 100%;
	top: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_07.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: top;
}

#q2_container::after {
	content: '';
	position: absolute;
	display: block;
    height: 287px;
	width: 100%;
	bottom: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_09.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: bottom;
}

#q3_container::before {
	content: '';
	position: absolute;
	display: block;
    height: 340px;
	width: 100%;
	top: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_10.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: top;
}

#q3_container::after {
	content: '';
	position: absolute;
	display: block;
    height: 280px;
	width: 100%;
	bottom: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_12.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: bottom;
}

#q4_container::before {
	content: '';
	position: absolute;
	display: block;
    height: 299px;
	width: 100%;
	top: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_13.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: top;
}

#q4_container::after {
	content: '';
	position: absolute;
	display: block;
    height: 288px;
	width: 100%;
	bottom: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_15.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: bottom;
}

#q5_container::before {
	content: '';
	position: absolute;
	display: block;
    height: 304px;
	width: 100%;
	top: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_16.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: top;
}

#q5_container::after {
	content: '';
	position: absolute;
	display: block;
    height: 205px;
	width: 100%;
	bottom: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_18.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: bottom;
}

#answer_box_lg::before,
#beginner_1::before {
	content: '';
	position: absolute;
	display: block;
    height: 210px;
	width: 100%;
	top: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_19.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: top;
}

#answer_box_lg::after,
#beginner_1::after {
	content: '';
	position: absolute;
	display: block;
    height: 273px;
	width: 100%;
	bottom: 0;
	left: 13%;
	background: url(/wp-content/uploads/sites/23/2021/10/QB_21.png);
	background-repeat: no-repeat;
    background-size: contain !important;
    background-position: bottom;
}







@media only screen and (max-width: 980px) {

	#hpe_header_desktop::before {
		content: '';
		position: absolute;
		display: block;
		height: 136px;
		width: 100%;
		top: 0;
		left: 13%;
		background: url(/wp-content/uploads/sites/23/2021/11/QB_01_Phone.png);
		background-repeat: no-repeat;
		background-size: contain !important;
		background-position: top;
	}

	#answer_box_lg::before,
	#beginner_1::before {
		content: '';
		position: absolute;
		display: block;
		height: 210px;
		width: 100%;
		top: 0;
		left: 13%;
		background: url(/wp-content/uploads/sites/23/2021/11/QB_19_transparent.png);
		background-repeat: no-repeat;
		background-size: contain !important;
		background-position: top;
	}

	#answer_box_lg::after,
	#beginner_1::after,
	#hpe_header_desktop::after {
		display: none;
	}

	#hpe_header_mobile::after {
		content: '';
		position: absolute;
		display: block;
		height: 261px;
		width: 100%;
		bottom: 0;
		left: 13%;
		background: url(/wp-content/uploads/sites/23/2021/10/QB_03.png);
		background-repeat: no-repeat;
		background-size: contain !important;
		background-position: bottom;
	}

	#answer_box_xs::after,
	#beginner_2::after {
		content: '';
		position: absolute;
		display: block;
		height: 273px;
		width: 100%;
		bottom: 0;
		left: 13%;
		background: url(/wp-content/uploads/sites/23/2021/10/QB_21.png);
		background-repeat: no-repeat;
		background-size: contain !important;
		background-position: bottom;
	}

}


/* @media only screen and (max-width: 1830px) {

    #hpe_header_desktop::before,
    #hpe_header_desktop::after,
    #q1_container::before,
    #q1_container::after,
    #q2_container::before,
    #q2_container::after,
    #q3_container::before,
    #q3_container::after,
    #q4_container::before,
    #q4_container::after,
    #q5_container::before,
    #q5_container::after {
        left: 5%;
    }
    
} */


@media only screen and (max-width: 980px) {

	#answer_box_lg::before,
	#answer_box_lg::after,
	#beginner_1::before,
    #beginner_1::after,
	#answer_box_xs::before,
    #answer_box_xs::after,
    #beginner_2::before,
    #beginner_2::after,
    #hpe_header_mobile::before,
    #hpe_header_mobile::after,
    #hpe_header_desktop::before,
    #hpe_header_desktop::after,
    #q1_container::before,
    #q1_container::after,
    #q2_container::before,
    #q2_container::after,
    #q3_container::before,
    #q3_container::after,
    #q4_container::before,
    #q4_container::after,
    #q5_container::before,
    #q5_container::after {
        left: 0;
    }

}