body,*{
	margin: 0;
	font-family: 'DMSans-Regular';
}

html {
  scroll-behavior: smooth;
}

.DMSansLight {
	font-family: 'DMSans-Light';
}

.DMSansRegular {
	font-family: 'DMSans-Regular';
}

.DMSansMedium {
	font-family: 'DMSans-Medium';
}

.DMSansSemiBold {
	font-family: 'DMSans-SemiBold';
}

.DMSansBold {
	font-family: 'DMSans-Bold';
}

.DMSansExtraBold {
	font-family: 'DMSans-ExtraBold';
}

.RedHatDisplayLight {
	font-family: 'RedHatDisplayLight';
}

.RedHatDisplayRegular {
	font-family: 'RedHatDisplay-Regular';
}

.RedHatDisplayMedium {
	font-family: 'RedHatDisplay-Medium';
}

.RedHatDisplaySemiBold {
	font-family: 'RedHatDisplay-SemiBold';
}

.RedHatDisplayBold {
	font-family: 'RedHatDisplay-Bold';
}

.font10 {
	font-size: 10px;
}

.font12 {
	font-size: 12px !important;
}

.font13 {
	font-size: 13px;
}

.font14 {
	font-size: 14px !important;
}

.font15 {
	font-size: 15px;
}

.font16 {
	font-size: 16px;
}

.font18 {
	font-size: 18px;
}

.font20 {
	font-size: 20px;
}

.font22 {
	font-size: 22px;
}

.font25 {
	font-size: 25px !important;
}

.font30 {
	font-size: 30px !important;
}

.font40 {
	font-size: 40px;
}

h1 {
	font-size: 70px !important;
}

h2 {
	font-size: 50px !important;
}

.w-10 {
	width: 10%;
}

.w-15 {
	width: 15%;
}

.w-20 {
	width: 20%;
}

.w-30 {
	width: 30%;
}

.w-35 {
	width: 35%;
}

.w-40 {
	width: 40%;
}

.w-60 {
	width: 60%;
}

.w-70 {
	width: 70%;
}

.w-80 {
	width: 80%;
}

.w-85 {
	width: 85%;
}

.w-90 {
	width: 90%;
}

.dNone, .mobileHeader {
	display: none;
}

a {
	text-decoration: inherit;
}

button {
	box-shadow: inherit !important;
	outline: none !important;
}

.fit-cover {
	object-fit: cover;
}

.cursor {
	cursor: pointer;
}

.section-padding-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-padding-bottom-50 {
	padding-bottom: 50px;
}

.section-padding-top-50 {
	padding-top: 50px;
}

.section-padding-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.section-padding-bottom-100 {
	padding-bottom: 100px;
}

.section-padding-top-100 {
	padding-top: 100px;
}

.list-style-none {
	list-style: none;
}

