body{
	font-family:"proxima-nova";
	letter-spacing: 0.01em;
}

.cursor-pointer {
	cursor: pointer;
}

/*scroll black*/

/* width */
.aside-box .offcanvas-body::-webkit-scrollbar,
.offcanvas .offcanvas-body::-webkit-scrollbar,
#updateScroll::-webkit-scrollbar,
.select-beast .ts-dropdown-content::-webkit-scrollbar,
.section-filtr::-webkit-scrollbar {
	width: 8px;
}

/* Track */
.aside-box .offcanvas-body::-webkit-scrollbar-track,
.offcanvas .offcanvas-body::-webkit-scrollbar-track,
#updateScroll::-webkit-scrollbar-track,
.select-beast .ts-dropdown-content::-webkit-scrollbar-track,
.section-filtr::-webkit-scrollbar-track  {
	background: #D9D9D9; 
}
 
/* Handle */
.aside-box .offcanvas-body::-webkit-scrollbar-thumb,
.offcanvas .offcanvas-body::-webkit-scrollbar-thumb,
#updateScroll::-webkit-scrollbar-thumb,
.select-beast .ts-dropdown-content::-webkit-scrollbar-thumb,
.section-filtr::-webkit-scrollbar-thumb  {
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) -0.02%, rgba(0, 0, 0, 0) 99.98%), rgba(11, 11, 11, 0.6);
	border-radius: 10px;
}

/*scroll white*/

.scroll-white::-webkit-scrollbar {
	width: 2px;
}
.scroll-white::-webkit-scrollbar-track {
	background: rgba(217, 217, 217, 0.3);; 
}
.scroll-white::-webkit-scrollbar-thumb {
	background: #fff;
	width: 4px;
	border-radius: 2px;
}

/*FONT*/
.text-bebas {
	font-family: 'Bebas Neue', cursive;
	line-height: 0.8!important;
}

/*HOVER*/
.btn-link,
.card-animation img,
.social-media-icon,
.card-animation .card,
.card-animation .card .card-body {
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.card-animation:hover img,
.social-media-icon:hover,
.card-animation .card:hover  {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	
}
.card-animation .card:hover .card-body  {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
	
}


.icon-heart:hover:before {
	content: '\ee26';
	font-family: 'iconsax';
}
.btn-like:hover .icon-like-1:before {
	content: '\ee57';
	font-family: 'iconsax';
}

/*FOCUS*/
.btn-close:focus {
	box-shadow: none;
}

/*button*/

/*IMAGE*/
.object-fit-contain {
	object-fit: contain;
}
.object-fit-cover {
	object-fit: cover;
}
.object-position-center {
	object-position: center;
}

/*BACKGROUND-IMAGE*/
/*size*/
.bg-img-cover {
	background-size: cover;
	background-repeat: no-repeat;
}
.bg-img-contain {
	background-size: contain;
	background-repeat: no-repeat;
}

/*position*/
.bg-img-pos-end {
 	background-position: right;
}
.bg-img-pos-bottom {
 	background-position: bottom;
}

/*flip image*/
.flip-image-h {
	transform: scaleX(-1);
}

/*transform*/

.rotate90 {
	transform: rotate(90deg);
}
.rotate-45 {
	transform: rotate(-45deg);
}


/*WIDTH*/
.w-30 {
	width: 30%;
}
.w-40 {
	width: 40%;
}
.w-43 {
	width: 43%;
}
.w-60 {
	width: 60%;
}
.w-65 {
	width: 65%;
}
.w-80 {
	width: 80%;
}
.w-85 {
	width: 85%;
}
.mx-75 {
	max-width: 75%;
}
.mx-90 {
	max-width: 90%;
}


/*OPACITY*/
.opacity-10 {
	opacity: 0.1;
}
.opacity-60 {
	opacity: 0.6;
}
.opacity-80 {
	opacity: 0.8;
}

/*BACKGROUND COLOR*/
.bg-noise {
	background-image: url(../images/Background/bg-noise.jpg);
}
.bg-dark-opacity-40 {
	background-color: rgba(11, 11, 11, 0.4);
}
.bg-dark-opacity-50 {
	background: rgba(11, 11, 11, 0.5);
}
.bg-dark-opacity-60 {
	background: rgba(11, 11, 11, 0.6);
}


.bg-opacity-20 {
	--bs-bg-opacity: .2;
}
.bg-opacity-30 {
	--bs-bg-opacity: .3;
}
.bg-opacity-40 {
	--bs-bg-opacity: .4;
}
.bg-opacity-60 {
	--bs-bg-opacity: .6;
}
.bg-opacity-80 {
	--bs-bg-opacity: .8;
}


.bg-black-opacity-30 {
	background: rgba(0, 0, 0, 0.3);
}
.bg-black-opacity-80 {
	background: rgba(0, 0, 0, 0.8);
}
.bg-white-opacity-60 {
	background: rgba(255, 255, 255, 0.6);
}


/*GRADIENT*/
.background-card {
	background: rgba(11, 11, 11, 0.4);
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) -0.02%, rgba(0, 0, 0, 0) 125.5%), rgba(11, 11, 11, 0.4);
}
.background-card-darker {
	background: rgba(11, 11, 11, 0.8);
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) -0.02%, rgba(0, 0, 0, 0) 125.5%), rgba(11, 11, 11, 0.8);
}
.card-bg-dark {
	background: rgba(11, 11, 11, 0.4);
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) -0.02%, rgba(0, 0, 0, 0) 99.98%), rgba(11, 11, 11, 0.4);
}
.card-bg-dark_2 {
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) -0.02%, rgba(0, 0, 0, 0) 99.98%), #161717;
}
.card-bg-dark_3 {
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) -0.02%, rgba(0, 0, 0, 0) 99.98%), #131414;
}

