:root {
	--primary: #ff2f00;
	--secondary: #fafafa;
	--grey: #dcdcdc;
	--green: #228b20;
	--font-size: 12px;
	--line-height: 15px;
}

#loader-background {
	z-index: 1022;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	position: fixed;
}
#loader {
	position: fixed;
	top: -100%;
	right: -100%;
	left: -100%;
	bottom: -100%;
	margin: auto;
	z-index: 0;
	border: 16px solid #000;
	border-radius: 50%;
	border-top: 16px solid var(--primary);
	border-bottom: 16px solid var(--primary);
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.hidden,
[v-cloak],
.manage-more-less[aria-expanded='false'] .less,
.manage-more-less[aria-expanded='true'] .more,
#zoom-continer {
	display: none;
}

.bt-1 {
	border-top: 1px solid var(--primary);
}
.loading,
.bg-loading {
	position: relative;
}
.loading:before,
.bg-loading:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	background: rgb(0 0 0 / 80%);
	width: 100%;
	height: 100%;
	z-index: 100;
}
.loading:after,
.bg-loading:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin: -1.5em 0 0 -1.5em;
	width: 3em;
	height: 3em;
	-webkit-animation: spin 0.6s linear;
	animation: spin 0.6s linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	border-radius: 500rem;
	border-color: #757575 rgb(255 47 0 / 50%) rgb(255 47 0 / 50%);
	border-style: solid;
	border-width: 0.2em;
	-webkit-box-shadow: 0 0 0 1px transparent;
	box-shadow: 0 0 0 1px transparent;
	visibility: visible;
	z-index: 101;
}
@-webkit-keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* scrollbar design */
::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}
::-webkit-scrollbar-track {
	background: #f5f5f5;
	border-radius: 6px;
}
::-webkit-scrollbar-thumb {
	background: #e1e1e1;
	border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
	background: var(--primary);
}

body {
	font-family: 'Share Tech', sans-serif;
	font-family: 'Space Grotesk', sans-serif;
}
.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active,
.btn-outline-primary,
.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:active {
	background: var(--primary);
	border: 1px solid var(--primary);
	border-radius: 100px;
}
.btn-outline-primary {
	background: transparent;
	color: var(--primary);
	padding: 9px 16px;
}
.btn-outline-primary.white-border {
	background: #ffffff;
	border: 1px solid #ffffff;
}
.btn.btn-outline-green,
.btn.btn-outline-green:hover,
.btn.btn-outline-green:active {
	background: #ffffff;
	border: 1px solid var(--green);
	color: var(--green);
	border-radius: 100px;
}
.pre-header {
	background: var(--primary);
	text-align: center;
	color: #fff;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 20px;
	letter-spacing: 2px;
}
.pre-header p {
	margin: 0px;
}
/* .pre-header .msg {
    padding: 7px 0px;
} */
.pre-header .bold {
	font-weight: 600;
}
.nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link,
.nav-link:focus,
.nav-link:hover {
	color: var(--secondary);
	cursor: pointer;
}
.nav-link,
.navbar-nav .show > .nav-link,
#header .vin-form .input-group.pill-style #topSearchBar,
#header .btn-primary {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.0125em;
	text-transform: uppercase;
}
.navbar-expand .navbar-nav .nav-link.dropdown-toggle::after {
	display: none;
}
.navbar-expand .navbar-nav .nav-link .icon {
	position: relative;
	top: 2px;
	margin-left: 4px;
	height: 15px;
}
#header {
	padding: 32px 0px;
}
#header .vin-form .input-group.pill-style {
	background: transparent;
	border: 1px solid var(--primary);
	border-radius: 100px;
	overflow: hidden;
}
#header .vin-form .input-group.pill-style #topSearchBar {
	background: transparent;
	color: var(--primary);
	border: none;
	padding: 8px 12px;
	box-shadow: none;
}
#header .vin-form .input-group.pill-style #topSearchBar::placeholder,
input::placeholder,
#header .vin-form.vin-decoded .input-group.pill-style #topSearchBar {
	color: var(--secondary);
}
#header .vin-form .input-group.pill-style #srchBtn {
	background: transparent;
	border: 1px solid var(--primary);
	border-radius: 100px;
	padding: 0px 9px;
}
#header .vin-form .input-group.pill-style #srchBtn .icon {
	position: relative;
	top: 4.2px;
	background: var(--primary);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
#header .vin-form.ready .input-group.pill-style #srchBtn {
	background: var(--primary);
}
#header .vin-form.ready .input-group.pill-style #srchBtn .icon {
	transform: rotate(180deg);
	top: 0px;
	background: var(--secondary);
}
#header .vin-form.vin-decoded .input-group.pill-style #srchBtn {
	background: transparent;
}
#header .vin-form.vin-decoded .input-group.pill-style #srchBtn .icon {
	-webkit-mask-image: url(../img/check-sign.svg);
	mask-image: url(../img/check-sign.svg);
	transform: rotate(0deg);
	background: var(--primary);
	height: 12px;
	width: 16px;
	left: 2px;
	top: 1px;
}
#header .vin-form {
	margin: 0px 20px;
}
#header .vin-form.vin-decoded .input-group.pill-style #topSearchBar,
.vin-form.vin-decoded input {
	cursor: not-allowed;
}
#header .btn-primary {
	padding: 7px 28px;
}
#appPerformance {
	background-color: #000;
	background-image: url(../img/bf/backgroundBf.png);
	background-repeat: no-repeat;
	background-size: auto;
}
/*title and sutitle*/
.title {
	font-style: normal;
	font-weight: 300;
	font-size: 60px;
	line-height: 77px;
	color: var(--secondary);
	letter-spacing: -0.005em;
}
.title .hero-color {
	color: var(--primary);
	/*    display: block;*/
}
.subtitle {
	font-style: normal;
	font-weight: 300;
	font-size: 22px;
	line-height: 34px;
	letter-spacing: 0.0025em;
	color: #ffffff;
}
#feel-power .title {
	max-width: 700px;
}

#performance-exp {
	padding-top: 100px;
	background: #000000 url(../img/headlight_separate.jpg) no-repeat top left;
	background-size: 40%;
}
#performance-exp .subtitle {
	max-width: 800px;
}
#performance-exp .performance-chart {
	max-width: 100%;
	height: auto;
	background-color: #000000;
}
#feel-power .subtitle {
	max-width: 790px;
}
#your-savings .title .hero-color {
	display: block;
}

/*banner*/
#banner {
	/*    padding: 198px 0px 100px;*/
	padding: 0px 0px 100px;

	/* background-image: url(../img/bf/backgroundBf.png);
	background-repeat: no-repeat;
	background-size: cover; */
}
#banner .subtitle {
	padding: 75px 0px 23px;
	max-width: 600px;
}
#banner i.icon {
	width: 31px;
	height: 31px;
	cursor: pointer;
}
#banner .row {
	height: 80vh;
	height: calc(100vh - 200px);
}
/*banner title animations*/

#banner .title {
	transform: scale(0.94);
	animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
	max-width: 800px;
}
@keyframes scale {
	100% {
		transform: scale(1);
	}
}

#banner .title span {
	display: inline-block;
	opacity: 0;
	filter: blur(8px);
}

#banner .title span:nth-child(1) {
	animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

#banner .title span:nth-child(2) {
	animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

#banner .title span:nth-child(3) {
	animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

#banner .title span:nth-child(4) {
	animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

#banner .title span:nth-child(5) {
	animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@keyframes fade-in {
	100% {
		opacity: 1;
		filter: blur(0);
	}
}

/*performance experience*/
#performance-exp .bg-image {
	/*
    background-image: url(../img/performance-exp-desktop.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 167px 0px 150px;
*/
}
#performance-exp .bg-image > img {
	width: 100%;
	height: auto;
}
/*feel the power*/
#feel-power {
	/* margin: 10px 0px 0px; */
	background-image: url(../img/feel-power-desktop.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 52px 0px 64px;
}
#feel-power .subtitle {
	padding: 45px 0px;
}
#feel-power .btn {
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.0125em;
	padding: 11px 60px;
}
#feel-power .side-msg {
	font-style: normal;
	font-weight: 300;
	font-size: 56px;
	line-height: 64px;
	letter-spacing: -0.005em;
	color: var(--secondary);
}

/*What do you gain?*/
#what-to-gain {
	background-image: url(../img/what-to-gain-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	/*    background-size: cover;*/
	background-color: #000000;
	color: var(--secondary);
	padding: 90px 0px 114px;
}
#what-to-gain .img-wrapper {
	position: relative;
	max-width: 100%;
	cursor: pointer;
	margin-top: 35px;
}
#what-to-gain .img-wrapper img {
	max-width: 100%;
	width: 100%;
	height: auto;
	border-radius: 11px;
}
#what-to-gain .title {
	font-size: 56px;
	line-height: 64px;
	letter-spacing: -0.005em;
	padding: 0px 0px 40px;
}
#what-to-gain .title,
#feel-power .side-msg,
#safe-simple .side-msg,
#faq .gen-side-msg {
	position: -webkit-sticky;
	position: sticky;
	top: 100px;
	z-index: 1020;
}
#safe-simple .side-msg,
#faq .gen-side-msg {
	top: 0px;
}
#what-to-gain .count {
	color: var(--primary);
	font-style: normal;
	font-weight: 300;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 22px;
}
#what-to-gain .wdg-title,
#your-savings .ys-title,
#safe-simple .ss-title {
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.0025em;
	margin-bottom: 6px;
}
#what-to-gain .wdg-subtitle,
#your-savings .ys-subtitle,
#safe-simple .ss-subtitle {
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
}
#what-to-gain i.icon.icon-play {
	background: var(--primary);
	width: 18px;
	height: 18px;
}
#what-to-gain .side-msg {
	font-style: normal;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.0025em;
	position: relative;
	margin: 24px 0px 6px;
	padding-top: 24px;
}
#what-to-gain .side-msg::before {
	content: '';
	width: 20%;
	height: 4px;
	position: absolute;
	top: -4px;
	background: #8b9091;
}
#what-to-gain .side-msg-small {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
}
.show-top-line {
	border-top: 1px solid #8b9091;
	padding-top: 22px;
	margin-top: 4px;
	position: relative;
}
.show-top-line::before {
	content: ' ';
	width: 20%;
	height: 4px;
	position: absolute;
	top: -4px;
	background: #8b9091;
}
.show-top-line.right-style::before {
	right: 0px;
}
::marker {
	color: var(--primary);
}
@media screen and (max-width: 1023px) {
	.slider_heading {
		font-size: 18px !important;
	}
}
@media screen and (max-width: 500px) {
	.slider_heading {
		font-size: 16px !important;
	}
}
@media screen and (max-width: 1023px) {
	.slider_heading {
		font-size: 18px !important;
	}
}
@media screen and (max-width: 1200px) {
	.slider_heading {
		font-size: 20px !important;
	}
}
@media screen and (min-width: 1201px) {
	.slider_heading {
		font-size: 24px !important;
	}
}