.align-middle {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.radius10 {
	border-radius: 10px !important;
}

.radius0 {
	border-radius: 0 !important;
}

/*.blackTransparent, .lightTransparent {
	border-radius: 10px;
	padding-top: 5px 10px;
	transition: 0.4s;
}

.blackTransparent:hover, .lightTransparent:hover {
	transition: 0.4s;
}

.blackTransparent {
	border: solid 1px #000;
}

.blackTransparent:hover {
	background: #000;
	color: #fff;
}*/

.lightTransparent {
	border: solid 1px #fff;
}

.lightTransparent:hover {
	background: #fff;
	color: #000 !important;
}

p {
	line-height: 26px;
}

.lightShadow {
	box-shadow: 0 .5rem 1rem rgb(0 0 0 / 5%) !important;
}

.whiteBtn, .blackBtn, .blackTransparentBtn, .lightTransparent {
	padding: 12px 45px !important;
	min-width: max-content;
	font-size: 16px !important;
	line-height: 21px !important;
	font-weight: 700 !important;
	border-radius: 30px !important;
}

.whiteBtn, .whiteBtn:hover, .whiteBtn:active {
	background: #fff !important;
	color: #000 !important;
	border-color: #fff !important;
}

.blackBtn {
	border: solid 2px;
	background: #000 !important;
	color: #fff !important;
	border-color: #000;
}

.darkBtn {
	border: solid 1px #fff !important;
	padding: 0;
	border-radius: 10px !important;
	background: #212529 !important;
	color: #fff !important;
	transition: 0.3s;
}

.blackTransparentBtn {
	border: solid 2px #000 !important;
	color: #000;
}

.blackTransparentBtn:hover {
	background: #212529 !important;
	color: #fff !important;
	transition: 0.3s;
}

.sectionHeader .heading {
	text-shadow: rgba(210, 210, 210, 0.71) -1px -1px 0px, rgba(210, 210, 210, 0.71) 0px -1px 0px, rgba(210, 210, 210, 0.71) 1px -1px 0px, rgba(210, 210, 210, 0.71) 1px 0px 0px, rgba(210, 210, 210, 0.71) 1px 1px 0px, rgba(210, 210, 210, 0.71) 0px 1px 0px, rgba(210, 210, 210, 0.71) -1px 1px 0px, rgba(210, 210, 210, 0.71) -1px 0px 0px;
	color: rgb(255, 255, 255);
	font-size: 55px !important;
	line-height: 130px;
}

.subHeading {
	margin-top: -50px;
}

p.para {
	font-size: 16px;
	line-height: 26px;
	color: #5D666F !important;
}

p.highlightPara {
	font-size: 16px;
	color: #1C2539;
	font-weight: 500;
}

/* Changed Header */

.mainLogoSection {
	top: -98px;
	left: 0;
	z-index: 999;
	padding: 10px;
	transform: rotate(21deg);
}

.logoWhiteBG {
	width: 105px;
	height: 100px;
	background: #fff;
	top: -8px;
	left: 0;
	z-index: -1;
}

.scrollNav .logoWhiteBG {
	width: 105px;
	height: 100px;
	background: #fff;
	top: -8px;
	left: 0;
	z-index: -1;
}

/*.scrollNav .mainLogoSection {
	top: -28px;
	transform: inherit;
}

.scrollNav .mainLogoSection img {
	transform: inherit;
	margin-top: inherit;
}*/

@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.slick-slide .imageFade, .topBrandBanner .imageFade {
	opacity: 0;
	/*animation: fadeUp 0.8s ease-out forwards;*/
	animation: fadeUp 0.4s ease-out 0.2s forwards; /* 0.3s delay */
}

.slick-slide .headinFade, .topBrandBanner .headinFade {
	opacity: 0;
	/*animation: fadeUp 0.8s ease-out forwards;*/
	animation: fadeUp 0.8s ease-out 0.6s forwards; /* 0.3s delay */
}

.slick-slide .paragraphFade, .topBrandBanner .paragraphFade {
	opacity: 0;
	animation: fadeUp 1s ease-out 0.8s forwards; /* 0.3s delay */
}

/* Reset for non-active slides */
.slick-slide:not(.slick-active) .imageFade,
.slick-slide:not(.slick-active) .headinFade,
.slick-slide:not(.slick-active) .paragraphFade {
	opacity: 0;
	animation: none;
}







/* Main Section */

.shortAbout .fa-circle-check {
	padding: 4px;
	/*background: #eee;*/
	border-radius: 50%;
	color: #1c2539;
	font-size: 18px;
	margin-right: 10px;
	margin-top: 0px;
}

.aboutExp {
	background: #fff;
	right: -50px;
	bottom: 50px;
	border-radius: 20px;
	animation: jump-2 6s linear infinite;
}

@keyframes jump-2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	50% {
		-webkit-transform: translate3d(0, 30px, 0);
		transform: translate3d(0, 30px, 0);
	}
}

.imgBorder {
	border: solid 10px #e1e1e1;
	border-radius: 35px;
}

.shortAbout .moveImg img {
	width: 250px;
	border-radius: 20px;
	border: solid 10px #fff;
}

.shortAbout .moveImg, .moveImg {
	top: 10%;
	left: -100px;
	animation: jump-2 6s linear infinite;
}

/*.brandsOuter .brandBox .mainImg {
	border-radius: 10px;
}*/

.brandsOuter .brandBox:hover::before {
	height: 100%;
}

.brandsOuter .brandBox::before {
	content: "";
	position: absolute;
	background: #fff;
	opacity: 0.9;
	width: 100%;
	height: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
	transition: all 0.3s ease 0s;
	clip-path: polygon(0% -65%, 0% 101%, 99% 101%);
	/*border-radius: 10px;*/
}

