/*FONT START*/
@font-face {
	font-family: 'BMWTypeNextTT-Bold';
	src: url("../fonts/BMWTypeNextTT-Bold.eot");
	src: url("../fonts/BMWTypeNextTT-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/BMWTypeNextTT-Bold.woff") format("woff"),
		url("../fonts/BMWTypeNextTT-Bold.ttf") format("truetype");
	font-display: swap
}

@font-face {
	font-family: 'BMWTypeNextTT-Light';
	src: url("../fonts/BMWTypeNextTT-Light.eot");
	src: url("../fonts/BMWTypeNextTT-Light.eot?#iefix") format("embedded-opentype"),
		url("../fonts/BMWTypeNextTT-Light.woff") format("woff"),
		url("../fonts/BMWTypeNextTT-Light.ttf") format("truetype");
	font-display: swap
}

@font-face {
	font-family: 'BMWTypeNextTT-Thin';
	src: url("../fonts/BMWTypeNextTT-Thin.woff2") format("woff2"),
		url("../fonts/BMWTypeNextTT-Thin.woff") format("woff"),
		url("../fonts/BMWTypeNextTT-Thin.ttf") format("truetype");
	font-display: swap
}

@font-face {
	font-family: 'BMW_iconFont';
	src: url("../fonts/BMW_iconFont.eot");
	src: url("../fonts/BMW_iconFont.eot#iefix") format("embedded-opentype"),
		url("../fonts/BMW_iconFont.woff2") format("woff2"),
		url("../fonts/BMW_iconFont.ttf") format("truetype"),
		url("../fonts/BMW_iconFont.woff") format("woff"),
		url("../fonts/BMW_iconFont.svg") format("svg");
	font-style: normal;
	font-weight: normal
}

.acc_desktop{display: block;}
.acc_mobile{display: none;}
.acc_container{width:100%; float: left;}

:root {
	--font-family: 'Public Sans', sans-serif;
	--black: #000000;
	--white: #ffffff;
	--blue: #1b69d4;
	--bluehover: #0a57b3;
	--grey: #8e8e8e;
}

.grey {
	color: var(--grey);
}

.blue {
	color: var(--blue);
}


body {
	min-height: 100vh;
	margin: 0;
}



.content {
	flex: 1;
}
body,
html {
	overflow: visible;
	font-family: 'BMWTypeNextTT-Light' !important;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
}

a {
	text-decoration: none !important;
}
.acc_text_area a{font-size: 15px; color: #fff; border:1px solid #fff; padding: 10px 20px;}
a:hover {
	text-decoration: none;
}

.hiddenOverflow {
	overflow: hidden !important;
}

.topfixed {
	top: 0px !important
}


/*COMMON*/
*,
::after,
::before {
	box-sizing: border-box;
}

* {
	margin: 0;
	padding: 0;
}

ul,
li {
	list-style: none;
}


body,
html {color: #ffffff;font-family: 'BMWTypeNextTT-Light', Arial, Helvetica, sans-serif;    background-color: #262626;}
.btnfont {font-family: 'BMWTypeNextTT-Bold' !important;}
.litefont {font-family: 'BMWTypeNextTT-Light' !important;}
.strong,
strong {font-family: 'BMWTypeNextTT-Bold' !important;}
.posrel {position: relative;}

.white{color: #000000 !important;}


/*ACCESSORIES TEXT AREA START*/
#bmw_accessories .acc_text_area{text-align: center;padding: 5% 0px;display: flex;align-items: center;justify-content: center;flex-flow: column;gap: 20px;}
#bmw_accessories .acc_text_area h1 {font-size: 2rem;margin-bottom: 10px;}
#bmw_accessories .acc_text_area p {font-size: 1rem;line-height: 1.6;max-width: 600px;}
/*ACCESSORIES TEXT AREA END*/


/*BACKGROUND IMAGE WIDTH TEXT START*/
.bgimg-accessories-section {position: relative; width: 100%; float: left; height: 100vh;display: flex;align-items: center;justify-content: flex-start;overflow: hidden;}
.acc_bg1 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;transition: transform 0.5s ease;}
.acc_bg2 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;transition: transform 0.5s ease;}
.acc_bg3 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: center;transition: transform 0.5s ease;}