/*Your savings?*/
#your-savings {
	background-image: url(../img/savings.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--secondary);
	padding: 86px 0px 75px;
}
#enjoy-your-car {
	background-image: linear-gradient(180deg, black, transparent, black), url(../img/enjoyyourcar.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	color: var(--secondary);
	padding: 86px 0px 15px;
}
#enjoy-your-car .ys-tested {
	color: rgba(250, 250, 250, 0.5);
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
}
#your-savings .title {
	padding-bottom: 76px;
	margin: 0px;
}
#your-savings .ys-msg {
	padding: 27px 0px 20px;
	margin: 0px;
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
}
#your-savings .ys-tested {
	color: rgba(250, 250, 250, 0.5);
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
}
#your-savings .ys-msg a {
	text-decoration: underline;
	color: inherit;
}
/*Buy bmw engine tuning*/
#buy-tuning {
	background-image: url(../img/buy-tuning.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 150px 0px 108px;
}
#buy-tuning .bt-rating,
.user-rating {
	--percent: calc(var(--rating) / 5 * 100%);
	font-size: 12px;
	font-family: Times;
}
#buy-tuning .bt-rating::before,
.user-rating::before {
	content: '\2605 \2605 \2605 \2605 \2605';
	letter-spacing: 1px;
	background: linear-gradient(90deg, #fafafa var(--percent), #ff2f00 var(--percent));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.user-rating::before {
	background: linear-gradient(90deg, var(--primary) var(--percent), #ff2f004d var(--percent));
	-webkit-background-clip: text;
}
#buy-tuning .card {
	border: 1px solid var(--primary);
	border-radius: 0px;
}
#buy-tuning .card .card-heading {
	background: var(--primary);
	color: var(--secondary);
	text-align: center;
}
#buy-tuning .card .card-heading .card-title {
	margin: 0px;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	padding: 7.5px 0px;
}
#buy-tuning .card .card-heading .head-link {
	cursor: pointer;
	text-decoration: underline;
}
#buy-tuning .guarantee-seal {
	padding-top: 15px;
	max-width: 100%;
}
#buy-tuning .card-body {
	padding: 0px 35px 24px 44px;
}
#buy-tuning .card-body .title {
	color: #000000;
	font-weight: 300;
	font-size: 34px;
	line-height: 43px;
	letter-spacing: -0.005em;
	padding-top: 26px;
	margin-bottom: 22px;
}
#buy-tuning .card-body .price {
	font-weight: 400;
	font-size: 30px;
	line-height: 47.962px;
	color: var(--primary);
	letter-spacing: 0.0025em;
}
#buy-tuning .card-body .price .orignal-price {
	color: #8b9091;
	font-weight: 400;
	font-size: 20.5551px;
	line-height: 27px;
	letter-spacing: 0.0025em;
	text-decoration-line: line-through;
}
#buy-tuning .card-body .price .from {
	font-size: 20px;
	line-height: 32px;
}
#buy-tuning .card-body .subtitle {
	font-weight: 300;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.05px;
	color: #000000;
	margin-bottom: 36px;
	max-width: 340px;
}
#buy-tuning .card-body .show-top-line::before {
	width: 10%;
}
#buy-tuning .card-body .show-top-line {
	/*    margin-left: 40px;*/
}
#buy-tuning .card-body ul {
	list-style: circle;
}
#buy-tuning .card-body li {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #000000;
	margin-bottom: 20px;
}
#buy-tuning .card-body li .link-style {
	text-decoration: underline;
	cursor: help;
}
#buy-tuning .card-body .btn {
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: 0.0125em;
	padding: 11px 20px;
	width: 100%;
	max-width: 325px;
}
#buy-tuning .add-space {
	padding: 26px;
}
#buy-tuning .card .title-1 {
	font-weight: 400;
	font-size: 34px;
	line-height: 40px;
	letter-spacing: 0.0025em;
	color: #000000;
	padding: 32px 0px 31px;
	margin: 0px;
}
#buy-tuning .card .title-2 {
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.0025em;
	color: #8b9091;
	max-width: 600px;
	margin: 0px;
	padding-bottom: 28px;
}
#buy-tuning .card.pro-heroCard {
	background: #000000 url(../img/pro-herocard-bg.jpg) no-repeat top center;
	background-size: 100%;
	width: 100%;
	height: 100%;
}
#buy-tuning .pro-heroCard .guarantee-seal {
	padding-top: 51px;
}
#buy-tuning .pro-heroCard .card-body .title,
#buy-tuning .pro-heroCard .card-body .price .from,
#buy-tuning .pro-heroCard .card-body .subtitle,
#buy-tuning .pro-heroCard .card-body li {
	color: #ffffff;
}
/*Safe and simple*/
#safe-simple {
	background: var(--secondary);
	color: #000000;
	padding: 119px 0px 20px;
}
#safe-simple .title {
	font-weight: 300;
	font-size: 56px;
	line-height: 64px;
	letter-spacing: -0.005em;
	color: #000000;
}
#safe-simple .subtitle {
	color: var(--primary);
	font-weight: 300;
	font-size: 34px;
	line-height: 40px;
	letter-spacing: 0.0025em;
	max-width: 680px;
	margin: 0px;
	padding: 4px 0px 70px;
}
#safe-simple .ss-subtitle {
	margin: 0px;
	padding-bottom: 90px;
	font-size: 18.1367px;
	line-height: 23px;
}
#safe-simple .bg-img {
	background-image: url(../img/safe-simple.jpg);
	background-repeat: no-repeat;
	background-size: auto;
}
#safe-simple .side-msg {
	color: var(--grey);
	font-weight: 300;
	font-size: 56px;
	line-height: 64px;
	letter-spacing: -0.005em;
	padding-top: 132px;
}
#safe-simple .ss-top-msg {
	color: #8b9091;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0px;
	padding: 62px 0px 40px;
}
#safe-simple .ssd-title {
	font-weight: 300;
	font-size: 56px;
	line-height: 64px;
	letter-spacing: -0.005em;
	color: var(--primary);
	max-width: 770px;
	margin: 0px;
	padding-bottom: 95px;
}
#safe-simple .ssd-subtitle {
	font-weight: 300;
	font-size: 18px;
	line-height: 28px;
	color: #000000;
	padding-bottom: 90px;
	margin: 0px;
}
#safe-simple .count {
	font-weight: 300;
	font-size: 24px;
	line-height: 28px;
	color: var(--primary);
}
#safe-simple .ss-title {
	padding-bottom: 40px;
	max-width: 400px;
}

/*Customer reviews*/
.slick-dots {
	text-align: center;
	padding: 10px 0px;
	margin: 0px;
}
.slick-dots li {
	display: inline-block;
	min-width: 30px;
	height: 4px;
	background: #c7c7c7;
	margin: 8px;
	cursor: pointer;
}

@media screen and (max-width: 720px) {
	.slick-dots li {
		min-width: 10px;
	}
}

.slick-dots li.slick-active,
.videos-wrapper .slick-dots li.slick-active {
	background: var(--primary);
}
.slick-dots li button {
	display: none;
}
.slick-track {
	display: flex !important;
}
.slick-slide {
	height: inherit !important;
}
#customer-review {
	background-color: var(--grey);
	background-image: url(../img/cust-reviews-full.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.cr-top-msg {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: var(--grey);
}
#customer-review .cr-top-section {
	padding: 65px 0px 60px;
}
#customer-review .cr-top-section .side-msg {
	font-weight: 300;
	font-size: 56px;
	line-height: 64px;
	letter-spacing: -0.005em;
	color: var(--grey);
}
#customer-review .cr-top-section .title {
	font-weight: 300;
	font-size: 56px;
	line-height: 64px;
	letter-spacing: -0.005em;
	margin: 0px;
	padding: 24px 0px 4px;
}
#customer-review .cr-top-section .subtitle {
	font-weight: 300;
	font-size: 34px;
	line-height: 40px;
	letter-spacing: 0.0025em;
	color: var(--primary);
}
#customer-review .cr-rw-car {
	color: #8b9091;
	font-family: 'Space Grotesk';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	margin: 0px;
	padding-bottom: 24px;
}
#customer-review .rating-wrapper {
	padding: 24px;
	background: var(--secondary);
	margin: 0px 10px;
}
#customer-review .cr-rw-title {
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.0025em;
	color: var(--primary);
	margin: 0px;
	padding: 24px 0px 0px;
}
#customer-review .cr-rw-comment {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #000000;
	height: 230px;
	overflow-y: scroll;
	padding-right: 4px;
}
.cr-rw-username {
	font-size: 14px;
	line-height: 20px;
	color: #8b9091;
}

/*general headings*/
.gen-side-msg {
	font-weight: 300;
	font-size: 56px;
	line-height: 64px;
	letter-spacing: -0.005em;
	color: var(--primary);
	padding-top: 109px;
	margin: 0px;
}
.gen-top-msg {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	color: #8b9091;
	padding: 65px 0px 24px;
	margin: 0px;
}
.gen-heading {
	font-weight: 300;
	font-size: 56px;
	line-height: 64px;
	letter-spacing: -0.005em;
	color: #000000;
	margin: 0px;
}

/*FAQ*/
#faq {
	background: var(--grey);
}
#faqAccordion .faq-group-heading {
	font-weight: 600;
	font-size: 34px;
	line-height: 32px;
	letter-spacing: 0.0025em;
	color: #000000;
	margin: 0px;
	padding-top: 50px;
}
#faq .btn-wrapper {
	padding: 50px 0px 45px;
}
#faq .btn-wrapper .btn {
	width: 240px;
}

/*accordion design*/
.accordion-item,
.accordion-button {
	background: transparent;
	position: relative;
	border: none;
}
.accordion-button,
.accordion-button:not(.collapsed) {
	padding: 20px 0px 24px;
	background: transparent;
	border-bottom: 1px solid #8b9091;
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.0025em;
	color: #000000;
	cursor: pointer;
	border-radius: 0px !important;
}
.accordion-button::before {
	content: '';
	width: 60px;
	height: 4px;
	position: absolute;
	bottom: 0px;
	background: #8b9091;
}
.accordion-button:not(.collapsed)::before {
	background: var(--primary);
}
.accordion-body {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	color: #000000;
}
.accordion-body a {
	color: var(--primary);
}
.accordion-button::after {
	background-image: url(../img/plus.svg);
}
.accordion-button:not(.collapsed)::after {
	background-image: url(../img/minus.svg);
}