.brandsOuter .brandBox .single-portfolio {
	position: absolute;
	bottom: 10%;
	left: 5%;
	transform: scale(0);
	transition: all 0.4s;
	z-index: 1;
	width: 75%;
}

.brandsOuter .brandBox:hover .single-portfolio {
	transform: scale(1);
}

.brandsOuter .brandBox:hover .pf-btn {
	transform: scale(1);
}

.brandsOuter .brandBox .pf-btn {
	background-color: #fff;
	color: #000;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
	border-radius: 50%;
	position: absolute;
	bottom: 12%;
	right: 7%;
	transform: scale(0);
	transition: all 0.4s;
	z-index: 1;
}

.textureBG {
	background-image: url(../img/bg-02.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	/*height: 400px;*/
}

.ctaBox {
	background-image: url(../img/cta-01.jpg);
	background-repeat: no-repeat;
	background-color: #000000ad;
	background-blend-mode: multiply;
	overflow: hidden;
	background-position: center;
	object-fit: contain;
	background-size: cover;
	/*margin-bottom: -135px;*/
	position: relative;
	/*border-radius: 20px;*/
	/*background-repeat: no-repeat;*/
}

.outerNav {
	border-radius: 20px;
}

.outerNav h6 {
	color: #727272;
}

.outerNav h6.active {
	color: #000;
}

.whyChoose .keyPoints .para {
  opacity: 0;
  transform: translateY(20px);
}

.whyChoose .keyPoints .para:not(.dNone) {
  animation: fadeUp 0.6s ease-out 0.3s forwards; /* Add delay if needed */
}

.whyChoose ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}

.chooseUsImg::after {
	position: absolute;
	background-image: url(../img/circle-shape.png);
	content: "";
	height: 517.43px;
	min-width: 600px;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
	top: -10%;
	left: -3%;
	animation: jump-1 5s linear infinite;
}

@keyframes jump-1 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	40% {
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.testimonials .box {
	border-radius: 10px;
}

.testimonials .box .d-flex img {
	height: 50px;
	object-fit: contain;
}

.testimonials .UserNameLetter {
	width: 50px;
	height: 50px;
	background: #efefef;
	border-radius: 50px;
}

.testimonials .limited-para {
	line-height: 24px;
	min-height: 125px;
}

.testimonials .see-more {
	color: #000 !important;
}

.breadcrumb-bg {
	background-image: url(../img/our-business.png);
	background-repeat: no-repeat;
	background-color: #00000045;
	background-blend-mode: multiply;
	overflow: hidden;
	background-position: center;
	object-fit: contain;
	background-size: cover;
}

.breadcrumb-bg span.active {
	color: #c5c5c5;
}

#historyRT .centerLine {
	border: solid 5px #c4c4c4;
	width: 85%;
	top: 223px;
	left: 72px;
}

#historyRT .arrows img {
	width: 65px;
}

#historyRT .arrow-1 {
	top: 97px;
	left: 30px;
}

.arrow-1 .content {
	top: -40px;
	left: 45px;
	width: 220px;	
}

#historyRT .arrow-2 {
	bottom: 141px;
	left: 312px;
}

.arrow-2 .content {
	top: 55px;
	left: 48px;
	width: 220px;
}

#historyRT .arrow-3 {
	top: 97px;
	left: 590px;
}

.arrow-3 .content {
	top: -40px;
	left: 45px;
	width: 220px;
}

#historyRT .arrow-4 {
	bottom: 141px;
	right: 345px;
}

.arrow-4 .content {
	top: 55px;
	left: 48px;
	width: 220px;
}

#historyRT .arrow-5 {
	top: 96px;
	right: 85px;
}

.arrow-5 .content {
	top: -40px;
	left: 45px;
	width: 220px;	
}

.column {
	opacity: 0; /* Start invisible */
	transform: translateX(-50px); /* Start shifted */
	transition: opacity 0.5s ease, transform 0.5s ease;
}

.column.visible {
	opacity: 1; /* Make visible */
	transform: translateX(0); /* Shift to original position */
}

#historyRT .mobileView, .subAbout.mobileView, .mobViewBlock {
	display: none;
}