/* .bgimg-accessories-section:hover .acc_bg {transform: scale(1.1);} */
.acc_content {position: relative;color: white;text-align: left;z-index: 2;padding: 20px;border-radius: 10px;padding-left: 10%;}
.acc_content h3 {font-size: 2rem;margin: 0;}
.acc_content p {font-size: 1rem;margin-top: 30px;max-width: 400px;}
/*BACKGROUND IMAGE WIDTH TEXT END*/



.acc_slider_section .carousel-item {
	text-align: center;
	display: block;
}
.acc_slider_section .carousel-item img {
	max-width: 100%;
	height: auto;
}
.acc_slider_section .carousel-item h3 {
	margin-top: 15px;
	font-size: 22px
}
.acc_slider_section .carousel-item p {
	font-size: 15px;
	margin-top: 20px;
}


/*ACC BOX START*/
.acc_box{width: 100%; padding:5%; display: flex; align-items: center; justify-content: center;}
.acc_box .acc_box_txt{width: 50%; display: flex; align-items: flex-start; gap:20px; flex-flow: column;}
.acc_box .acc_box_txt h3{font-size: 23px;}
.acc_box .acc_box_txt p{font-size: 15px; max-width: 60%;}
.acc_box .acc_box_txt a{font-size: 15px; color: #fff; border:1px solid #fff; padding: 10px 20px;}


.acc_box .acc_box_img{width: 50%;}
.acc_box .acc_box_img img{width: 100%;}


/*FULL VIDEO START*/
.video-section {position: relative; width: 100%;height: 100vh; overflow: hidden;}
.video-section video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover; object-position: bottom;transform: translate(-50%, -50%);}
.video-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;color: white;text-align: center;padding: 20px;}
.video-overlay h1 {font-size: 3rem;margin-bottom: 1rem;}
.video-overlay p {font-size: 1.5rem;}
 .video-section img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}


/*ACCESSORIES SLIDER SECTION START*/
.acc_slider_section{width: 100%; float: left; padding: 5% 5%;}


.dis_txt{font-size: 12px;}


 h2{font-size: 25px;font-family: 'BMWTypeNextTT-Light';padding: 20px 0px 0px;text-transform: uppercase; margin-top: 30px; padding: 0px;}
.highlight-slider{margin:40px 0px;}
.owl-carousel .item {text-align: center;}
.owl-carousel .item img {width: 100%;border-radius: 10px;}
.highlight-slider .hidden {display: none;}
.highlight-slider .thumb-title {margin-top: 10px; font-family: 'BMWTypeNextTT-Bold';font-size: 24px;color: #fff; position: absolute; bottom: 30px; width: 100%; text-align: center;}
.fancybox-caption__body h4 {text-align: center;color: #fff;font-size: 18px; margin:10px 0px;font-family: 'BMWTypeNextTT-Bold';}
.fancybox-caption__body p {text-align: center;color: #fff; font-size: 15px;}
.owl-nav {position: absolute;top: 50%;width: 100%;transform: translateY(-50%);display: flex;justify-content: space-between;pointer-events: none; }
.owl-nav .owl-prev,
.owl-nav .owl-next {
    background: linear-gradient(45deg, #a1a1a1, #a1a1a1) !important; 
    color: white !important;
    border-radius: 50%;
    width: 50px; 
    height: 50px;
    display: flex;
	margin-top: -3px;
    align-items: center;
    justify-content: center;
    pointer-events: auto; 
    cursor: pointer !important;
    font-size: 26px !important; transition: transform 0.3s ease, box-shadow 0.3s ease;position: absolute;
  }
.owl-nav .owl-prev span,
.owl-nav .owl-next span{margin-top: -5px;}
.owl-nav .owl-prev {left: -30px; }
.owl-nav .owl-next {right: -30px;}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {transform: scale(1.1); box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);}
.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {opacity: 0.5 !important; pointer-events: none !important; }
/*ACCESSORIES SLIDER SECTION END*/