.accordion-button.white-icon::after {
	background-image: url(../img/plus-white.svg);
}
.accordion-button.white-icon:not(.collapsed)::after {
	background-image: url(../img/minus-white.svg);
}
/*videos*/
#videos {
	background: linear-gradient(to bottom, var(--grey) 65%, var(--secondary) 35%);
}
.short-videos {
	background: linear-gradient(to bottom, var(--grey) 65%, var(--secondary) 35%);
}
#videos .space {
	background: var(--secondary);
	padding: 10px;
}
.video-wrapper {
	cursor: pointer;
}
.video-wrapper .video-title {
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.0025em;
	color: #000000;
	margin: 24px 0px;
}
.videos-wrapper .slick-dots li {
	background: var(--grey);
}
.video-wrapper .img-wrapper img.play-btn {
	height: 48px;
	width: 48px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	margin: auto;
}
/*Blogs*/
#blogs {
	background: linear-gradient(to bottom, var(--secondary) 50%, #000000 50%);
}
.blog-wrapper {
	background: var(--secondary);
}
.blogs-wrapper,
.videos-wrapper {
	/*    background: linear-gradient(to bottom, var(--secondary) 50%, #000000 50%);*/
	padding: 90px 0px 6px;
}
.blog-wrapper,
.video-wrapper {
	margin: 0px 10px;
}
.blog-wrapper .details-wrapper {
	padding: 24px;
}
.blog-wrapper .img-wrapper,
.video-wrapper .img-wrapper {
	position: relative;
}
.blog-wrapper .img-wrapper::before,
.video-wrapper .img-wrapper::before {
	content: 'BimmerTech';
	color: #8b9091;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 45%;
}
.blog-wrapper .img-wrapper img,
.video-wrapper .img-wrapper img {
	max-width: 100%;
	height: 256px;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	position: relative;
}
.blog-wrapper .details-wrapper .blog-title {
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 0.0025em;
	color: #000000;
	margin: 0px;
	padding-bottom: 20px;
}
.blog-wrapper a {
	text-decoration: none;
}
.blog-wrapper .details-wrapper .action-link {
	color: var(--primary);
	border-bottom: 1px solid var(--primary);
	padding-bottom: 5px;
}
.blog-wrapper .details-wrapper .action-link .icon {
	background: var(--primary);
	position: relative;
	top: 5px;
	margin-left: 10px;
}
.blog-wrapper {
	margin: 0px 10px;
}
#blogs .btn-wrapper {
	padding: 60px 0px 50px;
	text-align: center;
}
#blogs .btn-wrapper .btn {
	width: 30%;
	max-width: 326px;
}

/*footer*/
#footer {
	color: var(--secondary);
	padding: 30px 0px;
	background-color: #000;
}
.footer-logo {
	margin: 5px 0px;
}
.footer-brand {
	padding: 25px 0px;
	margin: 0px;
	font-weight: 400;
	font-size: 21px;
	line-height: 16px;
	color: #ffffff;
}
#footer .fl-title {
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.0025em;
	margin: 0px;
	padding: 0px 0px 42px;
}
.f-links-wrapper .item,
.f-links-wrapper a {
	color: var(--secondary);
	display: block;
	text-decoration: none;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
}
.f-links-wrapper .item {
	padding-bottom: 12px;
}
#footer .important-msg {
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	color: var(--grey);
	margin: 0px;
	padding-top: 52px;
}
.social-share a {
	display: inline-block;
	margin: 0px 10px;
}
.social-share a span {
	width: 44px;
	height: 44px;
}
.social-share a:hover span {
	background: var(--primary);
}
.f-links-wrapper .timimgs {
	font-weight: 300;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.0025em;
	margin: 0px;
	padding: 4px 0px 10px;
}

/*animated*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.heartBeat {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes shake {
	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}
@keyframes shake {
	0%,
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
}

#toast-container > div {
	opacity: 1;
}

/*progress bar*/
.progress {
	height: 8px;
	background-color: #272828;
	border-radius: 30px;
	margin: 32px 10% 0px;
}
.progress-bar {
	background-color: var(--primary);
	border-radius: 30px;
}
.text-right {
	text-align: right;
}
/*radio buttons*/
.form-check input,
.form-check label {
	cursor: pointer;
}
.form-check-input:checked {
	background-color: var(--primary);
	border-color: var(--primary);
}
.form-check-input {
	border-color: var(--primary);
}

/*cart*/
#appPerformance.cart-view,
#appPerformance.pro-level.cart-view {
	background-image: url(../img/cart-view-bg.png);
	background-size: cover;
}
#appPerformance.cart-view #header {
	background: #000000;
	padding: 32px 0px 10px;
}
#cart-page {
	min-height: 90vh;
}
.card {
	border-radius: 0px;
}
#cart-page .card {
	background: var(--secondary);
	border: 1px solid rgba(139, 144, 145, 0.5);
	margin-bottom: 22px;
}
.vin-card .card-body {
	max-width: 465px;
	width: 100%;
	margin: auto;
	text-align: center;
	padding: 31.2px 20px 27px;
}
.vin-card .card-body.card-decoded {
	padding: 20px 20px;
}
#cart-page .vin-form .pill-style,
.modal .vin-form .pill-style {
	border-radius: 100px;
	border: 1px solid var(--primary);
	overflow: hidden;
}
#cart-page .vin-form .pill-style.compatible,
.modal .vin-form .pill-style.compatible {
	border: 1px solid var(--green);
}
#cart-page .vin-form .pill-style.not-compatible,
.modal .vin-form .pill-style.not-compatible {
	background: #ededed;
}
#cart-page .vin-form .vin-heading,
.modal .vin-form .vin-heading {
	font-weight: 400;
	font-size: 20px;
	line-height: 27px;
	color: #000000;
	margin-bottom: 17px;
}
#cart-page .vin-form.vin-decoded .vin-heading {
	margin-bottom: 0px;
}
#cart-page .vin-form .vin-car-details {
	font-weight: 400;
	font-size: 14px;
	line-height: 27px;
	margin-bottom: 7.71px;
	color: #000000;
}
#vinForm,
.vinForm {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.0125em;
	border: none;
	background: transparent;
	box-shadow: none;
}
.vinForm,
#findVinModal .form-control:disabled {
	background-color: transparent;
}
#cart-page .vin-form .pill-style.not-compatible #vinForm,
.cart-page .vin-form .pill-style.not-compatible .vinForm {
	color: #8b9091;
}
#cart-page .vin-form .pill-style,
.modal .vin-form .pill-style {
	border-radius: 100px;
	border: 1px solid var(--primary);
	overflow: hidden;
}
#cart-page .vin-form .pill-style .btn,
.modal .vin-form .pill-style .btn {
	border-radius: 100px !important;
	min-width: 124px;
	padding: 8.5px 12px;
}
#cart-page .vin-form .where-to-find-vin {
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
	padding: 17px 0px 0px;
	color: #8b9091;
	cursor: pointer;
	text-decoration-line: underline;
}
#cart-page .custom-card {
	text-align: center;
	color: #000000;
}
#cart-page .custom-card .card-title {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
}
#cart-page .custom-card .done-upgrades label {
	font-weight: 400;
	font-size: 16px;
	line-height: 27px;
}
#cart-page #cust-upgrades {
	border-top: 1px solid #8b9091;
	margin-top: 24px;
}
#cart-page #cust-upgrades .title {
	color: #000000;
	font-weight: 400;
	font-size: 22px;
	line-height: 28px;
	margin: 0px;
	padding: 20px 0px;
}
#cust-upgrades .accordion-button,
#cust-upgrades .accordion-button:not(.collapsed) {
	background: #b1b1b1;
	color: #ffffff;
	padding: 12px 20px;
	font-weight: 400;
	font-size: 20.3921px;
	line-height: 22px;
}
#cust-upgrades .accordion-button::before {
	content: none;
}
#cust-upgrades .accordion-button.collapsed {
	display: none;
}
#custAccordion .accordion-item {
	background: #f0f0f0;
}
#custAccordion .imp-msg {
	margin: 15.86px 0px;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	color: #8b9091;
}
#custAccordion .imp-msg .icon {
	background: #8b9091;
	width: 20px;
	height: 18px;
	position: relative;
	top: 3px;
}
#cust-upgrades .form-select,
.fuel-details-card .form-select,
.pro-dd .form-select {
	border-color: var(--primary);
	background-image: url(../img/arrow-down-color.svg);
	border-radius: 0px;
}
.fuel-details-card .card-title {
	font-weight: 400;
	font-size: 22px;
	line-height: 28px;
}
.fuel-details-card .fuel-details {
	margin-top: 24px;
	padding-top: 23px;
	border-top: 1px solid #8b9091;
}
.fuel-details-card ul {
	list-style: circle;
}
.fuel-details-card li {
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	color: #000000;
}
.fuel-details-card li.bold {
	font-weight: 500;
}
.fuel-details-card li::marker {
	font-size: 20px;
}
#cart-page .white-link {
	text-decoration-line: underline;
	color: #ffffff;
	font-weight: 400;
	font-size: 16px;
	line-height: 27px;
}
#cart-page .notice-card {
	text-align: center;
}
#cart-page .notice-card .title {
	color: #000000;
	font-weight: 400;
	font-size: 20px;
	line-height: 28px;
	margin: 0px;
}
#cart-page .notice-card .subtitle {
	font-weight: 300;
	font-size: 15px;
	line-height: 22px;
	color: #000000;
	margin: 12.57px auto 23.19px;
	max-width: 780px;
	animation-name: fadeInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#cart-page .notice-card .btn {
	display: block;
	max-width: 220px;
	width: 100%;
	margin: auto;
}
.tc-done-msg {
	font-size: 0.75em;
	padding-top: 2px;
	margin: 0px;
}
#cart-page .dd-btn-wrapper {
	padding: 0px 0px 14.5px;
	text-align: left;
}
#cart-page .dd-btn-wrapper .btn {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	padding: 3.5px 16px;
	margin-right: 10px;
}
#cart-page .dd-btn-wrapper .btn .icon {
	height: 14px;
	width: 14px;
	top: 2px;
	position: relative;
	-webkit-mask-image: url(../img/plus.svg);
	mask-image: url(../img/plus.svg);
}
#cart-page .dd-btn-wrapper .btn[aria-expanded='true'] {
	background: white;
	color: var(--primary);
}
#cart-page .dd-btn-wrapper .btn[aria-expanded='true'] .icon {
	-webkit-mask-image: url(../img/minus.svg);
	mask-image: url(../img/minus.svg);
	background: var(--primary);
}
.side-cart {
	max-width: 390px;
	height: 100vh;
	background: #0d0d0d;
	border: 1px solid #282929;
	box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.2);
	padding: 27.22px 0px;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 1021;
}
.side-cart .side-space {
	padding: 0px;
	margin: 0px 15px;
}
.side-cart .side-space.basket-total {
	padding: 0px 15px;
	margin: 0px;
}
.side-cart .title {
	text-align: center;
	letter-spacing: 0.0125em;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 50.78px;
}
/*
.side-cart [data-config="notSet"] .title {
    margin-bottom: 26.3px;
}
*/
.side-cart .basket .hero-product {
	/*    border: 1.4px solid #4E4E4E;*/
	background: #2f2f2f;
	padding: 12px 12px;
	color: #787878;
	position: relative;
	border-radius: 0px;
	border: none;
}
.side-cart .basket .hero-product.not-complatible {
	border-color: var(--primary);
}
.side-cart .basket .hero-product.complatible {
	border-color: var(--green);
}
.side-cart .basket .side-space.show-msg {
	border: 1.4px solid var(--green);
}
.side-cart .basket .hero-product.complatible,
.side-cart .basket .hero-product.not-complatible {
	background: rgba(47, 47, 47, 0.01);
	color: #ffffff;
}
.side-cart .basket .card.hero-product:nth-child(2):before {
	content: '';
	width: 90%;
	height: 2px;
	margin: auto;
	position: absolute;
	top: -1px;
	background: #1a1a1a;
	left: 0;
	right: 0;
}
.info-card {
	background: var(--green);
	color: #ffffff;
	text-align: center;
	text-decoration: underline;
}
.info-card p {
	padding: 2px 0px 4px;
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	margin: 0px;
}
.info-card .icon {
	background: #ffffff;
	opacity: 1;
	width: 13px;
	height: 13px;
	position: relative;
	top: 3px;
	left: 3px;
}
.side-cart .basket .hero-product .img-wrapper {
	position: relative;
	max-width: 100%;
}
.side-cart .basket .hero-product .img-wrapper .product-img {
	max-width: 80px;
	height: 60px;
	border-radius: 10px;
}
.side-cart .basket .hero-product.not-selected .img-wrapper .product-img {
	opacity: 0.8;
}
.side-cart .basket .hero-product .img-wrapper .badge-img {
	position: absolute;
	top: 4px;
	left: 4px;
}
.side-cart .basket .hero-product .img-wrapper .badge-img {
	position: absolute;
	top: 4px;
	left: 4px;
}
.side-cart .basket .hero-product .item-name {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin: 0px;
}
.side-cart .basket .hero-product .item-price {
	font-weight: 400;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0.0025em;
	margin: 0px;
	text-align: right;
}
.side-cart .basket .hero-product .item-discount {
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0.0025em;
	margin: 0px;
	text-align: right;
	color: rgba(255, 47, 0, 1);
}
.side-cart .basket .card.hero-product.empty-cart {
	background: transparent;
	border: 1px solid #454545;
	padding: 28.52px 4px;
	color: #454545;
	text-align: center;
}
.toggle-hero-prod {
	margin-bottom: 4px;
	line-height: 9px;
	text-align: right;
	position: absolute;
	top: 5px;
	right: 10px;
	cursor: pointer;
}
.toggle-hero-prod .icon {
	background: #8b9091;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.side-cart .basket .hero-product.not-selected .img-wrapper,
.side-cart .basket .hero-product.not-selected .item-name,
.side-cart .basket .hero-product.not-selected .item-price {
	opacity: 0.8;
	color: #787878;
}
.side-cart .basket .hero-product.not-selected .toggle-hero-prod .icon {
	transform: rotate(225deg);
	background: #ffffff;
}
.side-cart .upsell-wrapper {
	background: #1a1a1a;
	color: #ffffff;
	padding: 15px;
	margin-top: 20px;
}
.side-cart .upsell-wrapper .upsell-product {
	background: #0b0b0b;
	padding: 12px;
	margin-top: 7px;
}
.side-cart .upsell-product .prod-name {
	display: inline;
	padding-right: 10px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
}
.side-cart .upsell-product .item-price {
	font-weight: 400;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0.0025em;
	margin: 0px;
	padding-left: 10px;
}
.side-cart .upsell-product .item-discount {
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0.0025em;
	margin: 0px;
	padding-left: 10px;
	color: rgba(255, 47, 0, 1);
	text-align: right;
}
.side-cart .upsell-wrapper .title {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 11px;
	text-align: left;
	text-transform: none;
}
.side-cart .basket-total .total {
	color: #ffffff;
	font-weight: 600;
	font-size: 22px;
	line-height: 24px;
	/* padding: 32px 0px 21.16px; */
	padding: 21.16px 0 21.16px;
	margin: 0px;
	border-bottom: 1px dashed #4e4e4e;
}
.side-cart .basket-total .total .cost {
	float: right;
	/* color: var(--primary);
	font-weight: 700; */

	color: #ff2f00;
	text-align: center;
	font-family: 'Space Grotesk';
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 24.098px; /* 109.536% */
}

.side-cart .basket-total .total .cost.text-totalPrice {
	color: #fff !important;
	text-align: center !important;
	font-family: 'Space Grotesk' !important;
	font-size: 22px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	line-height: 24.098px !important; /* 109.536% */
}

.side-cart .basket-total .total .cost.text-grey {
	color: #4e4e4e !important;
}
.side-cart .basket-total .btn {
	margin: 23px auto 8px;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
	padding: 10.5px 12px;
	display: block;
	width: 100%;
	max-width: 165px;
}
.side-cart .basket-total .btn[disabled='disabled'] {
	background: #4e4e4e;
	border-color: #4e4e4e;
}
.side-cart .basket-total .text-link {
	color: #8b9091;
	text-decoration-line: underline;
	font-weight: 300;
	font-size: 14px;
	line-height: 17px;
	cursor: pointer;
}
.tooltip-inner {
	background: var(--secondary);
	color: #000000;
	padding: 16px;
	max-width: 300px;
}
.tooltip.show {
	opacity: 1;
	filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.15));
}
.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
	border-top-color: var(--secondary);
}
.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
	border-bottom-color: var(--secondary);
}
.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
	border-right-color: var(--secondary);
}
.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
	border-left-color: var(--secondary);
}
.side-cart .upsell-product .icon-info {
	cursor: help;
	background: rgba(255, 255, 255, 0.5);
}
.check-style {
	border: 1.28934px solid var(--primary);
	border-radius: 5.22414px;
	width: 21px;
	height: 21px;
	display: inline-block;
	margin: 0px 10px 0px 0px;
	position: relative;
	top: 3px;
	text-align: center;
	cursor: pointer;
}
.check-style .icon {
	height: 10px;
	width: 10px;
	position: relative;
	top: -3px;
	left: 1px;
	background: transparent;
}
.check-style.checked .icon {
	background: var(--primary);
}
#findVinModal .modal-body {
	text-align: center;
}
#findVinModal .modal-body .product-image-holder img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
#findVinModal .modal-title {
	font-weight: 500;
	font-size: 22px;
	line-height: 28px;
	margin: 53px 0px 20px;
}
#findVinModal .modal-body .product-name {
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	color: #212121;
	padding: 0px 20px;
}
#findVinModal .modal-header {
	padding: 5px 0px;
	border: none;
}
/*menu btn*/
.btn-transparent {
	background: transparent !important;
	border-color: transparent !important;
}
.nav-menu-icon {
	width: 31px;
	height: 23px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	cursor: pointer;
}