#historyRT .webView {
 	background-image: url(../img/mapImage.jpg);
 	background-size: 100% 100%;
 	height: 500px;
}

#landingProcess .content {
	width: inherit !important;	
	text-align: center;
	transition: 0.3s;
}

#landingProcess .column {
	transition: opacity 0.2s ease, transform 0.2s ease !important;
}

#landingProcess .content:hover {
	transform: scale(1.2); 
	transition: 0.3s;
}

.whyVapeaah .centerImg {
	border-radius: 100%;
	height: 250px;
	width: 250px;
	object-fit: cover;
}

.whyVapeaah .chooseUsImg::after {
	height: 293px !important;
	min-width: 275px !important;
	left: -2% !important;
}

@media(max-width:1399px) {
	.chooseUsImg::after {
		min-width: 500px !important;
	}
}

/*.whyVapeaah .backImg {
	width: 275px;
	height: 238px;
	right: -22px;
	top: -20px;
	z-index: -1;
	animation: jump-2 6s linear infinite;
}*/


.ourBrands .logos {
  overflow: hidden;
  padding: 30px 0px;
  white-space: nowrap;
  position: relative;
}

.ourBrands .logos:before, .ourBrands .logos:after {
  position: absolute;
  top: 0;
  content: '';
  width: 250px;
  height: 100%;
  z-index: 2;
}

.ourBrands .logos:before {
  left: 0;
  background: linear-gradient(to left, rgba(255,255,255,0), rgb(255, 255, 255));
}

.ourBrands .logos:after {
  right: 0;
  background: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255));
}

@keyframes slides {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.ourBrands .logo_items {
  display: inline-block;
  animation: 60s slides infinite linear;
}

.ourBrands .logos:hover .logo_items {
  animation-play-state: paused;
}

.ourBrands .logo_items img{
  height: 100px;
}

.productShowcase img {
	border-radius: 10px;
}

.vsFeatureBanner {
	background-image: url(../img/demo-vs-banner.png);
}

.VirtuesFeatureBanner {
	background-image: url(../img/virues-sinz/feature-banner.jpg);
}

.vsFeatureBanner, .VirtuesFeatureBanner {
	object-fit: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.vsFeatureBanner .gradientBG, .feaureBanner .gradientBG {
	background: linear-gradient(270deg, rgb(0 0 0 / 60%) 50%, rgb(0 0 0 / 18%) 100%);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	padding: 200px 0;
}

.topBrandBanner.vapeaah {
	background-image: url(../img/vapeaah-banner.jpg);
}

.topBrandBanner.vapestation {
	background-image: url(../img/vapestation-banner.jpg);
}

.topBrandBanner.srtInfo {
	background-image: url(../img/srt-banner.jpg);
}

.topBrandBanner.virtuesSinz {
	background-image: url(../img/virues-sinz/top-banner.jpg);
}

.topBrandBanner.rtSales {
	background-image: url(../img/rt-sales-banner.jpg);
}

.topBrandBanner {
	background-size: cover;
	background-repeat: no-repeat;
	height: 90vh;
}

.topBrandBanner .bannerContent {
	background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 0%) 75%);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.srtServices .box p {
	min-height: 165px;
}

.whySRT .centerImg {
	width: 90%;
}

.rtSales .brandsOuter .brandBox .single-portfolio {
	width: 70% !important;
	bottom: 10% !important;
	left: 5% !important;
}

.rtSales .brandsOuter .brandBox::before {
	clip-path: polygon(0% -300px, 0% 101%, 99% 101%);
}

.topSliderBox .content {
	background: #ffffffcf;
	bottom: 0;
	right: 0;
	left: 0;

}





.contactUs input, .contactUs textarea, .contactUs select {
	border-radius: 15px;
	height: 40px;
	color: #595c5f !important;
}

.contactUs textarea {
	resize: none;
	height: 200px !important;
}

.contactUs input:focus, .contactUs textarea:focus, .contactUs .form-select:focus, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
	outline: none !important;
	box-shadow: none !important;
	border-color: #000 !important;
}

.contactUs .contactInfo .leftIcon {
	width: 65px;
	height: 65px;
	background: #000;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	padding: 12px;
	font-size: 25px;
	text-align: center;
}