.bg-gradient-dark {
	background: linear-gradient(90deg, #171718 0%, #242626 100%), rgba(11, 11, 11, 0.4);
}
.bg-chat {
	background: linear-gradient(90deg, #171718 -10%, #242626 129.9%), rgba(11, 11, 11, 0.4);
	box-shadow: 0px -2px 40px rgba(0, 0, 0, 0.25);
}
.bg-primary-gradient {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 59%), #FF7109;
	background-blend-mode: overlay, normal;
}
.bg-primary-gradient-1 {
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) -0.02%, rgba(0, 0, 0, 0) 99.98%), #FF6C00;
	background-blend-mode: soft-light, normal;
}
.bg-blur {
	backdrop-filter: blur(10px);
}
.bg-radial-gray {
	background-color: #26262D;
	background-image: radial-gradient(circle at 28.45% 50%, rgba(214, 255, 235, 0.2) 0%, rgba(0, 0, 0, 1) 100%);
	background-blend-mode: multiply, normal, normal;
}

.bg-blend-burn {
	background-blend-mode: color-burn, normal, normal, normal;
}


/*SHAPES */

.square {
	width: 100%;
}
.square:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}


/*CHEAKED INPUT RADIO/CHECKBOX */
.form-check-input:checked {
    background-color: #FF7109;
    border-color: #FF7109;
    box-shadow: none;
    outline: none;
}
.btn-check:checked+.label-check, .btn-check:hover+.label-check, .btn-check:active+.label-check {
    border: 2px solid #FF7109!important;
    position: relative;
}
.btn-check:checked+.label-check .icon-record:after {
	content: "\efb7"!important;
	font-family: 'iconsax';
	position: absolute;
	left: 0;
	color: #FF7109;
	padding-left: 0.25rem;
}

/* carousel */

.carousel-indicator {
	width: 12px!important;
	height: 12px!important;
	background-clip: initial!important;
}
.carousel-indicator.active {
	background-color: #fff!important;
}
.carousel-control-icon {
	height: 10px;
}


/* GLOBAL */


@media (max-width: 991.98px)  {
	.icon-heart1.text-xxxs,
	.icon-heart.text-xxxs,
	.icon-eye.text-xxxs {
		font-size: 1.5rem!important;
	}
	.btn-link {
		font-size: 1.5rem!important;
	}
	.btn-link .text-4xs {
		font-size: 1rem!important;
	}
	.card-product .headline-4 {
		font-size: 2rem;
	}
	.card-product .text-xxs.text-primary {
		font-size: 1.25rem;
	}
	.card-product .text-xl {
		font-size: 3rem;
	}
	.card-product .text-xxs {
		font-size: 1.5rem;
		line-height: 1.25!important;
	}
}


/*HEADER*/


/*menu icon cart*/
.nav-link .badge {
	top: 10px;
	right: 3px;
}

/*dropdown menu search input*/
.dropdown-toggle:after {
	content: "";
	display: none;
}
.dropdown-menu[data-bs-popper] {
	top: 120%!important;
	left: 57%!important;
	width: 1110px!important;
}
.dropdown-input-wrap {
	display: none!important;
}








.buttonActive-wrapper:not(.active),
.buttonActive-wrapper:not(.active) + .switchVehicle-wrapper .switchVehicle {
	filter: grayscale(1);
	color: #8c8c8c!important;
}

.buttonActive .bi-check2-circle:after {
	content: "\F272";
	font-family: bootstrap-icons !important;
	position: absolute;
	top: -3px;
	left: 0px;
	color: #fff;
	font-weight: 600;
}


.btn-check:checked+.chooseMachine11 {
	border-color: #FF7109!important;

}
.btn-check:checked+.chooseMachine11 .bi-circle{
	color: #FF7109!important;
}
.btn-check:checked+.chooseMachine11 .bi-circle:before {
	content: '\F26A'!important;
}

/*offcanvas*/

.offcanvas,
.aside-box {
	width: 502px!important;
}
#offcanvasCart {
	width: 600px!important;
}
#offcanvasRight {
	width: 470px!important;
}

.avatarImage {
	width: 4.125rem;
	height: 4.125rem;
}
.avatars .avatarImage:nth-last-of-type(-n+2) {
	margin-left: -2rem;
}
.boxSize-xs {
	width: 1.625rem;
	height: 1.625rem;
}
.boxSize-sm {
	width: 2rem;
	height: 2rem;
}
.boxSize-sd {
	width: 2.5rem;
	height: 2.5rem;
}
.boxSize-md {
	width: 3rem;
	height: 3rem;
}
.boxSize-lg {
	width: 3.5rem;
	height: 3.5rem;
}
.boxSize-xl {
	width: 3rem;
	height: 4.5rem;
}
.boxSize-xxl {
	width: 4.375rem;
	height: 4.375rem;
}

/*calender*/

.weekName {
	width: calc(100% / 7);
}
.date {
	width: calc(100% / 7);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 4px 0;
}
.date span {
	width: 42px;
	height: 42px;
	text-align: center;
	padding: 8px;
	border-radius: 10px;
	font-size: 18px;
	border: 1px solid transparent;
}
.date.today span {
	background: rgba(140, 140, 140, 0.5);
}
.date.selected span {
	background: #FF7109;
}
.prev-date,
.next-date,
.date.disable {
	color: #8c8c8c;

}
.prev-date:hover,
.next-date:hover,
.date.disable:hover {
	border: none;
}
.date.available span:hover {
	cursor: pointer;
	border: 1px solid #FF7109;
}


/*header-hero*/
.header-hero-text {
	height: 610px;
}
.hero-bg-img {
	max-height: 115%;
}