.nav-menu-icon span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: var(--secondary);
	border-radius: 6px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}

.nav-menu-icon span:nth-child(1) {
	top: 3px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.nav-menu-icon span:nth-child(2) {
	top: 12px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.nav-menu-icon span:nth-child(3) {
	top: 21px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

.btn[aria-expanded='true'] .nav-menu-icon span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
	left: 5px;
}

.btn[aria-expanded='true'] .nav-menu-icon span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

.btn[aria-expanded='true'] .nav-menu-icon span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 23px;
	left: 5px;
}
.cart-view #menuBtn .brand-dd {
	position: relative;
	display: block;
	border: none;
	background: transparent;
	border-top: 1px solid var(--primary);
	border-bottom: 1px solid var(--primary);
	border-radius: 0px;
	margin: 20px -12px 0px;
	padding: 0px;
}
.cart-view #menuBtn .brand-dd .dropdown-item {
	letter-spacing: 0.0125em;
	text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: var(--secondary);
	padding: 18px 12px;
}

.msg-steps {
	display: block;
	text-align: center;
	padding: 0px;
}
.msg-steps li {
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #c7c7c7;
	margin: 10px 3px;
	border-radius: 50%;
	top: 2px;
	position: relative;
	cursor: pointer;
}
.msg-steps li.active {
	background: var(--primary);
}
.msg-steps li.active.current-step {
	width: 12px;
	height: 12px;
	top: 0px;
	position: relative;
}
.msg-steps li.not-allowed:not(.active) {
	cursor: not-allowed;
}
#videos .icon-circle-primary {
	top: 23%;
}
#videoModal iframe {
	height: 450px;
}
#videoModal .modal-content {
	background: transparent;
	border: none;
}
#videoModal .btn-close {
	background-color: #fff;
	opacity: 1;
	float: right;
	border-radius: 50%;
	padding: 10px;
	width: 10px;
	height: 10px;
	margin: 0px -10px -10px 0px;
	z-index: 1;
	position: relative;
}
.video-popup-overlay {
	display: none;
}
.modal {
	background: rgb(33 33 33 / 0.6);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.pointer {
	cursor: pointer;
}

/*Pro level page*/
#appPerformance.pro-level {
	background-image: url(../img/pro-main-banner.jpg);
}
.pro-level #banner {
	padding-bottom: 0px;
}
.pro-level #banner .row {
	height: calc(100vh - 150px);
}
.pro-level #banner .subtitle,
.pro-level #ready-go-pro .subtitle {
	padding-top: 21px;
	max-width: 792px;
	margin-bottom: 0px;
}
.pro-level #banner i.icon {
	margin-bottom: 50px;
}
#ready-go-pro {
	background: url(../img/go-pro-banner.jpg) no-repeat bottom left;
	padding: 72px 0px;
	background-size: cover;
}
.pro-level #buy-tuning {
	background: url(../img/pro-buy-bg.png) no-repeat contain top;
	padding: 134px 0px;
	background-size: contain;
}
.pro-level #buy-tuning .card.bg-card {
	background: #ffffff url(../img/buy-card-bg.png) no-repeat center/100%;
}
.pro-level #buy-tuning .card {
	margin-bottom: 30px;
}
.pro-level #buy-tuning .card-body {
	padding: 60px 60px 20px 60px;
	text-align: center;
}
.pro-level #buy-tuning .details-card .card-body {
	padding: 36px;
	text-align: left;
}
.pro-level #buy-tuning .card .card-heading .card-title {
	text-align: left;
	padding: 12px 45px;
	font-size: 30px;
	line-height: 38px;
	letter-spacing: -0.005em;
}
.pro-level #ready-go-pro .subtitle {
	padding: 24px 0px 34px;
}
.pro-level #buy-tuning .product-wrapper {
	margin: 24px 0px;
	position: relative;
}
.pro-level #buy-tuning .product-wrapper .img-wrapper {
	height: 200px;
}
.pro-level #buy-tuning .product-wrapper .prod-name,
.pro-level #buy-tuning .product-wrapper .prod-price {
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 4px;
}
.pro-level #buy-tuning .product-wrapper .prod-price {
	color: var(--primary);
}
.pro-level #buy-tuning .product-wrapper.engine-wrapper::before,
.pro-level #buy-tuning .product-wrapper.engine-wrapper::after,
.pro-level #buy-tuning .product-wrapper.cooler-wrapper::before,
.pro-level #buy-tuning .product-wrapper.cooler-wrapper::after {
	content: ' ';
	width: 1px;
	height: 100%;
	background: var(--primary);
	position: absolute;
	right: 2px;
	top: 0px;
}
.pro-level #buy-tuning .product-wrapper.engine-wrapper::after {
	top: unset;
	bottom: 0px;
}
.pro-level #buy-tuning .product-wrapper.engine-wrapper::after,
.pro-level #buy-tuning .product-wrapper.cooler-wrapper::after {
	height: 35%;
	width: 2px;
	right: 0px;
}
.pro-level #buy-tuning .product-wrapper.cooler-wrapper::before,
.pro-level #buy-tuning .product-wrapper.cooler-wrapper::after {
	right: unset;
	left: -2px;
}
.pro-level #buy-tuning .guarantee-popup {
	margin: 5px 0px 0px;
	color: #8b9091;
	font-weight: 300;
	font-size: 14px;
	line-height: 18px;
	text-decoration-line: underline;
}
.pro-level #buy-tuning .details-card .card-body .title {
	font-weight: 300;
	font-size: 37px;
	line-height: 47px;
	letter-spacing: -0.005em;
	padding: 0px 0px 8px;
}
.pro-level #buy-tuning .card-body .show-top-line {
	margin-left: 0px;
}
.pro-level #buy-tuning .details-card .card-body .subtitle {
	width: 100%;
	max-width: 100%;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 0.0025em;
}
.pro-level #buy-tuning .details-card .card-body .img-wrapper {
	text-align: center;
	padding: 10px 0px;
}
.pro-level #buy-tuning .heading {
	font-weight: 400;
	font-size: 30px;
	line-height: 32px;
	letter-spacing: 0.0025em;
	color: var(--primary);
	margin: 30px 0px;
}
.pro-level #buy-tuning .table {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	border: none;
	margin-bottom: 22px;
}
.pro-level #buy-tuning .table tr {
	border: none;
}
.pro-level #buy-tuning .table .bold {
	font-weight: 600;
}
.pro-level #buy-tuning .table td {
	height: 81px;
	vertical-align: middle;
	padding: 10px 40px;
	border: 1px solid #8b9091;
}
.pro-level #buy-tuning .table .hero-col {
	background: var(--primary);
	color: #ffffff;
}
.pro-level #buy-tuning .table tr td:last-child {
	border-color: var(--primary);
}
.pro-level #buy-tuning .table td:nth-child(2) {
	border-right-color: var(--primary);
}
.pro-level #buy-tuning .card-body ul {
	padding-bottom: 18px;
	margin: 0px;
}
.pro-level #buy-tuning .card-body li {
	margin-bottom: 15px;
}
.pro-level #safe-simple {
	background: transparent;
	padding: 0px;
}
.pro-level #buy-tuning .card-body .ss-title {
	max-width: 100%;
	padding-bottom: 0px;
}
.pro-level #buy-tuning .card-body .ss-subtitle {
	padding-bottom: 50px;
}
.pro-level #buy-tuning #sneak-peak .heading {
	margin-top: 0px;
}
.pro-level #buy-tuning .details-card .card-body #sneak-peak .img-wrapper {
	padding: 0px;
}
.pro-level #buy-tuning .details-card .card-body #sneak-peak .img-wrapper img {
	width: 100%;
	max-height: 350px;
	max-width: 100%;
	object-fit: cover;
}
.pro-level #buy-tuning #sneak-peak {
	padding: 36px 0px 45px;
}
.pro-level #buy-tuning #sneak-peak td.count {
	font-weight: 600;
	font-size: 30px;
}
.pro-level #buy-tuning #sneak-peak td.count {
	font-weight: 600;
	font-size: 30px;
	color: var(--primary);
	padding-right: 20px;
}
.pro-level #buy-tuning #easy-installation .heading {
	margin-bottom: 5px;
}
.pro-level #buy-tuning .details-card .card-body #easy-installation .subtitle {
	line-height: 28px;
	letter-spacing: unset;
	margin-bottom: 31px;
}
.pro-level #buy-tuning .details-card .card-body #easy-installation .icon {
	background: var(--primary);
	height: 40px;
	width: 60px;
}
.pro-level #buy-tuning .details-card .card-body #easy-installation .sub-det {
	max-width: 250px;
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
}
.pro-level #buy-tuning .details-card .button-wrapper {
	padding: 50px 0px 20px;
	text-align: center;
}