.modal .contactUs .btn-close {
	top: 20px;
	right: 20px;
}

.careersPage .sideBar {
	position: sticky;
	top: 15%;
	height: min-content;
	flex:1;
}

.careersPage .content {
	flex:2;
}

.careersPage .sideBar span {
	font-size: 50px !important;
}

.careersPage .sideBar label {
	font-size: 80px;
	font-style: italic;
	line-height: 70px;
}

.careersPage .contentOuter label {
	background-color: #ededed;
	border-radius: 6px !important;
}

.careersPage .contentOuter {
	border-radius: 10px !important;
}

.newsletterOuter, .newsletterOuter .btn {
	border-radius: 50px !important;
}

.newsletterOuter input:focus {
	outline: none;
}

.newsletterOuter input {
	padding: 0 20px !important;
}

.newsletterOuter .btn {
	padding: 10px 0;
}

.missionVission {
	background-image: url(https://themetechmount.com/html/bizcorp/images/bg-image/row-bgimage-3.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-color: #f3f3f359;
}

.missionVission .number {
	height: 50px;
	width: 50px;
	border: solid 1.5px #000;
	border-radius: 50%;
	background: #fbfbfb;
}

.missionVission .one {
	right: -74px;
	top: 105px;
}

.missionVission .secThree, .missionVission .secTwo, .missionVission .secFour {
	margin-top: 200px;
}

.missionVission .two {
	left: -72px;
	top: 105px;
}

.missionVission .position-relative, .historyOfRT {
	scroll-margin-top: 200px;
}

.topSliderBox .pf-btn {
	background-color: #fff;
	color: #000;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	display: block;
	border-radius: 50%;
	transition: all 0.4s;
}

.topSliderBox img {
	height: 80vh;
	object-fit: cover;
	filter: grayscale(1);
	transition: 0.4s;
}

.topSliderBox:hover .mainImg {
	filter: grayscale(0) !important;
	transition: 0.4s;
}

.faqOuter .faqBox, .faqMoreQues {
	border: solid 1px #ddd;
	border-radius: 6px;
}

.faqOuter .faqIcon {
  color: #000 !important;
  width: 17px;
  position: absolute;
  right: 12px;
}
/*
.modal-backdrop, .modal {
	display: none !important;
}

.modal-open {
	overflow: inherit !important;
}

.modal-backdrop.show, .modal.show {
	display: block;
}
*/




.topSliderAnimation {
	background: rgba(0, 0, 0, 0.8);
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	/*border: solid	2px #fff;*/
	/*margin: 25px;*/
	transition: all 0.5s ease;
}

.topSliderBox:hover .topSliderAnimation {
	top: 80%;
	transition: all 0.5s ease;
}

.topSliderAnimation .textContent {
	/*border: solid 1px #fff;
	margin: 10px;*/
	transition: all 0.5s ease;
}

.topSliderBox .textContent h2 {
	font-size: 28px !important;
	transition: all 0.5s ease;
}

.topSliderBox:hover .textContent h2 {
	font-size: 22px !important;
	transition: all 0.5s ease;
}

.topSliderBox p {
	font-size: 14px;
}

.ourBusiness .blogOuterBox p {
	height: 135px;
}

.slider-nav .cursor:hover .progress-container {
	background-color: #ffffff87;
}

.slider-nav .box {
	border-top: solid 1px;
	border-bottom: solid 1px;
}

.slider-nav .box {
	border-color: #fff !important;
	color: #fff !important;
}

.slider-nav .box.active {
	border: 0 !important;
	border-right: solid 1px #fff !important;
	transition: 0.5s !important;
}

.slider-nav .cursor {
	position: relative;
}

.slider-nav .progress-container .active:before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M256 112c-8.5 0-16.9 3.3-23.3 9.8L38.6 315.8c-21.6 21.6-6.3 58.2 24.3 58.2h386.2c30.6 0 45.9-36.6 24.3-58.2L279.3 121.8c-6.4-6.5-14.8-9.8-23.3-9.8z' fill='%23ffffff'/></svg>");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: -170px;
	left: 0;
	margin: auto;
	top: 24px;
	color: #fff;
}

.slider-nav [data-index="6"] .active {
  border-right: 0 !important;
}