@media (max-width: 1399.98px) {
	.header-hero .btn.btn-xl.w-75{
		width: 100%!important;
	}
	.dropdown-menu[data-bs-popper] {
		left: 53.5%!important;
	}	
}
@media (max-width: 1199.98px) {
	.dropdown-menu[data-bs-popper] {
		width: 95vw!important;
		left: 47.5%!important;
	}

}
/*md*/
@media (max-width: 991.98px) {
	.navbar-brand {
		width: 100%;	
	}
	.header-hero-text {
		height: 100%;
	}
	.hero-bg-img {
		position: relative!important;
	}
	.fixed-bottom-menu {
		position: fixed!important;
		padding: 1.5rem;
		border-radius: 20px 20px 0px 0px;
		z-index: 99;
		background: rgba(0, 0, 0, 0.8);
		backdrop-filter: blur(10px);
	}
	.fixed-bottom-item {
		width: 100%;
	}
	.dropdown-menu[data-bs-popper] {
		width: 99vw!important;
		height: calc(100vh - 68px);
		z-index: 99999;
		transform: translateX(0)!important;
		left: -1.5rem!important;
		top: 10px!important;
		margin-top: -0.5rem;
		border-radius: 0!important;
		border-width: 0!important;
		position: relative;
		overflow-y: scroll;
	}
	.dropdown-menu .card-img-wrapper {
		height: auto!important;
		width: auto!important;
		position: relative!important;
	}
	.dropdown-menu .card-img {
		width: auto!important;
	}
	.dropdown-card .text-lg {
		font-size: 3rem;
	}
	.dropdown-card .headline-5,
	.buttonActive-wrapper .headline-5{
		font-size: 2rem;
	}
	.dropdown-card .bi-eye,
	.dropdown-card .bi-heart {
		font-size: 1.75rem;
	}
	.dropdown-menu .border-opacity-25 {
		border-radius: 0!important;
		border-width: 0!important;
	}
	.dropdown-menu .border-opacity-25{
		background: rgba(0, 0, 0, 0);
	}
	.switchVehicleItem-img {
		height: 60px!important;
	}
	.switchVehicleItem {
		width: 100%;
	}
	.switchVehicleButton {
		background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 59%), #FF7109;
		background-blend-mode: overlay, normal;
		border: 1px solid rgba(255, 255, 255, 0.5);
	}
	.switchVehicle-wrapper .sticky-bottom {
		background: rgba(0, 0, 0, 0.8);
		border: 1px solid rgba(255, 255, 255, 0.5);
		border-radius: 20px 20px 0px 0px;
		backdrop-filter: blur(10px);
	}
	.btn-md-100 {
		width: 100%;
		padding: 1.265rem 1.5rem;
	}
	#fixed-bottom-menu {
		transition: all 0.5s linear 0s;
		height: 160px;
	}
	#fixed-bottom-menu .navbar-nav.fixed-bottom-item {
		transition: all 0.5s linear 0s;
		transform: translateY(0%);
	}
	#fixed-bottom-menu .dropdown-menu {
		transition: all 1s linear 0.5s;
		height: 0;
	}
	.swichMachine .w-80 {
		width: 100%;
	}

	/* ANIMATE */
	#fixed-bottom-menu.dropdownAnimation .navbar-nav.fixed-bottom-item {
		transform: translateY(200%);
	}
	#fixed-bottom-menu.dropdownAnimation {
	  height: 100%;
	  background: linear-gradient(90deg, #171718 0%, #242626 116.58%), linear-gradient(0deg, rgba(11, 11, 11, 0.4), rgba(11, 11, 11, 0.4)), #D9D9D9;
	}
	#fixed-bottom-menu.dropdownAnimation .dropdown-menu {
		background: transparent!important;	
		height: calc(100vh - 68px);
	}


}
/* xs  */
@media (max-width: 575.98px) {

	.offcanvas,
	#offcanvasCart,
	#offcanvasRight {
		width: 100%!important;
	}
	.offcanvas-body .btn.w-85 {
		width: 100%;
	}
}


/*MAIN*/

.card-title {
	min-height: 3rem;
	box-sizing: content-box;
}

/*section-featured-category*/

.bg-45-right:after {
	content: "";
	width: 0;
	height: 100%;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 300px;
	border-left-width: 48px;
	border-right-width: 0;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: 0;
	right: 12px;
}

/*section-post*/

.text-truncate_line-3 {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical; 
	white-space: inherit!important;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 4.125rem;
}
.text-truncate_line-4 {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical; 
	white-space: inherit!important;
	overflow: hidden;
	text-overflow: ellipsis;
	max-height: 6rem;
}


/*xl*/
@media (max-width: 1399.98px) {
	.section-search .btn.w-75{
		width: 100%!important;
	}
	.section-search .card {
		width: 75%;
	}

	.searchCards .col-4:nth-child(2) {
		justify-content: center;
	}
	.searchCards .col-4:nth-child(3) {
		justify-content: end;
	}
	.section-newsletter .text-xl {
		font-size: 1.5rem!important;
	}
}
/*lg*/
@media (max-width: 1199.98px)  {
	.section-search .card {
		width: 100%;
	}
	.section-banner .container,
	.section-newsletter .container,
	.section-offers .container {
		max-width: 100%;
	}
	.section-featured-category .category-image img {
		width: 80%;
	}
}
/*md*/
@media (max-width: 991.98px) {
	.text-truncate_line-3 {
		max-height: 5.625rem;
	}
	#carouselExampleControls .thumbnail-img {
		width: 84px!important;
		height: 60px!important;
	}
	#carouselExampleControls .boxSize-md {
		height: 100%;
		width: 4.125rem;
		border: 1px solid #656565;
		border-radius: 0.625rem!important;
	}
	#carouselExampleControls .carousel-control-icon,
	#myGarage .carousel-control-icon{
		height: 0.875rem!important;
	}
	.carousel-item-box {
		border: 1px solid #656565!important;
	}
	.card-img {
		height: 232px!important;
	}
	.favorites-subtitle.headline-4,
	.purchase-subtitle.headline-4,
	.section-newsletter .text-xl  {
		font-size: 2rem;
	}
	#carouselExampleControls .headline-4 {
		font-size: 1.25rem;
	}

	.section-offers .card-offer {
		height: 16.375rem!important;
	}
	.section-featured-category .card {
		min-height: 15.438rem!important;
	}
	.section-featured-category .p-4_5 {
		padding: 1.5rem;
	}
	.section-newsletter .btn {
		padding: 1.282rem 1.5rem;
		font-size: 1.25rem;
	}
	.section-banner .container,
	.section-newsletter .container,
	.section-offers .container,
	.section-hero .container-xl {
		max-width: 720px;
	}
	
	.searchModal-body .col-12, 
	.searchModal-body .card{
		height: 100%;
	}
	.searchModal .btn.w-40 {
		width: 80%;
	}

}
/*sm*/
@media (max-width: 767.98px) { 
	
	.section-featured-category .headline-3.w-75 {
		width: 100%!important;
	}
	.section-banner .container,
	.section-newsletter .container,
	.section-offers .container,
	.section-hero .container-xl {
		max-width: 540px;
	}
}
@media (max-width: 575.98px) {
	.section-banner .container,
	.section-newsletter .container,
	.section-offers .container,
	.section-hero .container-xl {
		max-width: 100%;
	}
	#carouselExampleControls .boxSize-md {
		width: 3.8rem;
	}
	#offcanvasRight .headline-5 {
		width: 75%;
	}
}