.specs-carousel .specs-img-wrapper {
	margin: 13px;
	overflow: hidden;
}
.specs-carousel .specs-img-wrapper.slick-center img,
.specs-carousel .specs-img-wrapper img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	transition: all 300ms ease-out;
	margin: 33px 0px;
}
.specs-carousel .specs-img-wrapper.slick-center img {
	height: 317px;
	margin: 0px;
	transition: all 300ms ease-in;
}
.specs-carousel .slick-dots li {
	min-width: 8px;
	height: 8px;
	border-radius: 50%;
	margin: 4px;
}
.specs-wrapper {
	position: relative;
}
.specs-wrapper .icon-wrapper {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #ffffff;
	z-index: 2;
	border-radius: 50%;
	padding: 11px 13px;
	box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 50%);
	cursor: pointer;
}
.specs-wrapper .icon-wrapper:hover {
	box-shadow: 0px 0px 5px 1px black;
}
.specs-wrapper .icon-wrapper.right {
	right: 0px;
	padding-left: 15px;
}
.specs-wrapper .icon-wrapper .icon {
	background: #000000;
}
.comboKit-card .card-title {
	font-size: 22px;
	line-height: 28px;
	text-align: center;
}
.comboKit-card .product-wrapper {
	border: 1px solid #b1b1b1;
	padding: 16px 16px 16px 6px;
	width: 100%;
	height: 100%;
}
.comboKit-card .product-wrapper.not-compatible {
	border: 1px solid #c40000;
	background: #e9e9e9;
	cursor: not-allowed;
}
.comboKit-card .product-wrapper.not-compatible .img-wrapper,
.comboKit-card .product-wrapper.not-compatible .prod-name {
	opacity: 0.8;
	color: #7a7a7a;
}
.comboKit-card .product-wrapper .img-wrapper {
	margin-bottom: 5px;
}
.comboKit-card .product-wrapper .product-img {
	max-width: 100%;
}
.comboKit-card .prod-name {
	font-weight: 500;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	margin-bottom: 4px;
}
.comboKit-card .prod-price {
	font-weight: 400;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.0025em;
	color: #000000;
	margin-bottom: 6px;
}
.comboKit-card .prod-delivery {
	font-weight: 400;
	font-size: 14px;
	line-height: 22px;
	color: #8b9091;
	margin-bottom: 12px;
}
.comboKit-card .btn {
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	height: 36px;
	padding: 6px 16px;
	min-width: 122px;
}
.comboKit-card .prod-name,
.comboKit-card .prod-price,
.comboKit-card .prod-delivery,
.comboKit-card .btn {
	margin-left: 11px;
}
.performance-gain-bar {
	max-width: 350px;
	margin: 31px auto 10px;
	text-align: center;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
}
.performance-gain-bar .progress {
	height: 16px;
	background: #dadada;
}
.performance-gain-bar .progress .progress-bar {
	background: linear-gradient(90deg, #228b20 32.44%, #28cc25 105.46%);
	filter: blur(3.5px);
	border-radius: 18.143px 0px 0px 18.143px;
}
.comboKit-card .product-wrapper .pro-dd .form-select {
	border: none;
	border-bottom: 1px solid var(--primary);
	background-color: transparent;
}
.dd-error-msg {
	color: var(--primary);
	margin: 10px 0px;
	text-align: center;
	font-size: 90%;
}
.side-space.show-msg .empty-cart,
.side-space .info-card {
	display: none;
}
.side-space.show-msg .info-card {
	display: block;
}
.couponReminder {
	font-family: Space Grotesk;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0em;
	text-align: left;
	color: #7a7a7a;
	text-align: center;
	margin-top: 5px;
}
.bf23TopSaller {
	background-image: url(../images/productHomeBG.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.pre-header {
	line-height: 36px;
}
.pre-header .bf23phblueHeading {
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 800;
	line-height: 28px;
	letter-spacing: 0em;
	color: #000;
	background-color: #ffffff;
	text-transform: uppercase;
	padding-left: 7px;
	padding-right: 7px;
}
.pre-header .bf23ap10po {
	font-family: Montserrat;
	font-size: 18px;
	font-weight: 800;
	line-height: 36px;
	letter-spacing: 0em;
	text-transform: uppercase;
	color: #ffff;
	margin-left: 30px;
	margin-right: 30px;
	display: inline-block;
}
.pre-header .bf23phbutton {
	border: 1px solid #fff;
	border-radius: 5px;
	font-family: Montserrat;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0em;
	text-align: left;
	color: white;
	padding: 2px 12px;
	vertical-align: top;
	display: inline-block;
	margin-top: 7px;
	text-decoration: none;
}
.pre-header .bf23phblueHeadingCM {
	font-family: Montserrat;
	font-size: 24px;
	font-weight: 800;
	line-height: 33px;
	letter-spacing: 0em;
	color: #000;
	background-color: #ffffff;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	text-shadow: -1px 2px 0 rgba(255, 47, 0, 1);
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.pre-header .bf23phbutton svg {
	scale: 0.8;
	margin-top: -3px;
}
.totalDiscount {
	/* font-weight: 400 !important;
	font-size: 20px !important; */

	color: #fff !important;
	font-family: 'Space Grotesk' !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 24.098px !important; /* 150.612% */
}
#performance-exp .tabs-for-charts .tab-content {
	background: linear-gradient(152.46deg, #212121 15.65%, rgba(0, 0, 0, 0) 47.36%);
}
#performance-exp .tabs-for-charts .nav-tabs {
	border: 0px;
}
#performance-exp .tabs-for-charts .nav-tabs li {
	font-family: Space Grotesk;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 2px 2px 0 0;
}
#performance-exp .tabs-for-charts .nav-tabs li a {
	color: rgba(255, 255, 255, 1);
	text-decoration: none;
}
#performance-exp .tabs-for-charts .nav-tabs .active2 {
	background-color: #252525;
}
#performance-exp .tabs-for-charts .nav-tabs .active {
	background-color: #25252501;
}
#performance-exp .tabs-for-charts .nav-tabs .moveRight {
	float: right;
}
#performance-exp .performance-chart {
	background-color: #00000001;
}
.tab-content-charts {
	margin-bottom: 20px;
}
.tab-content-charts .redChartImg {
	margin-top: 20px;
	margin-left: 20px;
}
.tab-content-charts .redCheckImg {
	margin-top: 130px;
}
.tab-content-charts .blueChartHeading {
	font-family: Inter;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	letter-spacing: 0em;
	text-align: left;
	margin-bottom: 15px;
	color: rgba(255, 255, 255, 0.5);
}
.tab-content-charts .vinGraphTabHeading {
	font-family: Space Grotesk;
	font-size: 18px;
	font-weight: 400;
	line-height: 27px;
	letter-spacing: 0em;
	text-align: center;
	color: #ffffff;
	margin-top: 50px;
	margin-bottom: 10px;
}
.tab-content-charts .graphTabAnchar {
	font-family: Space Grotesk;
	font-size: 14px;
	font-weight: 300;
	line-height: 18px;
	letter-spacing: 0em;
	text-align: center;
	color: rgba(139, 144, 145, 1);
	width: 200px;
	margin: 0 auto;
	display: block;
	margin-top: 10px;
	margin-bottom: 50px;
}
.tab-content-charts .pill-style {
	width: 400px;
	margin: 0 auto;
}
.tab-content-charts .pill-style #topSearchBar {
	background-color: #ffffff01;
	border: 1px solid #ff2f00;
	border-radius: 100px;
	padding-left: 30px;
	color: #ff2f00;
}
.tab-content-charts .pill-style .btn-primary {
	border-top-left-radius: 100px !important;
	border-bottom-left-radius: 100px !important;
	border-radius: 100px;
	position: absolute;
	right: 0;
	border: 1px solid #ff2f00;
	height: 40px;
	top: -2px;
	width: 100px;
	cursor: pointer;
	z-index: 10;
}
.tab-content-charts .pill-style #topSearchBar:focus {
	box-shadow: none;
}
.tab-content-charts .errorHeading {
	font-family: Space Grotesk;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	letter-spacing: 0em;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	margin-top: 40px;
	padding-bottom: 15px;
}
.tab-content-charts .errorDescription {
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	letter-spacing: 0em;
	text-align: center;
	color: rgba(255, 255, 255, 1);
	padding-bottom: 10px;
}
.tab-content-charts .anchorDiv .btn-primary {
	border-top-left-radius: 100px !important;
	border-bottom-left-radius: 100px !important;
	border-radius: 100px;
	border: 1px solid #ff2f00;
	height: 40px;
	width: 150px;
	cursor: pointer;
	margin: 0 auto;
	margin-bottom: 40px;
	display: block;
	margin-top: 15px;
}
.tabs-for-charts .rightSideTabs {
	position: relative;
	width: 100%;
}
.tabs-for-charts .rightSideTabs .clearButton {
	position: absolute;
	right: 0;
}
.tabs-for-charts .rightSideTabs .clearButton {
	position: absolute;
	right: 0;
	top: 7px;
}
.tabs-for-charts .rightSideTabs .clearButton a {
	color: #ffffff;
	padding-top: 13px;
	text-decoration: none;
}
.tabs-for-charts .rightSideTabs .clearButton .active {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 30px;
	padding-top: 9px;
	padding-bottom: 9px;
	text-decoration: none;
}
.tab-content-charts .tabtooltip svg {
	margin-top: -20px;
}
.tab-content-charts .tabtooltip {
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.tab-content-charts .tabtooltip .tooltipWrapper {
	position: absolute;
	width: 210px;
	top: -50px;
	left: -150px;
	border: 1px solid #ff2f00;
	border-radius: 8px;
	padding: 10px;
	background-color: #000000;
}
.tab-content-charts .tabtooltip .tooltipWrapper ul {
	margin-bottom: 0px;
}
.tab-content-charts .rightDescription {
	margin-top: 20px;
}
.tab-content-charts .rightDescription .blueChartHeading {
	font-family: Space Grotesk;
	font-size: 18px;
	font-weight: 600;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: left;
	color: rgba(255, 255, 255, 1);
}
.tab-content-charts .rightDescription p {
	font-family: Space Grotesk;
	font-size: 12px;
	font-weight: 600;
	line-height: 15px;
	letter-spacing: 0em;
	text-align: left;
	color: rgba(117, 117, 117, 1);
}
.tab-content-charts .checkboxTable {
	margin-bottom: 10px;
}
.tab-content-charts .checkboxTable input[type='checkbox'] {
	background-color: rgba(255, 47, 0, 1);
	accent-color: rgba(255, 47, 0, 1);
	color: red;
	width: 20px !important;
	height: 20px !important;
	margin-right: 10px;
}
.tab-content-charts .checkboxTable .redCheck[type='checkbox']:after {
	position: relative;
	display: block;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(255, 47, 0, 1);
	border-radius: 3px;
	content: '';
	background-image: linear-gradient(135deg, black 0%, black 100%);
	background-repeat: no-repeat;
	background-position: center;
}
.tab-content-charts .checkboxTable .redCheck[type='checkbox']:checked:after {
	position: relative;
	display: block;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	border-width: 0px;
	border-style: solid;
	border-color: #b3b3b3 #dcddde #dcddde #b3b3b3;
	border-radius: 3px;
	content: '';
	background-image: linear-gradient(135deg, #ff2f00 0%, #ff2f00 100%);
	background-repeat: no-repeat;
	background-position: center;
}
.tab-content-charts .checkboxTable .dullRedCheck[type='checkbox']:checked:after {
	position: relative;
	display: block;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	border-width: 0px;
	border-style: solid;
	border-color: #b3b3b3 #dcddde #dcddde #b3b3b3;
	border-radius: 3px;
	content: '';
	background-image: linear-gradient(135deg, #971c00 0%, #971c00 100%);
	background-repeat: no-repeat;
	background-position: center;
}
.tab-content-charts .checkboxTable .blueCheck[type='checkbox']:after {
	position: relative;
	display: block;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	border-width: 1px;
	border-style: solid;
	border-color: #1ca3c2;
	border-radius: 3px;
	content: '';
	background-image: linear-gradient(135deg, black 0%, black 100%);
	background-repeat: no-repeat;
	background-position: center;
}
.tab-content-charts .checkboxTable .blueCheck[type='checkbox']:checked:after {
	position: relative;
	display: block;
	left: 0px;
	top: 0px;
	width: 20px;
	height: 20px;
	border-width: 0px;
	border-style: solid;
	border-color: #b3b3b3 #dcddde #dcddde #b3b3b3;
	border-radius: 3px;
	content: '';
	background-image: linear-gradient(135deg, #1ca3c2 0%, #1ca3c2 100%);
	background-repeat: no-repeat;
	background-position: center;
}
.tab-content-charts .checkboxTable .heading {
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	letter-spacing: 0em;
	text-align: left;
	color: rgba(255, 255, 255, 1);
}
.tab-content-charts .checkboxTable .description {
	font-family: Inter;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	letter-spacing: 0em;
	text-align: left;
	color: rgba(126, 126, 126, 1);
}
.tab-content-charts .checkboxTable .description {
	color: #ffffff;
	font-family: Inter;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	padding-top: 5px;
}

/*reponsive media*/
@media only screen and (max-width: 1023px) {
	#header,
	#header .fixed-bottom {
		background: #000000;
	}
	#header {
		padding: 10px 0px;
	}
	#header .fixed-bottom > .navbar-nav.row {
		padding: 10px 0px;
	}
	#appPerformance {
		/* background-image: url(../img/mob-main-banner.jpg); */
	}
	#banner {
		/*        padding: 172px 0px 100px;*/
		padding: 20px 0px 100px;
	}
	.title {
		font-size: 42px;
		line-height: 48px;
	}
	.subtitle {
		font-size: 28px;
		line-height: 34px;
	}
	#banner .subtitle {
		padding: 30px 0px;
	}
	#banner .subtitle br {
		display: none;
	}
	#banner i.icon {
		width: 42px;
		height: 42px;
	}
	#header .nav-link {
		text-align: center;
		padding: 8px 0px;
	}
	#header .vin-heading {
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		text-transform: uppercase;
		color: #8b9091;
		margin: 0px;
		padding: 10px 0px 21px;
	}
	#header .vin-heading-1 {
		font-weight: 400;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		color: var(--secondary);
		margin: 0px;
		padding-bottom: 6px;
	}
	#header .vin-form.vin-decoded .vin-heading-1 {
		color: var(--primary);
	}
	#header .vin-note {
		color: var(--secondary);
		text-align: center;
		padding: 5px 0px 16px;
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		margin: 0px;
	}
	#header .nav-item[aria-expanded='true'] .nav-link {
		color: var(--primary);
	}
	#header .fixed-bottom {
		border-top: 1px solid var(--primary);
	}
	.nav-item.collapse.show {
		border-bottom: 1px solid var(--primary);
	}
	#header .brand-dd {
		padding-bottom: 10px;
	}
	#header .brand-dd .brand-item {
		display: block;
		text-align: center;
		font-weight: 400;
		font-size: 14px;
		line-height: 20px;
		text-transform: uppercase;
		color: var(--secondary);
		text-decoration: none;
		padding: 8px 0px;
	}
	#performance-exp .bg-image {
		padding: 30px 0px 180px;
		background: none;
	}
	#performance-exp .title {
		padding-top: 120px;
	}
	#performance-exp .title .hero-color {
		display: inline-block;
	}
	#performance-exp .subtitle br {
		display: none;
	}
	#feel-power {
		background-image: url(../img/mob-feel-power.jpg), url(../img/mob-feel-power-2.png);
		background-size: auto;
		background-position: top left, bottom right;
		padding: 50px 0px 128px;
	}
	#feel-power .title {
		padding-top: 350px;
		margin: 0px;
	}
	#feel-power .side-msg {
		font-size: 42px;
		line-height: 48px;
	}
	#feel-power .title {
		padding-top: 350px;
		margin: 0px;
	}
	#feel-power .subtitle {
		padding: 62px 0px;
		font-size: 18px;
		line-height: 28px;
	}
	#feel-power .btn,
	#buy-tuning .card-body .btn {
		width: 100%;
	}
	#what-to-gain {
		/*        background-image: url(../img/mob-what-to-gain.png);*/
		/*        background-size: auto;*/
		/*        background-position: bottom left;*/
		padding: 0px 0px 30px;
	}
	#what-to-gain .img-wrapper {
		margin-bottom: 40px;
	}
	#what-to-gain .count {
		margin-top: 0px;
	}
	#what-to-gain .title {
		font-size: 42px;
		line-height: 48px;
		padding: 0px 0px 50px;
	}
	#what-to-gain i.icon.icon-play {
		margin-top: 240px;
	}
	#your-savings {
		background-image: url(../img/mob-savings.png);
		background-size: auto;
		background-position: center right;
		padding: 57px 0px 10px;
	}
	#your-savings .title {
		padding-bottom: 63px;
	}
	#your-savings .ys-subtitle {
		margin-bottom: 40px;
	}
	#your-savings .ys-msg {
		padding-top: 15px;
	}
	#your-savings .ys-msg br {
		display: none;
	}
	#buy-tuning {
		padding: 20px 0px 66px;
	}
	#buy-tuning .card-body {
		padding: 0px 16px 32px;
	}
	#buy-tuning img {
		max-width: 128px;
	}
	#buy-tuning .guarantee-seal {
		display: none;
	}
	#buy-tuning .guarantee-text-msg {
		color: var(--primary);
		font-weight: 500;
		line-height: 16.77px;
		font-size: 16px;
		margin: 18px 0px 0px;
		text-align: center;
	}
	#buy-tuning .card-body .title {
		font-size: 33px;
		line-height: 42px;
		padding: 0px;
		margin-top: 22px;
		margin-bottom: 12px;
	}
	#buy-tuning .card-body .price {
		font-size: 42px;
		line-height: 48px;
		margin-bottom: 18px;
	}
	#buy-tuning .card-body .subtitle {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 24px;
	}
	#buy-tuning .card-body .show-top-line {
		margin-left: 20px;
		padding: 0px;
	}
	#buy-tuning .card-body .show-top-line::before {
		width: 90px;
	}
	#buy-tuning .card-body li {
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 16px;
	}
	#buy-tuning .add-space {
		padding: 0px;
	}
	#safe-simple {
		padding: 73px 0px 0px;
	}
	#safe-simple .title {
		font-size: 42px;
		line-height: 48px;
		margin-bottom: 7px;
	}
	#safe-simple .subtitle {
		padding: 4px 0px 113px;
	}
	#safe-simple .ss-subtitle {
		padding-bottom: 40px;
	}
	#safe-simple .bg-img {
		background-image: url(../img/mob-safe-simple.jpg);
	}
	#safe-simple .ss-subtitle {
		padding-bottom: 40px;
	}
	#safe-simple .bg-img {
		background-size: auto;
		background-position: top left;
	}
	#safe-simple .side-msg {
		padding: 72px 0px 200px;
		font-size: 42px;
		line-height: 48px;
		margin: 0px;
	}
	#safe-simple .ss-top-msg {
		padding: 62px 0px 36px;
	}
	#safe-simple .ssd-title {
		font-size: 34px;
		line-height: 40px;
		padding-bottom: 19px;
	}
	#safe-simple .ssd-subtitle {
		padding-bottom: 72px;
	}
	#customer-review {
		background-image: url(../img/mob-cust-reviews.jpg);
		background-size: auto;
	}
	#customer-review .cr-top-section {
		padding: 72px 0px 48px;
	}
	#customer-review .cr-top-section .side-msg {
		margin: 0px;
		padding-bottom: 313px;
	}
	.cr-top-msg {
		color: #8b9091;
		margin: 0px;
	}
	#customer-review .cr-top-section .title {
		padding: 36px 0px 7px;
		font-size: 42px;
		line-height: 48px;
		color: #000000;
	}
	#customer-review .cr-top-section .subtitle {
		margin: 0px;
	}
	#customer-review .cr-rw-comment {
		font-size: 16px;
		line-height: 24px;
	}
	#customer-review .slick-dots {
		display: none !important;
	}
	.review-carousel {
		padding-bottom: 20px;
	}
	.gen-top-msg {
		padding: 42px 0px 0px;
	}
	.gen-side-msg {
		padding-top: 36px;
		font-size: 42px;
		line-height: 48px;
	}
	.gen-heading {
		font-size: 42px;
		line-height: 48px;
	}
	.accordion-button,
	.accordion-button:not(.collapsed) {
		font-size: 18px;
		line-height: 28px;
	}
	.accordion-body {
		font-size: 14px;
		line-height: 24px;
	}
	#faq .btn-wrapper {
		text-align: center;
	}
	.video-wrapper .video-title {
		margin: 15px 0px;
		font-size: 18px;
		line-height: 28px;
	}
	.videos-wrapper .slick-dots {
		display: none;
	}
	#blogs .btn-wrapper {
		padding: 56px 0px 30px;
	}
	#blogs .btn-wrapper .btn {
		width: 100%;
	}
	.blog-wrapper .img-wrapper img,
	.video-wrapper .img-wrapper img {
		height: 190px;
	}
	.video-wrapper.slick-slide {
		width: 200px !important;
		border-radius: 20px !important;
		height: 400px !important;
	}
	.blog-wrapper .details-wrapper .blog-title {
		font-size: 18px;
		line-height: 28px;
	}
	.blog-wrapper .details-wrapper .action-link {
		font-weight: 300;
		font-size: 18px;
		line-height: 20px;
	}
	.footer-logo {
		padding: 0px;
	}
	.social-share {
		text-align: center;
		padding: 52px 0px 58px;
	}
	#footer .important-msg {
		padding: 48px 0px 60px;
	}
	#cart-page .vin-form .vin-heading,
	.modal .vin-form .vin-heading {
		margin-bottom: 7px;
	}
	#cart-page .custom-card .card-title,
	#cart-page .vin-form .vin-heading,
	.modal .vin-form .vin-heading,
	#cart-page #cust-upgrades .title,
	#cart-page .notice-card .title,
	.side-cart .basket .hero-product .item-name,
	.comboKit-card .card-title,
	.comboKit-card .prod-name,
	.comboKit-card .prod-price {
		font-size: 18px;
		line-height: 23px;
	}
	.side-cart .basket .hero-product .item-name {
		padding: 0px 12px;
	}
	#cart-page #cust-upgrades {
		margin-top: 4px;
	}
	#cart-page #cust-upgrades .title {
		padding: 19px 0px;
	}
	#cart-page .dd-btn-wrapper .btn {
		margin-bottom: 10px;
	}
	#cart-page > .container > .row > .col-12 {
		padding: 0px;
	}
	#cart-page > .container > .row > .col-12 .card {
		border-radius: 0px;
	}
	.side-cart {
		width: 100%;
		max-width: 100%;
		height: auto;
		position: fixed;
		bottom: 0;
		top: unset;
		padding: 0px;
	}
	.side-cart .upsell-wrapper {
		margin-top: 20px;
	}
	#cart-page {
		min-height: 86vh;
		min-height: calc(100vh - 119px);
	}
	.basket-total.mob-control[aria-expanded='true'] {
		display: none;
	}
	.side-cart .basket-total .total {
		border: none;
		padding-left: 15px;
		font-weight: 600;
		font-size: 18px;
		line-height: 27px;
	}
	.side-cart .basket-total .total .cost {
		float: none;
	}
	#basket-wapper.show {
		min-height: 100vh;
	}
	.side-cart #basket-wapper > .title {
		padding: 40px 15px 30px;
		border-bottom: 1px solid var(--secondary);
		margin-bottom: 20px;
	}
	.side-cart .title .icon {
		float: left;
		width: 42px;
		height: 42px;
		position: relative;
		top: -12px;
	}
	#basket-wapper.show .basket-total {
		position: absolute;
		bottom: 0;
		border-top: 1px solid var(--primary);
		width: 100%;
		z-index: 1;
		background: #0d0d0d;
	}
	.side-cart .basket-total.mob-control {
		padding: 0px 15px;
		border-top: 1px solid var(--primary);
	}
	.side-cart .basket-total.mob-control .total .icon {
		transform: rotate(180deg);
		width: 20px;
		height: 20px;
		position: relative;
		top: 3px;
	}
	.side-cart .basket-total.mob-control .total {
		font-weight: 500;
		font-size: 16px;
		letter-spacing: 0.0125em;
		line-height: 20px;
		padding: 27px 0px;
	}
	.side-cart .basket-total.mob-control {
		padding: 0px 15px;
	}
	#cart-page .notice-card {
		margin-bottom: 100px;
	}
	.side-cart .basket-total .text-link {
		margin: 0px;
		font-weight: 300;
		font-size: 14px;
		line-height: 17px;
	}
	.side-cart .basket-total .btn {
		margin: 0px auto 2px;
		padding: 4px 12px;
		font-size: 14px;
		line-height: 20px;
	}
	.slick-list {
		padding: 0 10% 0 0 !important;
	}
	#appPerformance.pro-level {
		background-image: url(../img/mob-pro-main-banner.jpg);
	}
	.pro-level #banner .subtitle,
	.pro-level #ready-go-pro .subtitle {
		font-size: 18px;
		line-height: 28px;
	}
	#ready-go-pro {
		background: url(../img/go-pro-mob.jpg) left top no-repeat, url(../img/go-pro-mob2.png) right bottom no-repeat;
		padding-top: 303px;
	}
	.pro-level #ready-go-pro .btn {
		width: 100%;
	}
	.pro-level #buy-tuning .card .card-heading .card-title {
		font-size: 21px;
		line-height: 27px;
		padding: 16px 10px;
	}
	.pro-level #buy-tuning .card-body {
		padding: 15px 26px;
	}
	.pro-level #buy-tuning .product-wrapper .img-wrapper {
		height: 117px;
	}
	.pro-level #buy-tuning img {
		max-height: 100%;
	}
	.pro-level #buy-tuning .product-wrapper .prod-name,
	.pro-level #buy-tuning .product-wrapper .prod-price {
		font-size: 16px;
		line-height: 20px;
	}
	.pro-level #buy-tuning .product-wrapper.engine-wrapper::before,
	.pro-level #buy-tuning .product-wrapper.engine-wrapper::after {
		right: -12px;
	}
	.pro-level #buy-tuning .product-wrapper.engine-wrapper::after {
		bottom: unset;
		top: 0px;
	}
	.pro-level #buy-tuning .product-wrapper.cooler-wrapper::before,
	.pro-level #buy-tuning .product-wrapper.cooler-wrapper::after {
		content: none;
	}
	.pro-level #buy-tuning .product-wrapper.cooler-wrapper .img-wrapper {
		height: auto;
	}
	.pro-level #buy-tuning .details-card .card-body {
		padding: 14px 16px;
	}
	.pro-level #buy-tuning .details-card .card-body .title {
		font-size: 21px;
		line-height: 27px;
		margin-top: 0px;
	}
	.pro-level #buy-tuning .details-card .card-body .subtitle {
		padding-top: 18px;
	}
	.pro-level #buy-tuning .details-card .card-body .img-wrapper img {
		max-width: 100%;
	}
	.pro-level #buy-tuning .heading {
		font-size: 21px;
	}
	.pro-level #buy-tuning .heading {
		font-size: 21px;
		margin-bottom: 8px;
	}
	.pro-level #buy-tuning .table td {
		padding: 11px 24px;
	}
	.pro-level #buy-tuning .table td,
	.pro-level #buy-tuning .card-body li {
		font-size: 18px;
		line-height: 22px;
	}
	.pro-level #buy-tuning .specs-carousel .specs-img-wrapper img {
		max-width: 100%;
		height: auto;
		margin: 0px;
	}
	.pro-level #buy-tuning .specs-carousel.slick-slider .slick-list {
		padding: 0px !important;
	}
	.pro-level #buy-tuning .specs-wrapper,
	.pro-level #buy-tuning #easy-installation .heading {
		margin-top: 10px;
	}
	.pro-level #buy-tuning .card-body ul.slick-dots {
		padding-bottom: 0px;
	}
	.pro-level #buy-tuning .card-body .ss-title {
		padding-top: 10px;
	}
	#safe-simple .count,
	.pro-level #buy-tuning .card-body .ss-title,
	.pro-level #buy-tuning .card-body .ss-subtitle,
	.pro-level #buy-tuning #sneak-peak td,
	#buy-tuning #easy-installation .sub-title,
	.pro-level #buy-tuning .details-card .card-body #easy-installation .sub-det {
		font-size: 18px;
		line-height: 23px;
	}
	.pro-level #buy-tuning .card-body .ss-subtitle {
		padding-bottom: 20px;
	}
	.pro-level #buy-tuning #sneak-peak td.count {
		font-size: 30px;
		line-height: 28px;
	}
	.pro-level #buy-tuning #sneak-peak td {
		padding-bottom: 15px;
	}
	#buy-tuning #easy-installation .sub-title,
	.pro-level #buy-tuning .details-card .card-body #easy-installation .sub-det {
		margin-bottom: 34px;
	}
	.pro-level #buy-tuning .details-card .button-wrapper {
		padding: 10px 0px;
	}
	.pro-level #buy-tuning {
		padding: 47px 0px;
	}
	.comboKit-card .product-wrapper {
		text-align: center;
		margin-bottom: 9px;
		height: auto;
		padding: 13px;
	}
	.comboKit-card .product-wrapper .pro-dd .form-select {
		max-width: 200px;
		margin: 0px auto 15px;
	}
	.performance-gain-bar p {
		margin-bottom: 0px;
	}
	.performance-gain-bar .progress {
		margin-top: 10px;
	}
	.performance-gain-bar {
		margin-top: 21px;
	}
	.comboKit-card .prod-name,
	.comboKit-card .prod-price,
	.comboKit-card .prod-delivery,
	.comboKit-card .btn {
		margin-left: 0px;
		min-width: 150px;
	}
	#buy-tuning .card.pro-heroCard {
		margin-top: 20px;
	}
	.specs-wrapper .icon-wrapper {
		display: none;
	}
	#appPerformance #cart-page {
		margin-bottom: 70px;
	}
}
@media only screen and (max-width: 767px) {
	#performance-exp {
		padding-top: 100px;
		/* background-position: center;
		background-size: cover;
		background-image: url(../img/mob-performance-exp.png);
		background-repeat: no-repeat; */
	}
	#appPerformance .animated #banner {
		padding-top: 45px !important;
		padding-bottom: 45px !important;
	}

	.pro-level #buy-tuning #sneak-peak .heading {
		margin-top: 32px;
	}
	#banner .subtitle,
	#performance-exp .subtitle {
		font-size: 18px;
	}
	.pro-level #banner .title {
		font-size: 40px;
	}
	.pro-level #banner .title span {
		display: inline;
	}
	.pro-level #banner {
		background: linear-gradient(197deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 61.65%);
	}
	.bf23phst {
		width: 100%;
		font-size: 18px;
		display: inline-block;
	}
	#banner .row {
		height: auto;
	}
	.pre-header .bf23phblueHeadingCM {
		background-color: #ff2f00;
		color: white;
		text-shadow: -1.3504273891448975px 2.700854778289795px 0px rgba(0, 0, 0, 1);
		line-height: 20px;
	}
	#performance-exp .tabs-for-charts .nav-tabs li {
		/* width: 33%; */
		text-align: center;
		font-size: 16px;
		padding-left: 10px;
		padding-right: 10px;
	}
	.tab-content-charts .redCheckImg {
		margin-top: 20px;
	}
	.tabs-for-charts .rightSideTabs {
		display: flex;
		justify-content: flex-end;
	}
	.tabs-for-charts .rightSideTabs .clearButton {
		position: relative;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
		width: 33%;
	}
	.tabs-for-charts .rightSideTabs .clearButton a {
		text-decoration: underline;
	}
	.tab-content-charts .pill-style {
		width: 320px;
	}
}

