/* banner css */
.banner { display: flex; align-items: center; justify-content: center; height: 110vh; position: relative; text-align: center; z-index: 1; }
.bgImage { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.bgImage img { width: 100%; height: 100%; object-fit: 100% 100%; }
.banner .BtnWrap { justify-content: center; margin: 65px 0 0 0; }
.banner .BHeading { margin: 22px 0;  display: block;}
.bannerInner { width: 80%; margin: 0 auto; }
.maarqee { overflow-x: clip;    /* padding: 100px 0; */ margin: -10vh 0 0 0; position: relative; z-index: 1; display: flex; align-items: center; gap: 22px; }
.marqueeWrap { animation: maarquee 25s linear infinite; display: flex; align-items: center; gap: 2; gap: 22px; }
.maarqeeImage { border: 1px solid #36286D33; background: #FFFFFF66; backdrop-filter: blur(74px); padding: 40px 0; border-radius: 16px; }
@keyframes maarquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}
@media (max-width:1366px) {
	.banner { height: 120vh; }
	.bannerInner { width: 70%; }
	.banner .BtnWrap { margin: 35px 0 0 0; }
}
@media (max-width:1024px) {
	.maarqeeImage { padding: 10px; }
}
@media (max-width:768px) {
	.banner { height: 98vh; }
	.product-single .bannerInner { width: 90%; }
}
@media (max-width:480px) {
	.bannerInner, .product-single .bannerInner { width: 100%; }
}