/*FOOTER*/

/*footer-map*/
.footer-map {
	background: #1B1D1E;
}
.account-page .footer-map {
	background: linear-gradient(0deg, #1B1D1E 72.33%, rgba(27, 29, 30, 0) 100%);
}
.footer-map-text { 
	background: linear-gradient(80.71deg, rgba(27, 29, 30, 0.9) -6.56%, rgba(0, 0, 0, 0) 39.11%);
}
.footer-map-img { 
	height: 500px;
}
.footer-map-alt {
	top: 59%;
	left: 58.5%;
}

/*xl*/
@media (max-width: 1399.98px) {
	.footer-map-alt {
		left: 59.5%;
	}
}
/*lg*/
@media (max-width: 1199.98px)  {
	.footer-map-img {
		height: 435px!important;
	}
}
/*md*/
@media (max-width: 991.98px) {
	.footer-map-img {
		height: 605px!important;
	}
	.footer-map .col-12 {
		padding-right: 0!important;
		padding-left: 0!important;
	}
	.footer-contact {
		margin-top: -200px;
		background: linear-gradient(to bottom, transparent 0%, #242626 100%), linear-gradient(360deg, #000000 83.64%, rgba(0, 0, 0, 0) 98.39%)!important;
		background-blend-mode: lighten, normal;
	}
	.footer-contact .headline-5 {
		font-size: 2rem;
	}
	.footer-contact p.text-xxs {
		font-size: 1.5rem;
		line-height: 1.25!important;
	}
	.footer-contact .copyright {
		font-size: 1.25rem;
	}
}







/*---------- supportpage ----------*/
/*---------------------------------*/




/*md*/
@media (max-width: 991.98px) {
	
	.supportPage .offcanvas,
	.message-wrapper,
	.supportPage-messageBox,
	.content-item {
		width: 100%!important;
	}

	.content-item {
		position: absolute;
		background: black;
		z-index: 500;
		transform: translateX(-100%)!important;
		transition: transform .3s ease-in-out;

	}
	.content-item.active {
		transform: translateX(0%)!important;
	}
}

/*---------- mygarage ----------*/
/*---------------------------------*/


.accordionPurchase {
	--bs-accordion-bg: transparent;
	--bs-accordion-border-color: transparent;
	--bs-accordion-color: #fff;
	--bs-accordion-btn-color: #fff;
}
.accordionPurchase .accordion-button::after {
	background-size: 18px;
	background-position: center;
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(227deg) brightness(103%) contrast(103%);
	border: 1px solid #fff;
	border-radius: 50%;
	padding: 20px;
}
.accordion-button:focus {
	border-color: transparent;
	box-shadow: none;
}
.accordion-button:not(.collapsed) {
	color: inherit;
	background-color: inherit;
	box-shadow: none;
}
.accordion-button .accordion-header-text {
	visibility: visible;
	transition:  all 0.15s ease-in-out;
}
.accordion-button:not(.collapsed) .accordion-header-text {
	visibility: hidden;
}
.accordionPurchase .accordion-collapse {
	margin-top: 0;
	transition: all 0.15s ease-in-out!important;
}
.accordionPurchase .accordion-collapse.show {
	margin-top: -100px;
}

.progress-wrapper {
	background-color: rgb(21,20,23);
}
.progress-bar.active .progress-point {
	background-color: #5c5c5c!important;
}
.progress-bar.active {
	background-image: linear-gradient(to left, #5C5C5C , #D1D1D1);

}
.product-box {
    width: 14vw;
}


@media (min-width: 1400px) {
	.custom-grid .custom-col .card {
		width:85%;
	}
	.custom-grid .custom-col:nth-child(3n) {
		justify-content: end;
	}
	.custom-grid .custom-col:nth-child(3n + 2) {
		justify-content: center;
	}
}
@media (min-width: 992px) and (max-width: 1198.98px) {
	#myGarage .carousel-control {
		top: 0 !important;
		bottom: 100%!important;
		margin-top: -4rem;
	}
	#myGarage .carousel-control-prev {
		left: auto;
		right: 4rem;
	}
}
@media (max-width: 991.98px) {
	
	#myGarage .boxSize-md {
		position: relative;
		width: 5rem;
		height: 5rem;
		background: linear-gradient(90.99deg, rgba(23, 23, 24, 0.6) 0.07%, rgba(36, 38, 38, 0.6) 100%), rgba(11, 11, 11, 0.6);
		border: 1px solid #656565;
	}	
	#myGarage .text-lg {
		font-size: 2.5rem;
	}
	.order-details-content p.text-xs,
	.purchase-item .text-xxs,
	.purchase-item .text-xxxs,
	.sort-list_text {
		font-size: 1.25rem!important;
	}
	.order-details-headline .text-xs {
		font-size: 1.5rem!important;
	}
	.order-details-imgs {
		width: 70px!important;
	}

	.newsletter-bg-img {
		width: 100%!important;
		top: 0!important;
		left: 0!important;
		transform: translate(0%,-30%) rotate(0deg)!important;
	}
	#selectAvatar .row.h-100,
	#addNewVechicle .row.h-100 {
		height: auto!important;
	}
	.modal-body .headline-3 {
		font-size: 4rem!important;
	}
	#addNewVechicle .form-control {
		font-size: 2rem!important;
		padding: 0.75rem 1.25rem 0.5rem;
	}
	#addNewVechicle  .btn-next::after {
		content: "";
	}
	#selectAvatar .boxSize-md {
		width: 5rem;
		height: 5rem;
		border: 1px solid #656565;
	}	
	#selectAvatar .carousel-control-icon {
		height: 0.875rem!important;
	}
	#selectAvatar .carousel-item-box.p-3 {
		padding: 1.838rem 1rem!important;
	}
	#selectAvatar .form-control-sm {
		padding: 1.1rem 1.25rem 0.9rem;
	}
	.my-garage .headline-1 {
		left: 0;
	}

}