.slider-nav {
	bottom: 0;
	left: 0;
	right: 0;
}

















.footerBG:hover .footerBG-RGBA {
	background: rgba(0, 0, 0, 0.5);
	/*position: absolute;*/
	/*top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	height: 100%;*/
	transition: 0.8s;
}

.footerBG-RGBA {
	transition: 0.8s;
	/*height: 100%;*/
}

.footerBG {
	background-image: url(../img/footer-bg-2.jpg);
	background-size: cover;
	height: 100%;
	transition: 0.3s;
	background-position: center;
}

.footerBG ul li {
	line-height: 30px;
}

.bottomCopyright {
	/*background: #ffffff17;*/
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

.bottomCopyright p {
	color: #d3d3d3 !important;
}

.blogOuterBox {
	border-radius: 10px;
}

.blogOuterBox img {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.callNow {
	border: solid 2px;
	width: 30px;
	height: 30px;
	border-radius: 50px;
	margin-bottom: 0px;
}

.callNow svg {
	padding-top: 7px;
	animation: ring-animation 1.5s ease-in-out infinite;
}

@keyframes ring-animation {
	0% {
		transform: rotate3d(0, 0, 1, 0);
	}

	20%, 32%, 44%, 56%, 68% {
		transform: rotate3d(0, 0, 1, 0);
	}

	23%, 35%, 47%, 59%, 71% {
		transform: rotate3d(0, 0, 1, 15deg);
	}

	26%, 38%, 50%, 62%, 74% {
		transform: rotate3d(0, 0, 1, 0);
	}

	29%, 41%, 53%, 65%, 77% {
		transform: rotate3d(0, 0, 1, -15deg);
	}

	80% {
		transform: rotate3d(0, 0, 1, 0);
	}
}

.headerOuter .topBar {
	position: relative;
	z-index: 1;
}

.headerOuter .splitSection {
	background: #fff;
	position: absolute;
	height: 100%;
	width: 40%;
	top: 0;
	right: 0;
	z-index: -1;
	clip-path: polygon(18px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.headerOuter .splitSection:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 99%;
	background: #605b5b;
	right: 0;
	top: 0;
	clip-path: polygon(18px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.headerOuter .splitSectionTwo {
	background: #fff;
	position: absolute;
	height: 100%;
	width: 70%;
	top: 0;
	right: 0;
	z-index: -1;
	clip-path: polygon(0px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.headerOuter .splitSectionTwo:after {
	background: #000;
}

.headerOuter .splitSectionThree {
	background: #fff;
	position: absolute;
	height: 100%;
	width: 32%;
	top: 0;
	left: -14px;
	z-index: 1;
	clip-path: polygon(0px 0%, 100% 0%, 97% 100%, 0% 100%);
}

.headerOuter .splitSectionThree:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 99%;
	background: #605b5b;
	right: 0;
	top: 0;
	clip-path: polygon(18px 0%, 100% 0%, 100% 100%, 0% 100%);
	clip-path: polygon(0px 0%, 100% 0%, 100% 100%, 0% 100%);
}

.navbar .navbar-brand {
	position: relative;
	top: -45px;
	z-index: 999;
}

.mainLogoSection img {
	width: 70px !important;
	z-index: 999;
	transform: rotate(-20deg);
	margin-top: 24px;
	margin-left: 15px;
	image-rendering: auto;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	will-change: transform;

}

.topBanner .leftContentBG {
	background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 0%) 75%);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.topBanner .rightContentBG {
	background: linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgb(0 0 0 / 0%) 75%);
	top: 0;
	right: 0 !important;
	left: 0;
	bottom: 0;
}

.topBanner .rightContent {
	right: 16%;
}






/* Increase image width */
.img-expand{
  width:auto;
  height:auto;
  background-color: blue;
  margin-right: -2.5px;
  margin-left: -2.5px;
  padding-right: 0px;
  padding-left: 0px;
  object-fit: cover !important;
  
}

#img-container {
  width: 70%;
  height: 100%;
  margin: auto;
}

/* Scroll Header */

header {
	position: sticky;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
}

@keyframes slideDown {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0);
	}
}

.headerOuter.scrollNav {
	position: fixed;
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
	/*animation: slideDown 0.80s ease-out;*/
	background: #fff !important;
}

/*.scrollNav .topBar {
	display: none !important;
}*/

.scrollNav .navbar-brand {
	padding: 0 !important;
}

.headLogo {
	position: absolute;
	top: -35px;
	z-index: 99;
}

.scrollNav .headLogo {
	top: 10px;
	background: #fff;
}

/* Mega Menu */

.dropdownMenu {
	position: relative;
}

.dropdownMenu .submenu {
	min-width: 270px;
	height: auto;
	position: absolute;
	top: 90%;
	left: -80px;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	text-align: left;
	transition: 0.3s;
	/*border-radius: 0 0 10px 10px;*/
	background-color: #fff;
	border-left: 1px solid #ffffff14;
	border-bottom: 1px solid #ffffff14;
	border-right: 1px solid #ffffff14;
	border-top: 4px solid #000;
	display: inline-block;
	box-shadow: 0 36px 35px rgba(0, 0, 0, 0.08);
}

.whoWeAre {
	min-width: 600px !important;
}

.whoWeAre a {
	font-size: 17px;
}

.whoWeAre p {
	line-height: 20px !important;
}

.submenu .box:hover {
	background-color: #f7f7f7 !important;
}

.dropdownMenu:hover .submenu {
	opacity: 1;
	visibility: visible;
	top: 100%;
}

.dropdownMenu .submenu {
	border-top-color: #000;
	padding-left: 0 !important;
}

.dropdownMenu .submenu::after {
	top: -20px;
	left: 22%;
	transform: translateX(-50%);
	position: absolute;
	content: "";
	border: 8px solid transparent;
	border-bottom-color: #000;
}

.dropdownMenu .submenu li:not(:last-child) {
	border-bottom: 1px solid #C4C4C426;
}

.dropdownMenu .submenu li {
	margin-right: 0;
	padding: 0 15px;
	list-style: none;
}

.dropdownMenu .submenu li a {
	line-height: 45px;
	min-width: max-content;
	color: #3d3d3d;
}

.dropdownMenu .submenu li:hover a {
	color: #000 !important;
}

.dropdownMenu svg {
	transition: 0.3s;
}

.dropdownMenu:hover svg {
	transform: rotate(180deg);
	transition: 0.3s;
}


/* Header */

.headerOuter {
	position: sticky;
	z-index: 99;
	right: 0;
	left: 0;
	top: 0;
	background: #fff;
}

.onHoverBG {
	position: fixed;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100vw;
	height: 580px;
	background-color: #000;
	z-index: -1;
	visibility: hidden;

	transition-duration: .3s;
	transition-timing-function: ease-in-out;
}

.headerVapeStation {
	width: 260px;
}

.megaMenuOuter:hover .onHoverBG {
	opacity: .96;
	visibility:visible !important;

	animation-name:navSlideDown;
	-webkit-animation-name:navSlideDown;
	animation-duration:1.2s;
	-webkit-animation-duration:0.9s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
}

.megaMenu {
	left: 24px;
	width: 96%;
	top: 65px;
	visibility: hidden;
}

.megaMenuOuter:hover .megaMenu {
	opacity: 0;
	animation: fadein ease-in 1;
	animation-fill-mode: forwards;
	animation-duration: 1.7s;
	visibility:visible !important;
}

@keyframes fadein{
	0%{
		opacity: 0;
	}

	100%{
		opacity: 1;
	}
}

@keyframes navSlideDown{
	0% {
		transform: translateY(-100%);
	}

	100% {
		transform: translateY(0);
	}
}

.mobileNavBtn {
	display: none;
}

.mobNav {
	transform: translateX(-200%);
	transition: 0.3s;
}

.dotOverlay {
	position: absolute;
	width: 100%;
	background-image: url(../img/slide-overlay.png);
	padding: 0;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.slick-dots li button {
	width: 10px !important;
	height: 20px !important;
	background-color: #000;
}

.home-slider .bannerContent {
	/*top: 20%;
	z-index: 9;
	width: 45%;*/
}

.home-slider .rightContent {
	/*top: 35%;*/
	right: 15%;
	left: inherit !important;
	z-index: 9;
	/*width: 45%;*/
	text-align: end;
}

.home-slider .bannerContent h1 {
	font-weight: 300;
	line-height: 82px;
	margin-bottom: 23px;
	font-size: 60px !important;
	color: #e1e1e1 !important;
}

.home-slider .bannerContent span {
	color: #fff !important;
}

.bannerContent p {
	font-weight: 400 !important;
}

.home-slider .logoArea {
	height: 55px;
}

.topSliderBG {
	background-repeat: no-repeat;
	background-size: cover; 
	height: 86vh;
}

.topBanner .singleSlide .slick-arrow, .brandsOuter .slick-arrow {
	background: #ffffff66 !important;
	border-radius: 50px;
	height: 50px;
	width: 50px;
	z-index: 9;
	transition: 0.3s;
}

.topBanner .singleSlide .slick-arrow:hover, .brandsOuter .slick-arrow:hover {
	background: #fff !important;
	transition: 0.3s;
}

.topBanner .slick-prev {
	left: 30px !important;
}

.topBanner .slick-next {
	right: 30px !important;
}

.topBanner .singleSlide .slick-next:before, .brandsOuter .slick-next:before {
	content: '⮞';
	color: #000;
}

.topBanner .singleSlide .slick-prev:before, .brandsOuter .slick-prev:before {
	content: '⮜';
	color: #000;
}

.topBanner .singleSlide img {
	object-fit: cover;
}

.brandsOuter .slick-arrow {
	background: #eee !important;
	box-shadow: 0 .5rem 1rem rgb(0 0 0 / 5%) !important;
}

.brandsOuter .slick-dots li button:before {
	font-size: 22px !important;
	/*top: 30px !important;*/
	border: solid 1px !important;
	line-height: 12px;
	border-radius: 50px;
	width: 13px;
	height: 13px;
	opacity: 0.15;
	transition: 0.3s;
	content: '';
}

.brandsOuter .slick-dots li.slick-active button:before {
	content: '•';
	opacity: 0.60;
	transition: 0.3s;
}

.brandsOuter .slick-dots li {
	top: 30px;
}





/* Video Slider */
.homeVideoSlider {
  position: relative;
  width: 100%;
  height: 90vh;
}

.homeVideoSlider video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 0;
}

.homeVideoSlider .overlay {
  position: absolute;
  z-index: 2;
  top: 25%;
  left: 16%;
  max-width: 62%;
  color: #fff !important;
}

.homeVideoSlider .rgbaLayer {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    z-index: 1;
}

.homeVideoSlider h1 {
  font-weight: 700;
}

.homeVideoSlider h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.homeVideoSlider p {
  max-width: 90%;
  line-height: 1.6;
  margin-bottom: 20px;
}

.homeVideoSlider .explore-btn {
  background: transparent;
  color: white;
  border: 2px solid white;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
}

/* TABS */
.homeVideoSlider .tabs-container {
  position: absolute;
  bottom: 100px;
  width: 100%;
  z-index: 3;
  display: flex;
  justify-content: center;
  color: #fff;
}

.homeVideoSlider .tabs {
  display: flex;
  gap: 33px;
}

.homeVideoSlider .tab {
  display: flex;
  flex-direction: column;
  opacity: 1;
  cursor: pointer;
  transition: opacity 0.3s;
  position: relative;
}

.homeVideoSlider .tab .line {
  width: 180px;
  height: 3px;
  background-color: #ffffff5e;
  margin-bottom: 5px;
}

.homeVideoSlider .tab .triangle {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #ffffff5e;
  margin-top: 5px;
  position: absolute;
  right: 0;
  top: 20px;
}

.homeVideoSlider .tab.active {
  opacity: 1;
}

.homeVideoSlider .tab:hover .triangle {
	border-top: 6px solid #ffffffa3 !important;	
}

.homeVideoSlider .tab:hover .line {
	background-color: #ffffffa3 !important;	
}

.homeVideoSlider .tab.active .line {
  background-color: white;
}

.homeVideoSlider .tab.active .triangle {
	border-top: 6px solid #fff;	
}

.homeVideoSlider .label {
  font-size: 14px;
}

.homeVideoSlider video {
transition: opacity 0.5s ease-in-out;
}

/* Loader */
#loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}

.loader {
border: 8px solid #f3f3f3;
border-top: 8px solid #3498db;
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 1s linear infinite;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}