@media screen and (max-width: 500px) {
	#appPerformance {
		background-image: url(../img/bf/backgroundBfMobile.png);
		background-size: 100% auto;
	}
}

@media screen and (max-width: 400px) {
	#appPerformance {
		background-size: contain;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#your-savings .ys-title {
		border-top: none;
	}
	#performance-exp .subtitle {
		margin: 20px 0px 40px;
	}
	#appPerformance {
		/* background-size: 86%; */
	}
}
@media only screen and (min-width: 1024px) {
	#header {
		min-height: 105px;
		padding: 0px;
	}
	#header.bg-black {
		background: transparent !important;
		padding-top: 40px !important;
		top: -40px;
	}
	#appPerformance.cart-view #header.bg-black {
		background: #000000 !important;
	}
	#header nav {
		padding: 32px 0px !important;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}
	#header.bg-black nav {
		padding: 12px 0px !important;
		background: #000;
	}
	#header.bg-black .header-logo,
	#appPerformance.cart-view #header .header-logo {
		height: 36px;
		width: auto;
	}
	#appPerformance.cart-view #header {
		padding: 0px;
	}
	#appPerformance.cart-view #header nav {
		padding: 20px 0px 12px !important;
	}
	.progress {
		margin: 12px 10%;
	}
	#performance-exp .subtitle {
		margin-bottom: 50px;
	}
	.navbar-brand {
		min-width: 258px;
		display: inline-block;
	}
	.side-cart {
		min-width: 390px;
	}
	#buy-tuning .card {
		height: 100%;
		width: 100%;
	}
	#buy-tuning .pro-heroCard .card-body .title {
		padding-top: 62px;
	}
	.guarantee-text-msg {
		color: rgba(0, 0, 0, 0.4);
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px;
		margin: 0px;
		max-width: 325px;
	}
}
@media only screen and (max-width: 320px) {
	#header .nav-link {
		font-size: 12px;
		line-height: 18px;
	}
}