@media (max-width: 575.98px) {
	#myGarage .boxSize-md,
	#selectAvatar .boxSize-md {
		width: 3rem;
	}
}



/*---------- products page ----------*/
/*---------------------------------*/

.productsSwiper .swiper-slide {
	width: 30%;
}
.section-products .swiper-pagination-bullet {
	width: 30px;
	height: 30px;
	background: transparent;
	color: #fff!important;
}
.section-products .swiper-pagination-bullet-active {
	font-size: 2.25rem!important;

	opacity: 1!important;
	background: transparent;
}
.swiper-btn-nav:after {
	font-size: 0.813rem;

}
.see-more-item {
	visibility: hidden;
	height: 0;
	opacity: 0;
	margin-top: 0;
	transition: visibility 0s, opacity 0.5s linear, height 0.5s linear;
}
.see-more-item.seeAll {
	visibility: visible!important;
	opacity: 1!important;
	height: auto!important;
	margin-top: 45px;
}
.see-more-item.col-lg:nth-child(-n+4) {
	visibility: visible;
	opacity: 1;
	height: auto;	
	margin-top: 0;
	padding-bottom: 8px;
}

input[type="range"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	pointer-events: none;
	background-color: transparent;
}

input[type="range"]::-webkit-slider-runnable-track {
	appearance: none;
	height: 5px;
}
input[type="range"]::-moz-range-track {
	appearance: none;
	height: 5px;
}
input[type="range"]::-ms-track {
	appearance: none;
	height: 5px;
}
input[type="range"]::-webkit-slider-thumb {
	appearance: none;
	height: 10px;
	width: 10px;
	background-color: #202028;
	border: 2px solid #FF7109;
	cursor: pointer;
   	margin-top: -8px;
	pointer-events: auto;
	border-radius: 50%;
}
input[type="range"]::-moz-range-thumb{
	appearance: none;
	height: 10px;
	width: 10px;
	cursor: pointer;
	border-radius: 50%;
	background-color: #FF7109;
	pointer-events: auto;
}
input[type="range"]::-ms-thumb{
	appearance: none;
	height: 10px;
	width: 10px;
	cursor: pointer;
	border-radius: 50%;
	background-color: #FF7109;
	pointer-events: auto;
}
input[type="range"]:active::-webkit-slider-thumb{
	background-color: #202028;
	border: 2px solid #FF7109;
}

#tickmarks {
	
	display: flex;
	justify-content: space-between;
}
#tickmarks option{
	background-color: #8c8c8c;
	min-height: 11px;
	width: 1px;
}
.see-more-item .ts-dropdown {
	bottom: 100%;
	top: auto;
}
/*lg*/
@media (max-width: 1199.98px)  {

	.category-body {
		height: auto!important;
		overflow: visible!important;
	}
	.col-1.position-relative {
		right: 0!important;
	}
	.see-more-item.col:nth-child(4) {
		visibility: hidden;
		opacity: 0;
		height: 0;	
		margin-top: 0;
		padding-bottom: 0px;
	}
	.see-more-item.seeAll:nth-child(4) {
		margin-top: 45px;
	}

}
@media (max-width: 991.98px) {
	.products-page {
		overflow: hidden;
	}
	.productsSwiper {
		height: auto!important;
	}
	.productsSwiper .swiper-slide {
		width: 50%;
	}
	.section-filtr {
		height: 100%;
		overflow: auto;
		background: linear-gradient(90deg, #171718 0%, #242626 116.58%), linear-gradient(0deg, rgba(11, 11, 11, 1), rgba(11, 11, 11, 1)), #D9D9D9;
	}
	.section-filtr .border-light-gray-opacity-20 {
		border: none!important;
	}
	.see-more-options.w-75 {
		width: 100%!important;
	}
	.see-more-item,
	.see-more-item:nth-child(-n+4) {
		visibility: visible!important;
		opacity: 1!important;
		height: auto!important;
		margin-top: 29px!important;
		
	}
	.see-more-item.col .ts-control {
		padding: 1.57rem 1rem 1.55rem;
	}
	.values.text-md {
		font-size: 2rem!important;
	}
}
@media (max-width: 767.98px) {
	.productsSwiper .swiper-slide {
		width: 70%;
	}
}
@media (max-width: 575.98px) {
	.productsSwiper .swiper-slide {
		width: 80%;
	}
}


/*---------- single product page ----------*/
/*-----------------------------------------*/

.carouselProduct-indicators [data-bs-target]:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
.carouselProduct-indicators .active {
	background: rgba(11, 11, 11, 0.6);
	--bs-border-opacity: .1;
}
/*xl*/
@media (max-width: 1399.98px) {
	#carouselProduct .carousel-item .w-65 {
		width: 88%;
	}
}
/*md*/
@media (max-width: 991.98px) {
	.top-bar {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(11, 11, 11, .4); 
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		border-radius: 0px 0px 10px 10px;
		font-size: 1.5rem;
	}
	.product-thumbnails {
		background: linear-gradient(90deg, #171718 0%, #242626 100%), rgba(11, 11, 11, 0.4);
		border-top: 1px solid rgba(255, 255, 255, 0.5);
		border-radius: 10px 10px 0 0;
	}
	.carouselProduct-indicators [data-bs-target] {
		background-color: transparent;
	}
	.carouselProduct-indicators .active {
		background: rgba(11, 11, 11, 0.6);
	}
	.product-summary {
		position: relative!important;
	}
	#carouselProduct .carousel-item .w-65 {
		width: 100%;
	}
}	

/*---------- cart page + thnakyou page ----------*/
/*-----------------------------------------*/
@media (max-width: 1399.98px) {
	.section-thank-you {
		overflow-x: hidden;
	}
	.section-thank-you .cartSwiper {
		overflow: visible;
	}
}
@media (max-width: 991.98px) {
	.section-thank-you .cart-container .card-bg-dark {
		background: transparent;
	}
	.table .productItem td {
		border-width: 0;
	}
	.table .productItem  {
		border-color: transparent;
		background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) -0.02%, rgba(0, 0, 0, 0) 125.5%), rgba(11, 11, 11, 0.4);
		border-radius: 0.5rem;
	}	
	
	.cell-img {
		width: 111px;
		float: left;
		height: 198px;
	}
	.cell-item,
	.cell-final-price,
	.section-thank-you .cell-price,
	.section-thank-you .cell-quantity {
		width: calc(100% - 111px - 3rem - 1.5rem);
	}
	.cell-price {
		width: 44%;
	}
	.cell-quantity {
		width: 22%;
	}
	.cell-quantity .boxSize-xs {
		border: 1px solid #8C8C8C!important;
		background: rgba(11, 11, 11, 0.6);
	}
	.cell-item,
	.cell-quantity,
	.cell-final-price .totalCost,
	.summary-cart .text-xs,
	.tab-user-details .user-name,
	.tab-user-details .text-xs,
	.shipping-date,
	.summary-text {
		font-size: 1.5rem!important;
		line-height: 1.25!important;
	}
	.label-check .icon-record {
		font-size: 3rem;
	}

	.tab-pane .headline-3 {
		font-size: 4rem!important;
	}
	.summary-cart .form-control,
	.summary-cart .text-summary,
	.payment-name,
	.shipping-price,
	.summary-subtilte,
	.form-shipping .form-control-sm {
		font-size: 2rem!important;
	}
	.form-shipping .form-control-sm {
		padding: 0.75rem 1.25rem 0.5rem;
	}
	.shipping-map img {
		max-width: 100%;
	}
	.shipping-map .icon-location1 {
		left: 47%!important;
	}
	.summary-data {
		font-weight: 500;
	}
	.tab-user-details .logbox {
		background: transparent;
		border: 0px;
	}
	.logbox .form-control-sm {
		padding: 1.1rem 1.25rem 0.9rem;
	}
}
@media (max-width: 575.98px) {
	.cell-price {
		width: auto;
	}
	.cell-quantity {
		width: auto;
	}
}

/*---------- account page ----------*/
/*-----------------------------------------*/

.section-account .aside {
	width: 76%;
}
.account-tab.active,
.account-tab.active .icon {
	color: #FF7109!important;
	font-weight: 700!important;
}
.btn-check:checked+.address-label .address-label-checked {
	display: block!important;
}
.btn-check:checked+.address-label .address-label-edit {
	color: #FF7109!important;
}

.section-account .payment-item {
	width: 416px;	
}
.section-account .credit-cart {
	box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.18);		
	height: 262px;
}
.section-account .credit-cart:before {
	content: '';
	background-image: url(../images/Card-Background/card-backgorund.svg);
	width: 100%;
    height: 200%;
    background-size: cover;
    position: absolute;
    top: -100%;
    left: -20%;
    background-repeat: no-repeat;
}
.section-account .credit-cart-mastercard {
	background-image: linear-gradient(100.87deg, #FF8E70 5.72%, #FFC371 95.58%);
}
.section-account .credit-cart-visa {
	background-image: linear-gradient(100.87deg, #70E5FF 5.72%, #7177FF 95.58%);	
}
.slider-cards .swiper-button-next {
	right: -28%;
}
.slider-cards .swiper-button-prev {
	left: -28%;
}
.slider-cards .swiper-button-next:after {
	content: "\e935";	
}
.slider-cards .swiper-button-prev:after {
	content: "\e930";	
}
.slider-cards .swiper-button-next:after, .slider-cards .swiper-button-prev:after {
	font-family: "iconsax";
	font-size: 0.5rem;
}
#orders-tab {
	--bs-nav-tabs-link-active-bg: transparent!important;
    --bs-nav-tabs-link-active-border-color: transparent!important;
	border-bottom: 1px solid transparent;
}
#orders-tab .nav-link:focus, #orders-tab .nav-link:hover {
	border: 1px solid transparent;
	--bs-text-opacity: 1!important;
}
#orders-tab .nav-link.active {
	--bs-text-opacity: 1!important;
}
.section-account:has(> .container .row .col-12 .tab-content #v-my-orders.active) + .section-contact {
	display: block!important;
}
#orders-all.active ~ .fade:not(.show) {
 opacity: 1!important;
 display: block!important;
}


@media (max-width: 1399.98px) {
	.section-account .aside {
		width: 100%;
	}
}
@media (max-width: 1199.98px) {
	#orders-tab {
		width: 75%!important;
	}
}