/*icons*/
.icon {
	display: inline-block;
	height: 16px;
	width: 16px;
	background: #ffffff;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.icon.icon-down {
	-webkit-mask-image: url(../img/arrow-down.svg);
	mask-image: url(../img/arrow-down.svg);
}
.icon.icon-left {
	-webkit-mask-image: url(../img/arrow-left.svg);
	mask-image: url(../img/arrow-left.svg);
}
.icon.icon-down-round {
	-webkit-mask-image: url(../img/down-round.svg);
	mask-image: url(../img/down-round.svg);
}
.icon.icon-play {
	-webkit-mask-image: url(../img/icon-play.svg);
	mask-image: url(../img/icon-play.svg);
}
.icon.icon-right-arrow {
	-webkit-mask-image: url(../img/right-arrow.svg);
	mask-image: url(../img/right-arrow.svg);
}
.icon.icon-fb {
	-webkit-mask-image: url(../img/icon-fb.svg);
	mask-image: url(../img/icon-fb.svg);
}
.icon.icon-instagram {
	-webkit-mask-image: url(../img/icon-instagram.svg);
	mask-image: url(../img/icon-instagram.svg);
}
.icon.icon-youtube {
	-webkit-mask-image: url(../img/icon-youtube.svg);
	mask-image: url(../img/icon-youtube.svg);
}
.icon.icon-linkedin {
	-webkit-mask-image: url(../img/icon-linkedin.svg);
	mask-image: url(../img/icon-linkedin.svg);
}
.icon.icon-caution {
	-webkit-mask-image: url(../img/icon-caution.svg);
	mask-image: url(../img/icon-caution.svg);
}
.icon.icon-plus {
	-webkit-mask-image: url(../img/plus.svg);
	mask-image: url(../img/plus.svg);
}
.icon.icon-minus {
	-webkit-mask-image: url(../img/minus.svg);
	mask-image: url(../img/minus.svg);
}
.icon.icon-info {
	-webkit-mask-image: url(../img/icon-info.svg);
	mask-image: url(../img/icon-info.svg);
}
.icon.icon-check {
	-webkit-mask-image: url(../img/check-sign.svg);
	mask-image: url(../img/check-sign.svg);
}
.icon.icon-close {
	-webkit-mask-image: url(../img/icon-close.svg);
	mask-image: url(../img/icon-close.svg);
}
.icon.icon-assist {
	-webkit-mask-image: url(../img/icon-assist.svg);
	mask-image: url(../img/icon-assist.svg);
}
.icon.icon-plug-play {
	-webkit-mask-image: url(../img/icon-plug-play.svg);
	mask-image: url(../img/icon-plug-play.svg);
}
.icon.icon-settings {
	-webkit-mask-image: url(../img/icon-settings.svg);
	mask-image: url(../img/icon-settings.svg);
}
.icon.icon-time {
	-webkit-mask-image: url(../img/icon-time.svg);
	mask-image: url(../img/icon-time.svg);
}
.icon.slick-prev {
	-webkit-mask-image: url(/assets/speakers/assets/new-2022/img/icon-left.svg);
	mask-image: url(/assets/speakers/assets/new-2022/img/icon-left.svg);
}
.icon.slick-next {
	-webkit-mask-image: url(/assets/speakers/assets/new-2022/img/icon-right.svg);
	mask-image: url(/assets/speakers/assets/new-2022/img/icon-right.svg);
}