@media (max-width: 991.98px) {
	.section-account .tab-pane .headline-3 {
		font-size: 4rem!important;
	}
	.section-account .tab-pane .text-md,
	.section-account .tab-pane .headline-4  {
		font-size: 2rem!important;
	}
	.tab-user-details .form-control-sm {
		padding: 1.1rem 1.25rem 0.9rem;
	}
	.section-account .address-label .text-xs {
		font-size: 1.5rem!important;
	}
	.section-account .tab-pane .btn-lg-link {
		padding: 1.125rem 1rem;		
	}
	.section-account .tab-pane .mb-4 {
		margin-bottom: 2rem!important;
	}
	.section-account .payment-item {
		width: 100%;	
	}
	.section-account .credit-cart {
		height: auto;
	}
	.section-account .credit-cart .text-md {
		font-size: 1.5rem!important;
	}
	#orders-tab {
		width: 100%!important;
		background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) -0.02%, rgba(0, 0, 0, 0) 99.98%), rgba(11, 11, 11, 0.4)!important;
	}
	#orders-tab .nav-link {
		font-size: 1rem!important;
	}
	#orders-tab .nav-link.active {
		background-color: #FF7109;
		border-radius: 8px;
	}
	
}	
@media (max-width: 767.98px) {
	.slider-cards .swiper-button-next {
		right: -15%;
	}
	.slider-cards .swiper-button-prev {
		left: -15%;
	}
}

/*---------- privacy policy page ----------*/
/*-----------------------------------------*/
@media (max-width: 991.98px) {
	.section-contact .w-50 {
		width: 100%!important;
	}	
	.section-privacy-policy .headline-5 {
		font-size: 2rem;
		text-transform: none!important;
	}
	
}


/*---------- about page ----------*/
/*-----------------------------------------*/
.section-browse .shape-trapeze {
	background: rgba(255, 113, 9, 0.5);
	-webkit-clip-path: polygon(0 0, 57% 0, 50% 100%, 0% 100%);
	clip-path: polygon(0 0, 57% 0, 50% 100%, 0% 100%);

}
@media (max-width: 1399.98px) {
	.section-browse .shape-trapeze {
		-webkit-clip-path: polygon(0 0, 65% 0, 56% 100%, 0% 100%);
		clip-path: polygon(0 0, 65% 0, 56% 100%, 0% 100%);
	
	}
	.section-about-us .m-neg-md {
		margin-top: 0;
	}
}

@media (max-width: 1199.98px) {
	.section-browse .shape-trapeze {
		-webkit-clip-path: polygon(0 0, 65% 0, 56% 100%, 0% 100%);
		clip-path: polygon(0 0, 65% 0, 56% 100%, 0% 100%);
	
	}
	.section-about-us .m-neg-md {
		margin-top: 0;
	}
}

@media (max-width: 991.98px) {
	.img-desctiption {
		background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) -0.02%, rgba(0, 0, 0, 0) 99.98%), rgba(11, 11, 11, 0.8);
		border: 1px solid rgba(255, 255, 255, 0.5);
		backdrop-filter: blur(3px);
		border-radius: 10px;
		padding: 0.6rem 1rem!important;
		transform: translateY(-50%)!important;
		bottom: auto!important;
		top: 100%;
		left: 0;
		margin: auto;
		width: 75%;
	}
	.atv-logos img {
		width: 100%;
	}
	.section-browse .shape-trapeze {
		background: linear-gradient(201.88deg, #FF7109 32.66%, rgba(255, 113, 9, 0) 116.64%);
		-webkit-clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
	}
	.section-contact-form {
		padding-bottom: 9.375rem;
	}
	.section-contact-form .footer-form-address {
		--bs-border-width: 0px!important;
	}
	.section-contact-form .form-control-sm {
		padding: 1.1rem 1.25rem 0.9rem;
	}
	.section-contact-form .text-xs {
		font-size: 1.5rem;
		line-height: 1.25;
	}
	.section-contact-form .headline-5.text-primary,
	.section-contact-form .text-xs.text-primary,
	.section-contact-form .text-md.icon-location1 {
		font-size: 2rem;
	}
	.section-contact-form .boxSize-lg {
		width: 4.25rem;
		height: 4.25rem;
	}
	
}
@media (max-width: 575.98px) {
	.img-desctiption {
		width: 85%;
	}
	.advantage-box {
		padding: 1rem
	}
	.section-browse .w-75 {
		width: 100%!important;
	}
}

/*---------- faq page ----------*/
/*-----------------------------------------*/
#accordionFAQ .accordion-button::after {
	content: '\e908';
	font-family: 'iconsax';
	font-weight: 100;
	background-image: url();
	transform: none;
}
#accordionFAQ .accordion-button:not(.collapsed)::after {
	background-image: url();
	content: '\eb1f';
	font-family: iconsax;
	transform: none;
}
@media (max-width: 991.98px) {
	.section-faq .headline-5 {
		font-size: 2rem!important;
	}
}


/*---------- blog page and post page ----------*/
/*-----------------------------------------*/
.feature-img-overlay {
	background: linear-gradient(360deg, rgba(0, 0, 0, 0.72) 7.12%, rgba(0, 0, 0, 0) 41.87%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.carouselFeaturedPosts-control {
	margin-top: -1.5rem;
}
.carouselFeaturedPosts-control.carousel-control-next {
	margin-left: -1.5rem;
}
.carouselFeaturedPosts-img {
	height: 410px;
}

@media (max-width: 1399.98px) {
	.header-carousel {
		position: absolute;
		z-index: 3;
	}
	.header-carousel .h-100 {
		height: auto!important;
	}
	.carouselFeaturedPosts-img {
		height: 474px;
	}
	.carouselFeaturedPosts-control {
		top: 90%!important;
		height: 4rem;
	}
	.blog-page .text-truncate_line-4 {
		-webkit-line-clamp: 3;
		max-height: 4.125rem;
	}
}
@media (max-width: 1199.98px) {
	.carouselFeaturedPosts-control {
		top: 50%!important;
		height: 3rem;
	}
	.thumbnail-latest-post img {
		height: 414px!important;
	}
	.thumbnail-oldest-post .btn {
		width: 60%!important;
	}
}
@media (max-width: 991.98px) {
		
	.blog-page .text-xs,
	.blog-page .btn-text,
	.blog-page p.text-xxs {
		font-size: 1.5rem!important;
	}
	.blog-page .headline-4 {
		font-size: 2rem!important;
	}
	
	.header-carousel {
		position: relative;
	}
	.carouselFeaturedPosts-img {
		height: 330px;
	}
	.carousel-caption {
		position: static;
		width: 100%!important;
		background: transparent;
		border-width: 0!important;
	}
	.carouselFeaturedPosts .carousel-item {
		background: linear-gradient(90deg, #171718 0%, #242626 100%), #FFFFFF;
    	border: 1px solid rgba(255, 255, 255, 0.5);
	}
	.thumbnail-latest-post img,
	.thumbnail-oldest-post img {
		height: 324px!important;
	}

	.thumbnail-latest-post .headline-3 {
		font-size: 2rem!important;
	}
	.blog-page .text-truncate_line-4 {
		max-height: 5.625rem;
	}
	p.thumbnail-post-date.text-xxs {
		position: absolute;
		background: rgba(255, 255, 255, 0.8);
		border: 1px solid #FFFFFF;
		color: #171718!important;
		font-size: 1rem!important;
	}
	.thumbnail-latest-post .btn,
	.thumbnail-oldest-post .btn {
		padding: 1.575rem 1rem;
	}
	.thumbnail-latest-post .btn:after,
	.thumbnail-oldest-post .btn:after {
		content: "";
	}
	.article-header-text .headline-2 {
		font-size: 2.5rem;
	}
	.article-header-data .btn {
		padding: 1.125rem 1.5rem;
	}
	.carouselArticleImg img {
		height: 633px!important;
	}
	.advertising-hook {
		min-height: 20rem;
		margin: 8.625rem 0;
	}
	.advertising-hook .aside {
		position: absolute!important;
		width: 100%;
		min-height: inherit;
		border-radius: 0!important;
	}
	.advertising-hook .headline-3 {
		font-size: 4em!important;
	}
	
}
@media (max-width: 767.98px) {
	.carouselFeaturedPosts .carousel-item {
    	border: 0px;
		border-radius: 0!important;
		padding: 0;
	}
	.carouselFeaturedPosts-img {
		border-radius: 0!important;
		height: 890px;
		width: auto;	
	}
	.carousel-caption {
		position: absolute;
		left: 0!important;
	}
	.carousel-caption .text-gray {
		color: #fff!important;
	}
	.advertising-hook {
		margin: 6.563rem 0;
	}
	.section-oldest-posts .hidden {
		display: none;
	}
}


.article-header-img {
	height: 21.75rem;
}
.carouselArticle-card {
	width: 256px;
	box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
}
.article-grid {
	grid-template-columns: repeat(10, 1fr);
	grid-column-gap: 1.5rem;
}
.article-thumbnails-images { grid-area: 1 / 1 / 5 / 4; }
.paragraf-1 { grid-area: 1 / 4 / 2 / 11; }
.article-hook { grid-area: 2 / 4 / 3 / 11; }
.paragraf-2 { grid-area: 3 / 4 / 4 / 11; }
.paragraf-3 { grid-area: 4 / 4 / 5 / 11; }

@media (max-width: 1199.98px)  {
	.article-header-img,
	.article-header-text {
		border-radius: 0!important;
	}
}
@media (max-width: 991.98px)  {
	.article-header-img {
		height: 870px;
	}
	.article-header-text {
		position: relative!important;
		background: #161615!important;
		border: 2px solid #FFFFFF;
		border-bottom: 0;
		border-radius: 3.75rem 3.75rem 0 0!important;
		margin-top: -4.75rem;
	}
	.article-header-data .btn {
		width: 100%;
	}
	.article-lead {
		background: #161615!important;
		border-radius: 0 0 3.75rem 3.75rem!important;
		border: 2px solid #FFFFFF;
		border-top: 0;
	};
	.article-header-text .headline-2 {
		font-size: 2.5rem!important;
	}
	.article-header-data {
		background: transparent;
	}
	.carouselArticleImg img {
		border-radius: 2.875rem;
	}
	.article-grid {
		grid-template-columns: repeat(12, 1fr);
		grid-column-gap: 0px;
	}
	.article-thumbnails-images { grid-area: 4 / 1 / 5 / 13; }
	.paragraf-1 { grid-area: 1 / 2 / 2 / 12; }
	.article-hook { grid-area: 2 / 1 / 3 / 13; }
	.paragraf-2 { grid-area: 3 / 2 / 4 / 12; }
	.paragraf-3 { grid-area: 5 / 2 / 6 / 12; }
	
	.article-thumbnail-img {
		height: 220px!important;
	}
	.share-buttons .w-30 {
		width: 100%;
	}
}
@media (max-width: 767.98px)  {
	.article-header-img {
		height: 836px;
	}
	
	.paragraf-1 { grid-area: 1 / 1 / 2 / 13; }
	.paragraf-2 { grid-area: 3 / 1 / 4 / 13; }
	.paragraf-3 { grid-area: 5 / 1 / 6 / 13; }

	.article-thumbnail-img {
		height: 174px!important;
	}
	 
}

/*---------- register & login page ----------*/
/*-----------------------------------------*/
#strengthProgress .progressBar {
	transition: background-color 0.75s ease-in-out;
}
#strengthProgress .weak:nth-child(-n + 2) {
	background-color: #D70C0C!important;
}
#strengthProgress .medium:nth-child(-n + 3) {
	background-color: #FF7109!important;
}
#strengthProgress .strong {
	background-color: #00CD08!important;
}

.login-page {
	min-height: calc(100vh - 10.313rem);
}
@media (max-width: 991.98px)  {
	.login-page {
		min-height: auto;
	}
	.login-box {
		min-height: calc(100vh - 14rem);
	}
	.login-box .headline-3 {
		font-size: 4rem!important;
	}
	.login-box .text-xs,
	.login-box .text-xxs {
		font-size: 1.5rem!important;
	}
	.login-box .form-control-sm {
		padding: 1.1rem 1.25rem 0.9rem;
	}
}