/*BF2023*/

.product-wrapper .prod-price .orignal-price {
	color: #8b9091;
	font-weight: 400;
	font-size: 20.5551px;
	line-height: 27px;
	letter-spacing: 0.0025em;
	text-decoration-line: line-through;
}

.product-wrapper .prod-price.prod-price-bf25 {
	color: #ff2f00;
	font-family: 'Space Grotesk';
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.05px;
}

.product-wrapper .prod-price .original-price-bf25 {
	color: var(--grey, #8b9091);
	font-family: 'Space Grotesk';
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 27.407px; /* 152.26% */
	letter-spacing: 0.045px;
	text-decoration-line: line-through;
}

.blog-container {
	padding-top: 100px;
	padding-bottom: 100px;
	padding-right: 100px;
}
@media only screen and (max-width: 380px) {
	.blog-container {
		padding-top: 50px;
		padding-bottom: 10px;
		padding-right: 10px;
	}
}
@media only screen and (max-width: 380px) {
	.blog-text {
		margin-top: 50px;
		font-size: 18px;
	}
}
.blog-text {
	margin-top: 100px;
	font-size: 18px;
}
.blog-background {
	background-image: url(../img/1221.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (max-width: 767px) {
	.blog-background {
		background-image: none;
	}
}

.performance-power-btn {
	background: linear-gradient(to right, #ff2f00 45%, white 80%);
	text-align: left;
	border: 2px solid #ff2f00;
	color: white;
	border-radius: 20px;
	cursor: pointer !important;
	width: 30% !important;
	margin-right: 15px;
	padding: 6px 12px !important;
}

.performance-torque-btn {
	background: linear-gradient(to right, #1da3c2 45%, white 80%);
	text-align: left;
	border: 2px solid #1da3c2;
	color: white;
	border-radius: 20px;
	cursor: pointer !important;
	width: 30% !important;
	padding: 6px 12px !important;
}

@media screen and (max-width: 767px) {
	.performance-power-btn {
		width: 65% !important;
		margin-right: 0px;
		margin-bottom: 10px;
	}

	.performance-torque-btn {
		width: 65% !important;
	}

	.pre-header-txt {
		display: flex;
		flex-direction: column !important;
	}
}

.preHeader-faq {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-left: 7px;
	cursor: pointer;
}
.pre-header-txt {
	display: flex;
	justify-content: center;
}