/* Minification failed. Returning unminified contents.
(2141,33): run-time error CSS1046: Expect comma, found '0'
(2141,37): run-time error CSS1046: Expect comma, found '/'
(2444,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found '='
(4978,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5016,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(5212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5668,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-blue'
(5679,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5681,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-blue'
(5702,32): run-time error CSS1046: Expect comma, found '0'
(5702,36): run-time error CSS1046: Expect comma, found '/'
(5714,32): run-time error CSS1046: Expect comma, found '0'
(5714,36): run-time error CSS1046: Expect comma, found '/'
 */
@font-face {
    font-family: gotham;
    font-weight: 300;
    font-style: normal;
    src: url(/IBIQube_Assets/css/fonts/gotham-l.otf) format('truetype');
}

@font-face {
    font-family: gotham;
    font-weight: 400;
    font-style: normal;
    src: url(/IBIQube_Assets/css/fonts/gotham-m.otf) format('truetype');
}

@font-face {
    font-family: gotham;
    font-weight: 500;
    font-style: normal;
    src: url(/IBIQube_Assets/css/fonts/gotham-r.otf) format('truetype');
}

@font-face {
    font-family: "prime";
    src: url(/IBIQube_Assets/css/fonts/Prime-Light.ttf);
    font-weight: 400;
}

@font-face {
    font-family: "prime";
    src: url(/IBIQube_Assets/css/fonts/Prime-Regular.ttf);
    font-weight: 500;
}

@font-face {
  font-family: icomoon;
  src: url(/IBIQube_Assets/css/fonts/icomoon-com.eot);
}

@font-face {
  font-family: icomoon;
  src: url(/IBIQube_Assets/css/fonts/icomoon-com.ttf);
}

@font-face {
  font-family: icomoon;
  src: url(/IBIQube_Assets/css/fonts/icomoon-com.woff);
}


[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-community-blogs:before {
  content: "\e9aa";
}
.icon-community-reviews:before {
  content: "\e9ac";
}
.icon-community-musics:before {
  content: "\e9ad";
}
.icon-community-megadeliveries:before {
  content: "\e9ab";
}
.icon-community-ridediaries:before {
  content: "\e9ae";
}
.icon-caller-profile:before {
  content: "\e996";
}
.icon-darkMode:before {
  content: "\e997";
}
.icon-documents-storage:before {
  content: "\e998";
}
.icon-incognito:before {
  content: "\e999";
}
.icon-music-control:before {
  content: "\e99a";
}
.icon-incoming-caller:before {
  content: "\e9a9";
}
.icon-play-fill:before {
  content: "\e991";
}
.icon-alert-tip:before {
  content: "\e995";
  color: #707070;
}
.icon-mail:before {
  content: "\e910";
}
.icon-phone:before {
  content: "\e944";
}
.icon-support:before {
  content: "\e924";
}
.icon-arrow-rounded:before {
  content: "\e994";
}
.icon-celeb:before {
  content: "\e992";
}
.icon-loan-form:before {
  content: "\e993";
}
.icon-Alexa:before {
  content: "\e99b";
}
.icon-smartX-antiTheft:before {
  content: "\e99c";
}
.icon-smartX-auto:before {
  content: "\e99d";
}
.icon-smartX-battery:before {
  content: "\e99e";
}
.icon-smartX-charging:before {
  content: "\e99f";
}
.icon-smartX-control:before {
  content: "\e9a0";
}
.icon-smartX-crashalert:before {
  content: "\e9a1";
}
.icon-smartX-DND:before {
  content: "\e9a2";
}
.icon-smartX-GeoFencing:before {
  content: "\e9a3";
}
.icon-smartX-LastParking:before {
  content: "\e9a4";
}
.icon-smartX-livetrack:before {
  content: "\e9a5";
}
.icon-smartX-Notification:before {
  content: "\e9a6";
}
.icon-smartX-overspeed:before {
  content: "\e9a7";
}
.icon-smartX-status:before {
  content: "\e9a8";
}
.icon-testride-mode:before {
  content: "\e98e";
}
.icon-testride-slot:before {
  content: "\e98f";
}
.icon-testride-location:before {
  content: "\e990";
}
.icon-sad-face:before {
  content: "\e98a";
}
.icon-timer:before {
  content: "\e989";
}
.icon-star-rating:before {
  content: "\e988";
}
.icon-roadside_assist:before {
  content: "\e984";
}
.icon-standard-accessories:before {
  content: "\e985";
}
.icon-subscription:before {
  content: "\e986";
}
.icon-three-year-warranty:before {
  content: "\e987";
}
.icon-infotainment:before {
  content: "\e980";
}
.icon-shield:before {
  content: "\e981";
}
.icon-sustainability:before {
  content: "\e982";
}
.icon-vehicle-wellness:before {
  content: "\e983";
}
.icon-point:before {
  content: "\e97f";
}
.icon-combine-dealership:before {
  content: "\e97e";
}
.icon-combine-deliver:before {
  content: "\e98b";
}
.icon-combine-full-payment:before {
  content: "\e98c";
}
.icon-combine-book:before {
  content: "\e98d";
}
.icon-delete:before {
  content: "\e97d";
}
.icon-bell:before {
  content: "\e977";
}
.icon-cancel:before {
  content: "\e978";
}
.icon-charger:before {
  content: "\e979";
}
.icon-pending:before {
  content: "\e97a";
}
.icon-installation:before {
  content: "\e97b";
}
.icon-terms-and-condition:before {
  content: "\e97c";
}
.icon-blogs:before {
  content: "\e976";
}
.icon-book-charger:before {
  content: "\e971";
}
.icon-color-selection:before {
  content: "\e972";
}
.icon-book-like-thumb:before {
  content: "\e973";
}
.icon-book-mobile:before {
  content: "\e974";
}
.icon-book-note:before {
  content: "\e975";
}
.icon-battery-charge:before {
  content: "\e96e";
}
.icon-locate:before {
  content: "\e96f";
}
.icon-iqube-mono:before {
  content: "\e970";
}
.icon-hamburger-plain:before {
  content: "\e96d";
}
.icon-three-D:before {
  content: "\e95b";
}
.icon-battery-power .path1:before {
  content: "\e95c";
  color: rgb(0, 0, 0);
}
.icon-battery-power .path2:before {
  content: "\e95d";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-battery-power .path3:before {
  content: "\e95e";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-battery-power .path4:before {
  content: "\e95f";
  margin-left: -1em;
  color: rgb(51, 153, 255);
}
.icon-design:before {
  content: "\e960";
}
.icon-faq:before {
  content: "\e961";
}
.icon-performance:before {
  content: "\e962";
}
.icon-price .path1:before {
  content: "\e963";
  color: rgb(0, 0, 0);
}
.icon-price .path2:before {
  content: "\e964";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-price .path3:before {
  content: "\e965";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-price .path4:before {
  content: "\e966";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-price .path5:before {
  content: "\e967";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-price .path6:before {
  content: "\e968";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-price .path7:before {
  content: "\e969";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-review:before {
  content: "\e96a";
}
.icon-smart-Xconnect:before {
  content: "\e96b";
}
.icon-user-circle:before {
  content: "\e96c";
}
.icon-play-arrow:before {
  content: "\e95a";
}
.icon-three-dots:before {
  content: "\e959";
}
.icon-payment-pending:before {
  content: "\e958";
}
.icon-article:before {
  content: "\e957";
}
.icon-arrows:before {
  content: "\e956";
}
.icon-checkmark-fill:before {
  content: "\e955";
}
.icon-pin-not:before {
  content: "\e954";
}
.icon-list:before {
  content: "\e952";
}
.icon-street-map:before {
  content: "\e953";
}
.icon-direction:before {
  content: "\e951";
}
.icon-distance:before {
  content: "\e950";
}
.icon-right-next:before {
  content: "\e94f";
}
.icon-download-file:before {
  content: "\e94d";
}
.icon-handshake:before {
  content: "\e94e";
}
.icon-warranty:before {
  content: "\e94c";
}
.icon-download:before {
  content: "\e94b";
}
.icon-home:before {
  content: "\e94a";
}
.icon-dealership:before {
  content: "\e949";
}
.icon-arrow-booking:before {
  content: "\e948";
}
.icon-rupee-fill .path1:before {
  content: "\e946";
  color: rgb(240, 240, 240);
}
.icon-rupee-fill .path2:before {
  content: "\e947";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}
.icon-thank-you:before {
  content: "\e945";
}
.icon-years:before {
  content: "\e902";
}
.icon-charge-anywhere:before {
  content: "\e911";
}
.icon-charge-go:before {
  content: "\e913";
}
.icon-charge-home:before {
  content: "\e916";
}
.icon-map-pin:before {
  content: "\e91b";
}
.icon-location:before {
  content: "\e91e";
}
.icon-navigation:before {
  content: "\e926";
}
.icon-power:before {
  content: "\e92b";
}
.icon-range-lg:before {
  content: "\e92c";
}
.icon-rupee:before {
  content: "\e935";
}
.icon-user:before {
  content: "\e93b";
}
.icon-user-outline:before {
  content: "\e93c";
}
.icon-international:before {
  content: "\e93e";
}
.icon-network:before {
  content: "\e941";
}
.icon-done:before {
  content: "\e942";
}
.icon-youTube:before {
  content: "\e943";
}
.icon-question-circle:before {
  content: "\e91d";
}
.icon-check:before {
  content: "\e93f";
}
.icon-close:before {
  content: "\e940";
}
.icon-charge-vehicle:before {
  content: "\e93d";
}
.icon-play:before {
  content: "\e93a";
}
.icon-sign-out:before {
  content: "\e939";
}
.icon-plus-circle:before {
  content: "\e937";
}
.icon-minus-circle:before {
  content: "\e938";
}
.icon-bike:before {
  content: "\e934";
}
.icon-thin-ev-scooter:before {
  content: "\e936";
}
.icon-discuss-issue:before {
  content: "\e932";
}
.icon-light-bulb:before {
  content: "\e933";
}
.icon-arrow-booking-lg:before {
  content: "\e92d";
  color: #bcbec0;
}
.icon-info:before {
  content: "\e92e";
}
.icon-acceleration:before {
  content: "\e92f";
}
.icon-calender-outline:before {
  content: "\e930";
}
.icon-fuel:before {
  content: "\e931";
}
.icon-failed:before {
  content: "\e925";
}
.icon-mobile:before {
  content: "\e927";
}
.icon-edit:before {
  content: "\e928";
}
.icon-refresh:before {
  content: "\e929";
}
.icon-success:before {
  content: "\e92a";
}
.icon-plus:before {
  content: "\e920";
}
.icon-facebook:before {
  content: "\e921";
}
.icon-twitter:before {
  content: "\e922";
}
.icon-insta:before {
  content: "\e923";
}
.icon-awards:before {
  content: "\e91c";
}
.icon-star:before {
  content: "\e91f";
}
.icon-checkmark-circle:before {
  content: "\e919";
}
.icon-close-circle:before {
  content: "\e91a";
}
.icon-statistics:before {
  content: "\e90d";
}
.icon-charge:before {
  content: "\e912";
}
.icon-tft-dashboard:before {
  content: "\e914";
}
.icon-iqube-app:before {
  content: "\e915";
}
.icon-charging-type:before {
  content: "\e917";
}
.icon-charging-time:before {
  content: "\e918";
}
.icon-motor:before {
  content: "\e90c";
}
.icon-battery:before {
  content: "\e90b";
}
.icon-range:before {
  content: "\e90e";
}
.icon-speed:before {
  content: "\e90f";
}
.icon-polygon:before {
  content: "\e906";
}
.icon-arrow-left:before {
  content: "\e907";
}
.icon-arrow-right:before {
  content: "\e908";
}
.icon-arrow-up:before {
  content: "\e909";
}
.icon-arrow-down:before {
  content: "\e90a";
}
.icon-calender:before {
  content: "\e900";
}
.icon-hamburger-menu:before {
  content: "\e901";
}
.icon-afternoon:before {
  content: "\e903";
}
.icon-evening:before {
  content: "\e904";
}
.icon-morning:before {
  content: "\e905";
}

* {
	margin: 0;
	padding: 0;
	font-family: gotham;
	font-weight: 400;
}

*:focus {
	outline: none !important;
}
body {
	overflow-x: hidden;
}

.navbar-toggler .icon-bar {
	background: #222;

	width: 22px;
	height: 2px;
	border-radius: 2px;

	display: block;
	margin: 10px auto;
	position: relative;
	transition: 200ms ease-in 0s;

}

.navbar-toggler .icon-bar::before,
.navbar-toggler .icon-bar::after {
	content: "";
	background: #222;

	width: 22px;
	height: 2px;
	border-radius: 2px;

	left: 0;
	position: absolute;
	display: block;

	transform: rotate(0deg);

	transition: 200ms ease-in 0s;

}

.navbar-toggler .icon-bar::before {
	top: -6px;

}

.navbar-toggler .icon-bar::after {
	bottom: -6px;

}

.header-btn-group {
	order: 1
}

.slick-dots li {
	width: 18px;
	margin: 0
}

.slick-dots li button {
	width: 20px;
	padding: 0;
	height: 15px;
}

.slick-dots li button::before {
	font-size: 11px;
	line-height: 18px;
	height: 20px;
}

.topBanner {
	width: 100%;
}

/**/
.slideCol {
	position: relative;
	display: block !important;
}

.slideContent {
	position: absolute;
	padding: 3%;
	left: 0;
	right: 0;
	height: 100%;
	display: flex;
	justify-content: space-between;
}

.slideContent h1 {
	font-size: 3.6vmax;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	max-width: 50%;
}

.slideContent .logoWrap {
	display: flex;
	align-items: flex-start;
}

.slideContent .logoWrap img {
	width: 16vw;
}

.slideCol.layoutv2 .logoWrap {
	align-items: flex-end;
}

.slideContent .leftAlignCol {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	flex: 1;
}

.slideContent .leftAlignCol ul {
	display: flex;
	list-style: none;
}

.slideContent .leftAlignCol ul li {
	width: 18%;
	margin-right: 1.5%;
}

/**/


.topslide img {
	width: 100%;
	display: block;
}

.topslide .slick-dots {
	bottom: 20px;
}

.topslide .slick-dots li {
	margin: 0;
}

.topslide .slick-dots li button::before {
	color: #fff;
	opacity: 1;
	font-size: 9px;
}

.topslide .slick-dots li.slick-active button::before {
	color: #2d9af8;
	opacity: 1;
}

.flotingNav {
	width: 150px;
	position: fixed;
	right: 0%;
	top: 50%;
	z-index: 3;
	max-width: 110px;

}

.flotingNav ul {
	list-style: none;
}

.flotingNav li {
	margin-bottom: 10px;
}

.flotingNav li a {
	background: #262525;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0.13px;
	padding: 8px 15px;
	display: block;
	border-radius: 25px;
	text-align: center;
}


.subHeader .container-md {
	max-width: 1300px !important;
}

.subHeader.scrolled {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.subHeader .navbar {
	padding-left: 0;
	padding-right: 0;
	box-shadow: 0px 10px 10px 0 rgba(0, 0, 0, 0.1);
	padding: 12px 1rem;
}

.subHeader .navbar-brand {
	padding: 0;
	margin-right: 35px;
}

.subHeader .navbar-brand img {
	width: 92px;
	display: block;
}

.subHeader .navbar-light .navbar-nav .nav-link {

	font-size: 15px;
	font-weight: 400;
	color: #343333;
	opacity: 1;
}

.subHeader .header-btn-group .btn {
	font-size: 13px;
	font-weight: 400;
	background: #222;
	color: #fff;
	border-radius: 20px;
	margin-left: 10px;
}

.iqubeWrap {
	background: linear-gradient(#f6aba1 80%, #fff 20%);
	padding: 50px 0 0;
	margin-bottom: 50px;
	position: relative;
}

	h2.faqtitel,
	h1.faqtitel,
	.iqubeWrap h1,
	.iqubeWrap h2 {
		font-size: 40px;
		line-height: 44px;
		font-weight: 500;
		color: #353535;
		text-align: center;
		margin-bottom: 30px;
		padding: 20px 0 0 0;
		font-family: "prime";
	}

.iqubeWrap .typetxt {
	background: #fff;
	padding: 5px 20px;
	border-radius: 30px;
	font-size: 15px;
	border: none;
	margin: 10px auto 35px;
	display: block;
}

.vSlide {
	max-width: 750px;
	margin: 0 auto;
}

.vSlide img {
	max-width: 100%;
}

.slick-prev::before ,
.slick-next::before {
  content: '';
  height: 33px;
  width: 33px;
  display: block;
  border-radius: 20px;
  border: 2px solid #000;
  background-repeat: no-repeat;
  background-position: center center;
}

.slick-prev::before{
	background-image: url(/IBIQube_Assets/images/leftNav.svg);	
}
.slick-next::before{
	background-image: url(/IBIQube_Assets/images/rightNav.svg);
}


.vecAction {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1200px;
	padding: 0 15px;
	margin: 0 auto;
}

.colorPlt {
	display: flex;
	list-style: none;
	position: relative;
}

.colorPlt li {
	margin-right: 10px;
}

.colorPlt li button {
	height: 25px;
	width: 25px;
	border-radius: 50px;
	background: #c82c2e;
	border: none;
	padding: 0;
	display: flex;
	justify-content: center;
	align-content: center;
	line-height: 1.3;
	padding-right: 2px;
	border: 1px solid transparent;
}

.colorPlt li button.blue {
	background: #87b9e3
}

.colorPlt li button.brwn {
	background: #945e54
}

.colorPlt li button.gry {
	background: #5e6370
}

.colorPlt li button.yelw {
	background: #ebc53e
}

.colorPlt li button.redbg {
	background: #dc3545
}

.colorPlt li button.white {
	background: #f8f4f4
}

.colorPlt li button.titaniumgrey {
	background: #878a93
}

.colorPlt li button span {
	position: absolute;
	left: 0;
	right: 0;
	margin-top: -30px;
	display: none;
	font-size: 15px;
}

.colorPlt li button i {
	display: none;
}

.colorPlt li button.nav-link.active {
	border: 1px solid #ccc;
}

.colorPlt li button.nav-link.active i,
.colorPlt li button.nav-link.active span {
	display: block;
}

.icon-check:before {
	font-size: 10px;
	color: #fff;
}

.iqubeWrap .tab-content .tab-pane {
	display: block;
	height: 0;
}

.iqubeWrap .tab-content .active {
	height: auto;
}

.featureTxt ul {
	display: flex;
	justify-content: space-around;
	list-style: none;
	margin: 0
}

.featureTxt ul li p {
	font-size: 13px;
	line-height: 1.7;
	font-weight: 400;
	margin: 0
}

.featureTxt ul li h3 {
	font-size: 28px;
	line-height: 1.2;
	font-weight: 400;
}

.featureTxt ul li:nth-child(2) {
	margin: 0 80px;
	position: relative;
}

.featureTxt ul li:nth-child(2):after {
	content: '';
	height: 20px;
	background: rgba(153, 153, 153, 0.4);
	width: 1px;
	position: absolute;
	top: 40%;
	right: -30px
}

.featureTxt ul li:nth-child(2):before {
	content: '';
	height: 20px;
	background: rgba(153, 153, 153, 0.4);
	width: 1px;
	position: absolute;
	top: 40%;
	left: -30px
}

.explorBtn a {
	padding: 13px 25px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
	background: #111;
	border-radius: 30px
}

.explorBtn a:hover {
	text-decoration: none;
}

.slider-wrapper {
	background: url(/IBIQube_Assets/images/2nd-fold-bg.svg);
	background-size: cover;
	background-position: center center;
	padding: 50px 0 0;
}

.slider-wrapper .imgBox {
	max-width: 460px;
	display: block;
	margin: 0 auto;
}

.slider-wrapper h1,
.slider-wrapper h2 {
	font-size: 40px;
	line-height: 44px;
	font-weight: 500;
	color: #222;
	font-family: "prime";
	max-width: 900px;
	margin: 0 auto 30px;
	text-align: center;
}

.slider-wrapper p {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #222;
	font-family: "gotham";
	max-width: 970px;
	margin: 0 auto 50px;
	text-align: center;
}

.slider-wrapper .slideContenttxt {
	max-width: 420px;
	padding-bottom: 90px;
}

.slider-wrapper .sliderTxt p {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 21px;
	font-weight: 400;
	color: #000;
	font-family: "Roboto";
	text-align: left;
}

.slider-wrapper .sliderTxt h4 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	color: #222;
	margin-bottom: 20px;
	font-family: "gotham"
}

.slider-wrapper .slick-prev,
.slider-wrapper .slick-next {
	width: 3rem;
	height: 3rem;
	top: auto;
	bottom: 10%;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 44%;
}

.slider-wrapper .slick-slide img {
	position: relative;
	top: 10px;
}

.slider-wrapper .slick-prev {
	z-index: 1;
	left: auto;
	z-index: 1;
	right: 48%;
}

.tabSection {
	padding-top: 70px;
	padding-bottom: 0;
}

.tabSection .nav {
	justify-content: center;
}

.tabSection .nav .nav-link {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #222;
	position: relative;
	font-family: "gotham";
	border-radius: 20px;
	border: 2px solid rgba(102, 102, 102, 0.2);
	background-color: #fff;
	padding: 9px 20px;
	min-width: 18px;
	text-align: center;
	min-width: 180px;
	margin: 0 7px;
}

.tabSection .nav .nav-link.active {
	opacity: 1;
	border-radius: 100px 100px 10px 10px;
	border-color: #222;
}

.tabSection .tab-content {
	padding-top: 32px;
}

.tabSection .titleContent h2 {
	text-align: center;
	font-size: 22px;
	line-height: 26px;
	font-weight: 400;
	color: #222;
	margin-bottom: 18px;
	font-family: "gotham";
}

.tabSection .titleContent p {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #222;
	margin-bottom: 40px;
	font-family: "gotham";
	max-width: 1270px;
	margin: 0 auto 40px;
	padding: 0 15px;
}

.tabImgGroup img {
	display: block;
	width: 100%;
}

.heightImg {
	height: 100%
}

.tabSlider.ornBg {
	background: #f8aba1;
	padding: 50px 0
}

.tabSlider.grnBg {
	background: #a6ddb9;
	padding: 50px 0
}

.tabSection .tab-content .tab-pane.active {
	height: 0;
}

.tabSection .tab-content .tab-pane.active.show {
	height: auto;
}

.slideWrapinner {
	min-width: 780px;
	max-width: 780px;
	margin: 0 auto 50px;

	display: flex;
	justify-content: center;
	align-items: center;
}

.tabSlider .slideTxt {
	min-width: 470px;
}

.tabSlider .slideTxt h4 {
	font-size: 40px;
	line-height: 44px;
	font-weight: 500;
	color: #222;
	font-family: "prime";
	margin: 0;
	text-align: left;
}

.tabSlider .slideTxt p {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #222;
	margin: 0 50px 0 0;
	text-align: left;
	padding: 15px 0 0;
	font-family: "gotham";
}

.tabSlider .slideTxt p strong {
	font-weight: 500;
}

.tabSlider .imgCol {
	min-width: 270px
}

.tabSlider .slick-next {
	right: 100px;
	z-index: 1;
}

.tabSlider .slick-prev {
	left: 100px;
	z-index: 1;
}

.tabSlider .slick-dots {
	bottom: 40px
}

.tabSlider .slick-dots li button::before {
	font-size: 35px;
	font-family: unset;
}

.smartXonnectBanner {
	background: #e8e8e8;
	padding: 50px 0 0;
}

.diduknow h2,
h3.titleH3,
.faq h2,
.dealershipWrap h2,
.pricingCol h2,
.smartXonnectBanner h2 {
	font-family: "prime";
	font-size: 36px;
	line-height: 40px;
	text-align: center;
	margin: 25px 0 5px;
}

.smartXonnectBanner p {
	text-align: center;
	margin-bottom: 40px;
}

.smartXonnectBanner img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

/**/
.smartBuy-wrapper {
	padding-top: 60px;
	padding-bottom: 20px;
	max-width: 1100px;
	margin: 0 auto;
}

.smartBuy-wrapper h3 {
	font-size: 40px;
	line-height: 30px;
	font-weight: 500;
	color: #222;
	margin-bottom: 8px;
	font-family: "prime";
	text-align: center;
}

.disTravl {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 40px 0 10px;
}

.disTravl .form-control {
	max-width: 100px;
	margin: 0 5px;
	font-family: 'primeregular' !important;
	font-size: 16px;
}

.disTravl strong {
	font-weight: 400;
	font-size: 14px;
	color: #555;
}

.disTravl p {
	font-weight: 300;
	font-size: 14px;
}

.vecSmartWrap {
	display: flex;
	justify-content: center;
}

.svCol {
	padding: 0 10px;
	flex: 1;
	min-width: 50%;
}

.vImgCol {
	padding: 20px;
	position: relative;
}

.vImgCol img {
	max-width: 100%
}

.vImgCol .crCol {
	position: absolute;
	z-index: 1;
	top: 20px;
	background: #fff;
	height: 80px;
	width: 80px;
	border-radius: 100%;
	box-shadow: 2px 4px 5px 0 rgba(0, 0, 0, 0.1);
	left: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vImgCol .crCol img {
	max-width: 45px;
}

.svCol.pv .vImgCol .crCol {
	left: auto;
	right: 20px;
}

.svCol .disTravl {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 15px;
	margin: 0;
}

.svCol .disTravl p {
	font-weight: 500;
	font-size: 16px;
}

.svCol p.fe {
	font-size: 16px;
	margin: 20px 0;
	font-family: "Roboto";
	font-weight: 700;
}

.svCol p.fe span {
	font-weight: 400;
	font-family: "Roboto";
}

.svCol.ev {
	background: url(/IBIQube_Assets/images/right-bg.png) no-repeat;
	background-size: contain;
}

.svCol.pv {
	background: url(/IBIQube_Assets/images/left-bg.png) no-repeat;
	background-size: contain;
	border-right: 2px solid #fff;
	background-position: right;
}

.svCol.pv .p-4 {
	padding-top: 0 !important;
}

.svCol.ev .fe {
	margin-bottom: 39px;
}

.svCol.ev .vImgCol {
	padding-left: 50px;
}

.svCol.pv .vImgCol {
	padding-right: 50px;
}

.svCol.ev .disTravl {
	justify-content: flex-start;
}

.svCol .disTravl * {
	font-family: "Roboto";
}

.svCol.pv .disTravl {
	justify-content: flex-end;
}

.svCol .disTravl strong {
	font-family: "Roboto";
	font-size: 16px;
	font-weight: 700;
	color: #222;
}

.svCol .dyData {
	padding-top: 20px;
}

.svCol .dyData p {
	font-size: 18px;
	line-height: 25px;
	font-weight: 400;
	margin: 3px 0;
}

.svCol.pv .dyData p span.yr5 {
	color: red;
}

.svCol.ev .dyData p span.ef_yr5 {
	color: #2484c6;
}

p.txtLine {
	font-weight: 400;
	margin: 30px 0;
	font-family: "Roboto";
}

p.txtLine strong {
	font-weight: 500;
	font-size: 19px;
}

p.txtLine span {
	color: #2484c6;
	font-size: 19px;
}


input[type=range] {
	height: 35px;
	-webkit-appearance: none;
	width: 232px;
	background: transparent;
}

input[type=range]:focus {
	outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 1px 1px 3px #000000 inset;
	background: #4787A1;
	border-radius: 11px;
}

input[type=range]::-webkit-slider-thumb {
	box-shadow: 1px 1px 2px #858585;
	border: 1px solid #D6D6D6;
	height: 27px;
	width: 27px;
	border-radius: 15px;
	background: #FFFFFF;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -10px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
	background: #4787A1;
}

input[type=range]::-moz-range-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	animate: 0.2s;
	box-shadow: 1px 1px 3px #000000 inset;
	background: #4787A1;
	border-radius: 11px;
	border: 0px solid #000000;
}

input[type=range]::-moz-range-thumb {
	box-shadow: 1px 1px 2px #858585;
	border: 1px solid #D6D6D6;
	height: 27px;
	width: 27px;
	border-radius: 15px;
	background: #FFFFFF;
	cursor: pointer;
}

input[type=range]::-ms-track {
	width: 100%;
	height: 8px;
	cursor: pointer;
	animate: 0.2s;
	background: transparent;
	border-color: transparent;
	color: transparent;
}

input[type=range]::-ms-fill-lower {
	background: #4787A1;
	border: 0px solid #000000;
	border-radius: 22px;
	box-shadow: 1px 1px 0px #000000;
}

input[type=range]::-ms-fill-upper {
	background: #4787A1;
	border: 0px solid #000000;
	border-radius: 22px;
	box-shadow: 1px 1px 0px #000000;
}

input[type=range]::-ms-thumb {
	margin-top: 1px;
	box-shadow: 1px 1px 2px #858585;
	border: 1px solid #D6D6D6;
	height: 27px;
	width: 27px;
	border-radius: 15px;
	background: #FFFFFF;
	cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
	background: #4787A1;
}

input[type=range]:focus::-ms-fill-upper {
	background: #4787A1;
}


/**/
.smartBuy-section {
	padding-top: 60px;
	padding-bottom: 20px;
}

.smartBuy-section h3 {
	font-size: 26px;
	line-height: 30px;


	font-weight: 500;
	color: #222;
	margin-bottom: 8px;
	font-family: "prime";
	text-align: center;
}

.smartBuy-section p {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	color: #686868;
	margin-bottom: 0;
	font-family: "gotham";
	text-align: center;
}

.smartbuyWrap {
	max-width: 1100px;
	margin: 0 auto;

}

.smartbuyWrap .vwrp {
	display: flex;
	align-items: center;
	margin: 40px 0;
}

.smartbuyWrap h4 {
	font-size: 18px;
	font-weight: 400;
	min-width: 220px;
	max-width: 220px;
	margin: 0;
	text-align: right;
	margin-right: 25px;
	color: #505050;
}

.smartbuyWrap .radiuswrap {
	min-width: 75%;
}

.smartbuyWrap .radiuswrap p {
	font-size: 12px;
	font-weight: 300;
	color: #222;
	text-align: left;
	padding-left: 10px;
}

.smartbuyWrap .radiuswrap p.b-txt {
	font-size: 16px;
	font-weight: 400;
	text-align: right;
	margin-top: 8px;
	color: #666;
}

.vecWrpmin {
	display: flex;
	align-items: center;
}

.vecWrpmin img {
	max-width: 90px;
	margin-left: 10px;
}

.radiusCol {
	height: 60px;
	background: #fee6dc;
	border-radius: 0 50px 50px 0;
	position: relative;
	min-width: calc(100% - 100px);
}

.radiusCol small {
	height: 20px;
	width: 20px;
	background: #fefefe;
	position: absolute;
	right: 20px;
	top: 20px;
	border-radius: 100%;
	box-shadow: 0px 0px 7px #fff;
}

.radiusCol small:after {
	content: '';
	height: 2px;
	background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 69%, rgba(255, 255, 255, 0.06764712721025912) 100%);
	position: absolute;
	right: 8px;
	top: 10px;
}

.evWrap .radiusCol small:after {
	width: 30vw
}

.petrolVec .radiusCol small:after {
	width: 10vw
}

.smartbuyWrap .petrolVec .radiuswrap {
	min-width: 35%
}

.evWrap .radiusCol {
	background: #cee6d8;
}

.lineShadow {
	height: 320px;
	width: 2px;
	background: url(/IBIQube_Assets/images/shadowLine.png);
	position: absolute;
	left: 0;
	top: -50px;
	background-size: 100% 100%;
	z-index: 1;
}

.pricingCol {
	max-width: 1200px;
	margin: 0 auto 30px;
	padding: 0 15px;
}

.pricingCol h2 {
	margin-bottom: 40px;
}

.pricingCol .form-row {
	margin-bottom: 35px
}

.pricingCol .form-control {
	background: #e9ecef;
	color: #222;
	font-family: "prime";
	font-weight: 500;
	font-size: 16px;
	height: 40px;
	border: 1px solid #9b9898;
}

.pricingCol .form-control:focus {
	box-shadow: none;
}

.pricingCol .form-control::placeholder {
	opacity: 1;
	color: #222;
}

.pricingCol .form-group label {
	font-size: 14px;
	font-family: roboto;
	line-height: 18px;
	font-weight: 400;
	color: #686767;
}

.priceTxt p {
	color: #222121;
	opacity: 0.3;
	font-size: 13px
}

.priceTxt .text-right h4 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 400;
	margin: 0;
	text-align: left;
	display: inline-block;
}

.priceTxt .text-right h4 span {
	font-size: 16px;
	display: block;
}

.btnWrap {
	background: #efefef;
	padding: 15px;
	text-align: right;
}

.btnWrap .btn {
	font-size: 17px;
	padding: 10px 20px;
	border-radius: 30px;
	min-width: 200px;
}

.calculator .btn.emiTab {
	border: 1px solid rgba(0, 0, 0, 0.18);
	padding: 30px 50px;
	min-width: 100%;
	font-size: 30px;
	line-height: 34px;
	font-weight: 500;
	color: #222;
	font-family: prime;
	text-align: center;
	border-radius: 0;
}

.btn.emiTab img {
	width: 100%;
	max-width: 28px;
	float: right
}

.btn.emiTab .show {
	display: none;
}

.btn.emiTab .hide {
	display: inline-block;
}

.btn.emiTab.collapsed .show {
	display: inline-block;
}

.btn.emiTab.collapsed .hide {
	display: none;
}

.incTab {
	padding: 30px;
}

.incTab span {
	font-size: 18px;
	margin-left: 10px
}

.incTab.redT {
	border: 1px solid #f8aba1;
	border-bottom-width: 11px
}

.incTab.grnT {
	border: 1px solid #a6ddb9;
	border-bottom-width: 11px
}

.faq {
	padding-bottom: 50px;
	margin-bottom: 60px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.faq a.btn-dark:focus{
	box-shadow:none;
}

.faq h2 {
	margin: 40px 0 20px;
	font-size: 40px;
}

.faq a {
	margin: 0 auto;
	display: block;
	max-width: 200px;
	padding: 12px;
	font-size: 18px;
	border-radius: 30px;
}

h3.titleH3 {
	margin: 40px 0 20px;
}

.diduknow h2 {
	margin: 40px 0 20px;
}

.diduknow {
	max-width: 890px;
	padding: 0 15px;
	margin: 0 auto 50px;
}

.cloudbox {
	padding: 30px;
	border: 1px solid #ccc;
	border-radius: 20px;
	padding-right: 30%;
	min-height: 173px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 5px 0;
}

.cloudbox.l1 {
	background: url(/IBIQube_Assets/images/l1.png) no-repeat 93% top;
	background-size: 13.5%;
	box-shadow: 0px 3px 9px #fde5db;
}

.cloudbox.l2 {
	background: url(/IBIQube_Assets/images/l2.png) no-repeat 93% top;
	background-size: 13.5%;
	box-shadow: 0 0 5px #e4f1e8;
}

.cloudbox.l3 {
	background: url(/IBIQube_Assets/images/l3.png) no-repeat 93% top;
	background-size: 13.5%;
	box-shadow: 0 0 5px #eeecdf;
}

.cloudbox h4 {
	font-size: 20px;
	font-weight: 400;
}

.cloudbox p {
	font-size: 14px;
	color: #747474;
	font-family: roboto;
	margin: 0
}

.dealershipWrap {
	background: url(/IBIQube_Assets/images/yelwBg.png);
	background-color: #fadc5e;
	background-size: cover;
	padding: 50px 0;
}

.dealershipWrap h2 {
	margin: 0 0 50px;
}

.dealershipWrap .card h3 {
	font-size: 24px;
	font-family: prime;
}

.dealershipWrap .card p {
	font-family: prime;
	font-weight: 500;
}

.dealershipWrap .card p b {
	font-weight: 400;
	color: #000;
}

.emiBanner {
	background: #53aad6;
	padding: 45px 45px 20px;
}

.emiBanner * {
	color: #fff;
	text-align: center;
}

.emiBanner h3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	/*  font-family: var(--font-gotham);*/
	padding: 0rem 0rem 20px;
	margin: 0rem 0 20px;
	border-bottom: 1px solid #fff;
}

.emiBanner p {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;

	/*  font-family: var(--font-gotham);*/
	padding: 10px 0 5px;

	margin: 0;
}

.emiBanner img {
	max-width: 250px;
	display: block;
	margin: 0 auto;
}

.calculator .card.card-body {
	border-radius: 0;
	border-top: none;
	margin-top: -2px;
}

.dpp span {
	border: 1px solid #d0d0d0;
	font-size: 20px;
	font-weight: 400;
	font-family: "gotham";
	padding: 5px 15px;
	border-radius: 4px;
}

.pricingCol .frmEmi label {
	margin: 0;
	color: #1f1f1f;
	font-size: 16px;
	font-weight: 500;
}

.pricingCol .frmEmi .form-control {
	background: #fff;
	padding: 10px 20px;
	height: 53px;
	margin-top: 3px;
	font-size: 20px;
}

.linegry {
	height: 0px;
	border-top: solid 1px rgba(0, 0, 0, 0.06);
	margin: 3px 0 10px;
}

.frmEmi h3 {
	font-size: 24px;
	font-weight: 400;
}

.txtCalc h4 {
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 5px;
}

.txtCalc p {
	font-size: 13px;
	margin: 0
}

.d-m-txt {
	margin: -1px 0 0;
	padding: 25px 0;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333
}

.frmEmi .btn {
	font-size: 12px;
	border-width: 2px;
	padding: 6px 15px;
	margin-top: 30px;
	border-radius: 8px;
}

.form-control-range {
	margin-bottom: 40px;
}

.topslide img.web-show {
	display: block;
}

.topslide img.mob-show {
	display: none;
}

.slideCol a {
	background: #1980ba;
	color: #fff;
	padding: 0.9% 2%;
	border-radius: 4px;
	position: absolute;
	font-family: "prime";
	bottom: 19%;
	right: 18%;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 1.1vmax;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.faqCol {}

.faqCol .card {
	margin-top: 15px;
	border: none;
	overflow: visible;
}

.faqCol .card .collapsing,
.faqCol .card .collapse {
	border-radius: 0 0 15px 15px;
	margin: 0 15px;
	box-shadow: 0 2px 10px 0 rgb(0 0 0 / 25%);
}

/*.faqCol .btn.btn-link{
  
}*/
.faqCol .card-header {
	padding: 0;
	background: none;
	border: none;
}

.faqCol .card-header .btn.btn-link {
	padding: 15px 20px;
	border-radius: 10px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
	background: #fff;
	border: solid 2px #fff;
	font-size: 19px;
	line-height: 23px;
	font-weight: 400;
	color: #000;
	position: relative;
	z-index: 1;
	width: 100%;
	text-align: left;
	text-decoration: none !important;
}

.faqCol .card-header .btn.btn-link:after {
	content: '';
	position: absolute;
	right: 10px;
	width: 30px;
	height: 23px;
	top: 13px;
	background: url(/IBIQube_Assets/images/accordian-down-arrow.svg);
	background-size: 100%;
	transform: rotate(0deg);
}

.faqCol .card-header .btn.btn-link[aria-expanded="true"]:after {
	transform: rotate(-180deg);
}

.faqCol .card-header .btn.btn-link:hover {
	text-decoration: none;
}

.faqCol .card-body .card-header .btn.btn-link {
	border: none;
	box-shadow: none;
	padding: 16px 3px;
	font-size: 18px;
	font-weight: 300;
	border-top: 1px solid rgba(179, 179, 179, 0.2);
	border-radius: 0;
}

.faqCol .card-body .card-header .btn.btn-link:after {
	display: none
}

.faqCol .card-body .card {
	margin: 0
}

.faqCol .card-body .card-body {
	padding: 10px 5px 15px;
}

.faqCol .card-body .card-header .btn.btn-link,
.faqCol .card-body .card-body * {
	font-family: "Roboto", sans-serif
}

.faqCol .card-body .card .collapsing,
.faqCol .card-body .card .collapse {
	margin: 0;
	border-radius: 0;
	box-shadow: none;
}

.faqCol .card-body .card-body ul {
	padding-left: 40px;
}

.faqCol .card-body .card-body ul li, .faqCol .card-body .card-body p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
}

.faqCol .card-body .card-body ul, .faqCol .card-body .card-body p {
	padding-left: 21px;
	list-style-position: inside;
}

i.qs {
	font-style: normal;
}

.qs:after {
	content: "\EA09";
	font-family: "icomoon";
}

h2.faqtitel, h1.faqtitel {
	margin: 30px auto 0;
	padding: 0 0 20px;
	font-size: 34px;
}

.content-variant {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 30%;

}

.iqubeWrap .content-variant h2 {
	font-size: 4.625rem;
	line-height: 1;
	font-weight: 500;
	color: rgba(249, 246, 246, 0.39);
	font-family: "prime";
	margin: 0;
	padding: 0;
}

.iqubeWrap .content-variant h3 {
	font-size: 6.25rem;
	line-height: 1.2;
	font-weight: 500;
	color: rgba(249, 246, 246, 0.39);
	font-family: "prime";
}

.discoverCol {
	background: #54afdd;
	padding: 35px 15px;

}

.discoverInner {
	padding: 17px 15px;
	border: 1px solid #fff;
	max-width: 1070px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.discoverInner h3 {
	color: #fff;
	font-weight: 400;
	font-size: 20px;
	margin: 0 auto;
}

.discoverInner a {
	background: #333;
	color: #fff;
	padding: 15px 24px;
	font-size: 18px;
	border-radius: 10px;
	min-width: 200px;
	text-align: center;
	text-decoration: none;
}


.footerNwrap * {
	font-family: "Roboto", sans-serif;
}
footer .go-top:focus-visible {
	outline: none;
}

.footer-b-buttons::before {
	margin-left: calc(50% - 23px) !important;
}

body .tvs-header .navbar .ib-nav .ib-nav-link:hover::before,
body .tvs-header .navbar .navbar-nav .nav-link:hover::before {
	bottom: 3px;
}

body .tvs-header .navbar .ib-nav .ib-nav-link:hover {
	color: #fff
}

body .tvs-header .navbar .ib-nav .ib-nav-link:before {
	display: none
}


.copy-write p {
	margin: 0;
	padding: 10px 0;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}

.layoutWrap h4 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	color: #fff;
	padding: 50px 0px 20px;
	margin: 0;
	text-transform: uppercase;
}

.layoutWrap ul {
	padding: 0;
	list-style: none;
	margin-bottom: 30px;
}

.layoutWrap ul li a.nav-link {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
	cursor: pointer;
	padding: 0 0 10px;
}

.layoutWrap ul li a,
.layoutWrap ul li {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #fff;
}

.layoutWrap .contact-partner {
	padding-top: 50px;
}

.layoutWrap .contact-partner.col-lg-auto .btn {
	margin-bottom: 19px;
	border: solid 2px #ffffff;
}

.layoutWrap .contact-partner.col-lg-auto .btn:hover {
	background: #18407e;
	color: #ffffff;
}

footer .go-top {
	background-color: #fff;
	border-radius: 50%;
	color: #18407e;
	font-size: 28px;
	height: 70px;
	padding: 10px;
	position: absolute;
	right: 20px;
	text-decoration: none;
	top: -70px;
	width: 70px;
	z-index: 2;
	box-shadow: 2px 3px 8.4px 1.6px rgba(0, 0, 0, .28);
	display: block;
}

footer .go-top em {
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

footer .go-top .icon-up-arrow:before {
	content: "\e90a";
	transform: rotate(-180deg);
}
.subHeader .header-btn-group .btn:focus{box-shadow: none;}
.colorPlt li button span{white-space: nowrap;}



.footer-b-buttons{
	margin-bottom: -40px;
}

.layoutWrap .contact-partner{
	text-align: center;
	  position: relative;
	  padding-top: 0;
	  margin-top: 3rem;
}

.arrowBack {
	background: url(/IBIQube_Assets/css/data:image/svg+xml,%3csvg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
	transform: rotate(90deg);
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 10px;
}

/********3/1/2024********/
html {
	scroll-behavior: smooth;
}

.tvs-header.headTop .navbar .navbar-nav .nav-link {
	font-weight: 600 !important;
	padding: 15px 0 !important;
}

.tvs-header.headTop .navbar {
	margin-top: 15px !important;
}

.tvs-header .navbar .dropdown-toggle:after {
	margin-left: 8px !important;
}

.tvs-header .navbar .ib-nav .ib-nav-link {
	text-decoration: none;
}

.country-outer .selected-country-flag .country-home {
	text-decoration: none;
}

.country-overlay {
	visibility: visible;
}

.country-outer .country-home-flag+.selected-country-flag {
	height: 50px !important;
}

.public-logo-web {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 25px 0 25px;
}

.country-outer .selected-country-flag {
	box-shadow: 0px 8px 11.52px 0.48px rgba(0, 0, 0, .21) !important;
	background: #f1f1f1 !important;
}

.tvs-header .navbar .ib-nav {
	box-shadow: 0px 8px 11.52px 0.48px rgba(0, 0, 0, .15);
	align-items: center;
	display: flex;
}

.country-outer .country-home .flag {
	margin-left: 13px;
	max-width: 34px !important;
	min-width: 34px !important;
}

.country-outer .selected-country-flag .flag {
	margin: 0 10px 0 0 !important;
	height: 20px !important;
}

.modal-open {
	overflow: auto;
}

.mycountry .country-flag span {
	display: block;
	font-weight: 500;
}

.mycountry .country-flag .flag {
	box-shadow: 0px 4px 10.9px 1.1px rgba(0, 0, 0, .3);
}

.mycountry .country-flag.tvs-india {
	height: 130px !important;
}

.mycountry .country-flag.tvs-india img {
	margin-bottom: 15px;
}

.mycountry .country-flag.tvs-india span {
	margin-top: 0;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #000000;
}

.mycountry .country-flag.tvs-india span span {
	text-transform: uppercase;
	margin-top: 0;
}

.tvs-header * {
	font-family: "Roboto", sans-serif !important;
}

.country-outer .selected-country-flag .country-arrow.open:before {
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	content: "\f106";
}

.mycountry .country-flag:hover {
	font-weight: 600;
	color: #18407e;
	background: #e7f0ff;
	border: 2px solid rgba(18, 54, 110, .71);
}

.country-close .country-close-icon .icon-icon-close {
	font-size: 23px;
	line-height: 0;
}

.slick-prev::before,
.slick-next::before {
	line-height: 1;
}

.slick-prev,
.slick-next {
	width: 29px;
	height: 29px;
	z-index: 99;
}

.mycountry {
	border-color: #dddddd !important;
	border-top-color: #ffffff !important;
}

.mycountry * {
	font-family: "Roboto", sans-serif !important;
}

.country-outer .selected-country-flag .country-home {
	display: flex;
	align-items: center;
}

.country-outer .selected-country-flag .country-arrow {
	cursor: pointer;
	position: relative;
	width: 30px;
	margin-right: 0;
}

.tvs-header .navbar .navbar-nav .nav-item.dropdown .nav-link:hover:before {
	right: 27px;
}

.tvs-header.mobile-premium-header {
	display: none;
}

.flotingNav * {
	font-family: "Roboto", sans-serif !important;
}

.flotingNav li a {
	padding: 7px 20px;
	font-weight: 600;
}

div.country-flag-outer::-webkit-scrollbar {
	scrollbar-width: thin;
	scrollbar-color: #18407e;
	width: 6px;
	margin: 50px 20px 20px;
}

div.country-flag-outer::-webkit-scrollbar-thumb {
	background-color: #18407e;
	border-radius: 25px;
	border: 3px solid #18407e;
	margin: 50px 20px 20px;
}

div.country-flag-outer::-webkit-scrollbar-track {
	background: rgba(194, 194, 194, .3);
	border-radius: 5px;
	padding-bottom: 30px;
	margin: 50px 20px 20px;
}

.featureTxt {
	margin: auto;
}

.vSlide img {
	max-height: 30.625rem;
	height: 26.875rem;
	margin: 3.125rem auto 1.25rem;
}

.headTop,
.tvs-header {
	position: relative !important;
}

.tabSlider .slideTxt p strong a {
	color: currentColor;
	font-weight: bolder;
}

.tabSlider .slideTxt h4 i {
	margin-right: 20px;
	font-size: 40px;
}

/**********faq***********/
.sticky-header {
	background: #ffffff;
	position: sticky;
	top: 0;
	z-index: 100;
	box-shadow: 0px 0px 15px -7px rgba(0, 0, 0, 0.4);
	;
}

.sticky-header .sticky-header-wrapper {
	position: relative;
	width: 100%;
	padding: 12px 15px;
	margin: 0 auto;
}

.sticky-header .navbar-brand {
	padding: 0;
}

.sticky-header .navbar-brand img {
	height: 34px;
}

.faq-title {
	display: flex;
	align-items: baseline;
}

.faq-title a {
	font-size: 10px;
	text-decoration: none;
	color: rgb(33, 37, 41);
}

.faqCol .card-body .card:first-child .card-header .btn.btn-link {
	border-top: 0;
}

footer {
	/* margin-top: 40px; */
}

.footer-bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 40px 15px 40px;
}

.footer-bg .footer-brand-logo {
	width: 170px;
	display: block;
	margin: 0 auto;
}

.footer-bg .social-links {
	margin-top: 30px;
	justify-content: center;
	display: flex;
	align-items: center;
}

.footer-bg .social-links a {
	display: inline-block;
	vertical-align: middle;
	font-size: 25px;
	color: #222222;
	margin: 0 15px;
	text-decoration: none;
}
.footer-b-buttons:before {
    content: "";
    background: #12356b;
    position: absolute;
    width: 100vw;
    z-index: 0;
    height: calc(100% - 3rem);
    margin-left: calc(50% - 15px);
    transform: translateX(-50%);
    top: 3rem;
}
.footer-b-buttons .contact-partner .btn.sendBtn {
    display: inline-block;
    margin: 3rem 1rem 2.5rem;
    min-width: 250px;
}

.terms-container {
	width: 100%;
	max-width: 100%;
	padding: 0;
}

.terms-container .row {
	margin: 0;
}

.terms-container [class^="col-"],
.terms-container [class*=" col-"] {
	padding: 0;
}

.tabSection .tab-content .tab-pane#Performance {
	margin-bottom: 40px;
}

/* Media */
.singleheader {
	background: #fff;
	display: flex;
	align-items: center;
}

.singleheader a.backlink {
	padding: 17px 20px;
	border-right: 2px solid rgba(0, 0, 0, 0.18);
}

.singleheader .title {
	padding: 10px 31px;
}

.singleheader .title span {
	font-size: 16px;
	font-weight: 500;
	font-family: "Roboto", sans-serif;
	margin-left: 4px;
}

.mediaSlidr {
	max-width: 780px;
	margin: 0 auto;
}

.mediaSlidr img {
	max-width: 100%
}

.mediaSlidr .slick-prev {
	left: 20px;
	z-index: 1
}

.mediaSlidr .slick-next {
	right: 20px;
	z-index: 1
}

.mediaSlidr h4 {
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	color: #222;
	margin: 10px 0 0;
}

.mediaSlidr .slick-dots {
	position: relative;
	bottom: 0;
	margin: 20px 0;
}

.gryLine {
	border: none;
	border-bottom: 1px solid #eae8e8;
	max-width: 1170px;
	margin: 25px auto;
}

.mediaSlidr .imgWrapRel {
	position: relative;
}

.mediaSlidr .play {
	background: #fff;
	position: absolute;
	bottom: 15px;
	left: 15px;
	font-size: 12px;
	display: flex;
	align-items: center;
	border-radius: 20px;
	padding: 5px 10px;
	cursor: pointer;
}

.mediaSlidr .play svg {
	margin-right: 8px;
}

.custModal .modal-header {
	justify-content: center;
	padding: 40px 0 20px;
	border: none
}

.custModal .modal-header h5 {
	font-size: 30px;
	line-height: 34px;
	font-weight: 500;
	color: #222;
	text-align: center;
	font-family: "prime";
}

.custModal .close {
	position: absolute;
	top: 8px;
	right: 7px;
	padding: 0;
	margin: 0;
}

.custModal iframe {
	height: 25rem;
}

.custModal .modal-body {
	padding: 40px 45px 30px
}

/*  Discover now */
.discoverTab .videogroup {
	overflow: auto;
	padding-bottom: 10px;
}

.discoverTab .videogroup .videoTile {
	max-width: 270px;
	min-width: 270px;
}

.singleheader {
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	box-shadow: 1px 10px 10px 0 rgba(0, 0, 0, 0.08);
	z-index: 10
}

.blueBanner {
	background: #53aad6;
	display: flex;
	margin-top: 50px;
	padding: 0 30px 0 0;
}

.blueBanner .innerBcol.midCol {
	flex: 1
}

.blueBanner .innerBcol img {
	max-height: 210px;
}

.blueBanner .innerBcol.logoXcol {
	display: flex;
	padding: 0 0 2px 0;
	justify-content: flex-end;
	min-height: 100%;
	align-items: flex-end;
}

.blueBanner .innerBcol.logoXcol img {
	max-width: 227px;
}

.innerBcol.midCol {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
}

.innerBcol.midCol p {
	font-size: 30px;
	line-height: 34px;
	font-weight: 500;
	color: #fff;
	font-family: "prime";
	text-align: center;
	margin: 0;
}

.dicoverContainer {
	margin: 0 auto 40px;
	max-width: 1200px;
	padding: 0 16px;
}

.dicoverContainer .faqtitel {
	font-size: 36px;
	margin: 55px 0 45px;
	line-height: 40px;
}

.disctab {
	border: 1px solid #9f9f9f;
	background-image: linear-gradient(to top, #e8e8e8, #fff);
	min-height: 510px;
}

.disctab .nav-tabs {
	border: none;
}

.disctab .nav-tabs .nav-link {
	border-radius: 0;
	margin: 0;
	color: #333;
	padding: 30px 10px;
	border: none;
	border-bottom: 5px solid transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}

.disctab .nav-tabs .nav-link img {
	max-width: 30px;
	mix-blend-mode: multiply;
	margin-right: 5px;
}

.disctab .nav-tabs .nav-link:nth-child(1).active {
	background: #a6ddb9;
}

.disctab .nav-tabs .nav-link:nth-child(1) {
	border-color: #a6ddb9;
}

.disctab .nav-tabs .nav-link:nth-child(2).active {
	background: #f8aba1;
}

.disctab .nav-tabs .nav-link:nth-child(2) {
	border-color: #f8aba1;
}

.disctab .nav-tabs .nav-link:nth-child(3).active {
	background: #999999;
}

.disctab .nav-tabs .nav-link:nth-child(3) {
	border-color: #999999;
}

.disctab .nav-tabs .nav-link:nth-child(4).active {
	background: #fadc5e;
}

.disctab .nav-tabs .nav-link:nth-child(4) {
	border-color: #fadc5e;
}

.disctab .nav-tabs .nav-link:nth-child(5).active {
	background: #53aad6;
}

.disctab .nav-tabs .nav-link:nth-child(5) {
	border-color: #53aad6;
}

.disctab .tab-content {
	padding: 40px 80px 0;
}

.disNowSlider .slick-dots {
	position: relative;
	bottom: 0;
	margin-bottom: 30px;
}

.disNowSlider img {
	width: auto;
	height: 300px;
	margin: 0 0 0 auto;
}

.disNowSlider .row {
	align-items: center;
}

.disNowSlider .row p {
	margin: 0;
}

.disNowSlider h3 {
	font-size: 28px;
	line-height: 32px;
	font-weight: 400;
	margin-bottom: 20px;
}

.disNowSlider p {
	font-size: 18px;
	line-height: 22px;
}

.disctab .tab-content .tab-pane.fade {
	display: block;
	height: 0px;
	overflow: hidden;
}

.disctab .tab-content .tab-pane.active.show {
	height: auto;
	overflow: visible;
}

.greenCol {
	background: #a6ddb9;
	padding: 5px 0 50px;
}

.greenCol .dicoverContainer {
	padding: 0 110px;
	margin: 0 auto;
}

.greenCol .dicoverContainer h2 {
	margin-bottom: 10px;
}

.greenCol p {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	margin-top: 0.8rem;
	text-align: center;
}

.dicoverContainer .btnRound {
	border: 2px solid #222;
	border-radius: 50px;
	margin: 40px auto 90px;
	padding: 4px 15px;
	font-size: 18px;
	max-width: 217px;
	display: block;
	text-align: center;
	color: #333;
}

.dicoverContainer .btnRound:hover {
	text-decoration: none;
}

.greenCol p span {
	font-size: 12px;
	font-weight: 400;
	font-family: "Roboto", sans-serif
}

.dicoverContainer img {
	max-width: 100%;
}

.videogroup {
	display: flex;
	margin: 30px -8px;
}

.videogroup .videoTile {
	border: 1px solid #c9c8c8;
	cursor: pointer;
	font-size: 16px;
	margin: 0 8px;
}

.videogroup .videoTile img {
	max-width: 100%;
}

.videogroup .videoTile .plyIcotab {
	display: flex;
	align-items: center;
	padding: 10px 12px;
}

.videogroup .videoTile .plyIcotab img {
	width: 100%;
	max-width: 30px;
	margin-right: 10px;
	min-width: 30px;
}

.videoRelWrap {
	position: relative;
	cursor: pointer;
}

.videoRelWrap .play {
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 1;
	background: #fff;
	border-radius: 20px;
	display: flex;
	align-items: center;
	padding: 6px 10px 6px 5px;
	cursor: pointer;
}

.videoRelWrap .play svg {
	height: 25px;
	width: 25px;
	margin-right: 5px;
}

.subFooter {
	background: url(/IBIQube_Assets/images/grentBg.jpeg);
	padding: 40px 15px;
	background-size: cover;
	text-align: center;
}

.subFooter img {
	width: 100%;
	max-width: 170px;
}

.subFooter .socialNavmin {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0 0;
}

.subFooter .socialNavmin a {
	color: #222;
	font-size: 30px;
	margin: 0 16px;
}

.subFooter .socialNavmin a img {
	min-width: 25px;
}

.icon-facebook::before {
	content: "\EA90";
	font-family: "ico";
	font-size: 25px;
}

.mobileAppCol {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 50px 0 80px;
}

.mobileAppCol img {
	max-width: 133px;
	margin: 0 5px;
}


/*new css 18/1/2024 for media page*/
.topBanner.mediaBanner {
	margin-top: 0px
}

.topBanner.mediaBanner .slideCol {
	height: 400px;
}

.topBanner.mediaBanner .slideCol img {
	object-fit: cover;
	height: 100%;
}

/**/
.discoverTab .nav {
	display: flex;
	justify-content: center;
	margin: 30px auto 40px;
}

.discoverTab .nav .nav-link {
	border: 2px solid #9d9c9c;
	border-radius: 50px;
	padding: 4px 50px;
	font-size: 18px;
	text-align: center;
	color: #9d9c9c;
	margin: 3px 10px;
}

.discoverTab .nav .nav-link.active {
	border-color: #333;
	color: #333;
}

.discoverTab .faqtitel {
	margin-bottom: 30px;
	padding-bottom: 0;
}

.discoverTab p {
	font-size: 15px;
	line-height: 19px;
	font-weight: 400;
	font-family: "Roboto", sans-serif
}

.discoverTab p.minTitle {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: 500;
}

/**/

/**/
.slider-wrapper.compare-wrapper {
	background: #cde6d7;
	padding: 60px 0
}

.compareWrap {
	display: flex;
	justify-content: center;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 10px;
}

.compareCol {
	flex: 1;
	max-width: 465px;
	min-width: 465px;
	margin: 0 15px;
	min-height: 600px;
	background: #fff;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100%,100%;
	position: relative;
	padding: 25px 25px 50px;
}

.gryBgWrap {
	border-top: 10px solid #999898;
	background-image: url(/IBIQube_Assets/images/basic-bg.png),linear-gradient(#edf7efe3 0%, #fff 50%, #fff 100%)
}

.ylowBgWrap {
	border-top: 10px solid #fbdc5c;
	background-image: url(/IBIQube_Assets/images/advanced-bg.png),linear-gradient(#f9f2daf2 0%, #fff 50%, #fff 100%)
}

.compareCol img {
	max-width: 70px;
	position: absolute;
	left: 0;
	right: 0;
	top: -55px;
	margin: auto;
}

.compareCol h3 {
	font-size: 30px;
	line-height: 34px;
	font-weight: 400;
	color: #333;
	text-align: center;
	padding: 25px;
	margin-bottom: 20px;
	border-image: linear-gradient(to left, #effff2, #e8e8e8, #effff2) 1 0;
	border-bottom: 2px solid;
}

.compareWrap h2,
.compareWrap .card {
	border: none;
	text-align: left;
	background: transparent;
	margin-bottom: 25px;
	display: block;
}

.compareWrap .card-body {
	padding: 0;
	font-size: 15px;
	font-weight: 400;
	font-family: "Roboto",sans-serif;
	margin: 0 0 0 38px;
}


.compareWrap .accordion > .card > .card-header {
	padding: 0;
	background: transparent;
	border: none;
}

.slider-wrapper.compare-wrapper .accordion > .card > .card-header button {
	padding: 0 15px 10px 0;
	text-align: left;
}
	.slider-wrapper.compare-wrapper .accordion > .card > .card-header button.btn-link:hover,
	.slider-wrapper.compare-wrapper .accordion > .card > .card-header button.btn-link:focus {
		text-decoration: none;
	}
	.slider-wrapper.compare-wrapper .accordion > .card > .card-header button i {
		font-size: 20px;
		line-height: 24px;
		font-weight: 500;
		color: #999898;
		margin-right: 18px;
		font-family: icomoon;
	}

.slider-wrapper.compare-wrapper h2 button {
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
	color: #222;
	font-family: gotham;
	display: flex;
	align-items: center;
	width: 100%;
}

.compareWrap .smltxt {
	text-align: right;
	font-size: 12px;
	margin: 10px 0 0 0;
	font-family: roboto;
}

.compareWrap .compareCol .btn-link::before {
	content: '';
	width: 14px;
	height: 12px;
	background: #333;
	position: absolute;
	top: 7px;
	right: 1px;
	display: block;
	transition: all 0.3s;
	background: url(/IBIQube_Assets/images/arowU.png) no-repeat right center;
}


.compareWrap .compareCol .btn-link[aria-expanded='true']::before {
	transform: rotate(180deg);
}

.slider-wrapper.compare-wrapper .typetxt {
	display: block;
	margin: 0 auto 70px;
	border: 2px solid #222;
	background: none;
	padding: 5px 20px;
	border-radius: 20px;
}

.dealershipWrap .card {
	margin: 0 0 10px;
	height: 90%;
}

#IqubeFeatureContent .slick-dots {
	z-index: 1
}

.emiSection {
	max-width: 1200px;
	margin: 0 auto 30px;
	padding: 20px;
	background-color: #f8f8f8;
	border: 1px solid #9c9a9a;
	border-radius: 10px;
}

	.emiSection h2 {
		font-family: "prime";
		font-size: 36px;
		line-height: 40px;
		text-align: center;
		margin-bottom: 10px;
	}

	.emiSection h4 {
		font-family: "prime";
		font-size: 25px;
		line-height: 20px;
		text-align: center;
		margin: 0 0 40px;
	}

.emiWrap {
	display: flex;
}

.emi-left-c {
	flex: 1;
	max-width: 524px;
	width: 50%;
	background: #dceef9;
	padding: 50px 40px 20px 70px;
	border-radius: 10px;
	margin-right: 20px;
}

	.emi-left-c h3 {
		font-size: 1.4rem;
		line-height: 1.8rem;
		font-weight: 500;
		color: #232323;
		font-family: "gothammedium";
		padding: 0rem 0rem 2rem;
		margin: 0rem 0 2rem;
		border-bottom: 1px solid #232222;
	}

	.emi-left-c ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.emi-left-c ul li {
			font-size: 12px;
			line-height: 16px;
			font-weight: 500;
			color: #222;
			font-family: "gothammedium";
			background: url(/IBIQube_Assets/css/images/checkIco.png) no-repeat left center;
			background-size: 18px;
			padding-left: 24px;
		}

			.emi-left-c ul li + li {
				margin-top: 15px
			}

.emi-right-c {
	flex: 1;
}

.slideCol p {
	font-family: "gothammedium";
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #242424;
}

.slideCol .inputAppend {
	display: flex;
	flex: 1;
	max-width: 145px;
	border-radius: 4px;
	align-items: center;
	border: 1px solid #d0d0d0;
}

	.slideCol .inputAppend span {
		background: #666666;
		color: #fff;
		font-size: 14px;
		height: 40px;
		min-width: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

#slider label {
	position: absolute;
	width: 20px;
	margin-left: -10px;
	text-align: center;
	margin-top: 20px;
}

.slideCol .inputAppend input {
	width: 100%;
	height: 40px;
	border: none;
	border-radius: 5px;
	padding-left: 10px;
	text-align: center;
	outline: none;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #222;
	font-family: "gothammedium";
}

.slideTxt {
	display: flex;
	justify-content: space-between;
	font-family: "gothammedium";
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	color: #212121;
	margin: 0 10px 20px;
}

/* below is not necessary, just for style */
.slider {
	margin: 20px 10px;
}

	.slider.ui-widget.ui-widget-content {
		height: 6px;
		background: #ccc;
		border: none
	}

	.slider.ui-state-default, .slider.ui-widget-content .ui-state-default {
		border-radius: 20px;
		height: 22px;
		width: 22px;
		background: #242424
	}

	.slider.ui-slider-horizontal .ui-slider-handle {
		top: -8px;
	}


.calculateWrap {
	margin: 0;
	padding: 0;
}

.calculateWrap li {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.calculateWrap li + li {
	padding-top: 20px;
}

.calculateWrap li h5 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #242424;
	font-family: "gothammedium";
	margin: 0 0 5px;
}

	.calculateWrap li .process-fee {
		font-size: 12px;
		line-height: 16px;
		font-weight: 500;
		color: #656464;
		font-family: "gothammedium"
	}

	.calculateWrap li p {
		font-size: 18px;
		line-height: 22px;
		font-weight: 500;
		color: #292929;
	}


footer .btn.white {
	font-size: 16px;
	line-height: 20px;
	font-weight: 600;
	color: #144a85;
	padding: 13px 10px;
	border-radius: 13px;
	text-transform: uppercase;
	min-width: 220px;
	max-width: 250px;
	background-color: #fff;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.topBanner .slick-prev {
	left: 20px
}

.topBanner .slick-next {
	right: 20px;
}

.topBanner .slick-prev::before, .topBanner .slick-next::before {
	border: 2px solid #fff;
	background-color: #fff;
}

.rms-wrap .nav.nav-pills {
	margin: 10px auto 35px;
	justify-content: center;
}

.rms-wrap .nav-link {
	background: #e5e4e4;
	padding: 5px 20px;
	border-radius: 30px;
	font-size: 15px;
	border: none;
	margin: 0 5px;
	color: #333
}

.rms-wrap .nav-pills .nav-link.active {
	color: #000;
	background: #fff;
}

.colorPlt li button.nav-link {
	border: 1px solid transparent;
	margin: 0;
	padding: 0;
}

	.colorPlt li button.nav-link.active {
		pointer-events: none;
		height: 25px;
	}

.sliderGroup > div:not(:first-child) {
	display: none;
}

.icon-checkbox-checked:before {
	content: "\e93f";
	font-size: 10px;
	color: #fff;
	position: relative;
	top: 1px;
	left: 0px
}

.colorPlt li button.red {
	background: #bb1e21;
}

.vSlide {
	display: block !important;
	height: 0;
	overflow: hidden;
}

.vSlide.showThis {
	height: auto;
	overflow: visible;
}

.sticky-header.sticky-ride-nav .singleheader {
	position: unset;
}

.blueBanner {
	margin-top: 0;
}

@media screen and (max-width: 1199px) {
	.container.terms-container.breadcumbCls ol.breadcrumb {
		top: 0;
	}
}

.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

nav .breadcrumb {
	background: linear-gradient(180deg, #fff 0, #d9d9d9 100%);
	margin: 0;
	height: 40px;
	border-top: 1px solid #d9d9d9;
	position: relative;
	font-weight: 400;
	font-size: 13px;
	line-height: 18px;
	display: flex;
	align-items: center;
	color: #5a5555;
	padding-left: 33px;
}

nav .breadcrumb .breadcrumb-item + .breadcrumb-item {
	padding-left: 18px;
	position: relative;
}

nav .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
	content: "\203A";
	background-image: none;
	margin: 0;
	float: none;
	color: inherit;
	position: absolute;
	font-size: inherit;
	display: inline;
	top: 0;
	padding: 0;
	left: 7px;
}

nav .breadcrumb a:hover {
	text-decoration: none;
	color: inherit;
}

nav .breadcrumb .breadcrumb-item,
nav .breadcrumb .breadcrumb-item a {
    font-family: Roboto;
    color: #5a5555;
}
@media all and (max-width: 1366px) {
	.innerBcol.midCol p {
		font-size: 26px;
	}

	.innerBcol.midCol p br {
		display: none;
	}
}

@media all and (max-width: 1280px) {
	.blueBanner .innerBcol img {
		max-height: 180px;
	}
}

@media screen and (max-width: 991.98px) and (min-width:768px) {
	.discoverTab .nav .nav-link {
		font-size: 14px;
		line-height: 18px;
		padding: 6px 20px;
	}
}

@media all and (max-width: 991px) {
	.discoverTab .nav {
		flex-wrap: nowrap;
		overflow: auto;
		justify-content: flex-start;
		padding-bottom: 12px;
	}
	footer .btn.white{
		font-size: 14px;
		line-height: 18px;
		padding: 10px;
	}

	.footer-b-buttons .contact-partner .btn.sendBtn{
		margin: 30px 6px 25px;
	}

	.discoverTab .nav .nav-link {
		white-space: nowrap;
		padding: 8px 30px;
	}

	.greenCol p {
		text-align: center !important;
	}

	.disNowSlider .row {
		margin: 0;
	}

	.disNowSlider .col-lg-7,
	.disNowSlider .col-lg-5 {
		padding-left: 0;
		padding-right: 0;
	}

	.disctab .tab-content {
		padding: 40px 15px 0;
	}

	.disNowSlider .slick-prev {
		left: 2px;
	}

	.disNowSlider .slick-next {
		right: 2px
	}

	/*    */
	.blueBanner {
		min-height: 217px
	}

	.blueBanner .innerBcol img {
		max-height: 153px;
	}

	.blueBanner .innerBcol.logoXcol img {
		max-height: 43px;
	}

	.videogroup {
		flex-wrap: wrap;
	}

	.videogroup .videoTile {
		width: 47.8%;
	}

	.disctab .nav-tabs .nav-link {
		padding: 20px 3px;
	}

	.disNowSlider img {
		margin: 0 auto;
	}

	.disNowSlider .row p,
	.disNowSlider h3 {
		text-align: center;
		margin: 15px 0 0
	}

	.disctab .nav-tabs {
		overflow: auto;
		flex-wrap: nowrap;
	}

	.disctab .nav-tabs .nav-link {
		min-width: 200px;
	}

	/*    .innerBcol.midCol p{font-size: 20px;}*/

	/*  */
	.iqubeWrap .content-variant h2 {
		font-size: 3rem;
	}

	.iqubeWrap .content-variant h3 {
		font-size: 4.2rem;
	}

	.smartBuy-wrapper {
		padding: 30px 15px;
	}

	.navbar-light .navbar-toggler {
		order: -1;
		border: none;
	}

	.mobHead {
		padding: 15px 0 15px 15px;
		display: flex;
	}

	.subHeader .navbar-brand {
		margin-right: auto;
	}

	.navbar-toggler:not(.collapsed) .icon-bar {
		background: rgba(255, 255, 255, 0);
	}

	.navbar-toggler:not(.collapsed) .icon-bar::before {
		top: 0;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}

	.navbar-toggler:not(.collapsed) .icon-bar::after {
		bottom: 0;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
	}


	.subHeader .container-md {
		padding: 0
	}

	.subHeader .navbar {
		padding: 0;
		box-shadow: 0px 10px 24.1px 2.9px rgba(0, 0, 0, 0.12);
	}

	.subHeader .navbar-light .navbar-nav .nav-link {
		border-bottom: 1px solid #eae9e9;
		font-size: 19px;
		line-height: 22px;
		padding: 15px 20px;
	}

	.header-btn-group {
		order: 0;
		margin-right: 15px;
	}

	.navbar-collapse {
		box-shadow: 0px 20px 25px 10px rgba(0, 0, 0, 0.2);
		position: absolute;
		width: 100%;
		background: #fff;
		z-index: 102;
		top: 65px;
	}

	.vSlide img {
		max-height: 250px;
		margin: 0 auto;
		display: block;
	}

	.iqubeWrap {
		background: linear-gradient(#f1a69d 60%, #fff 40%);
		padding: 20px 0 0;
	}

		h2.faqtitel,
		h1.faqtitel,
		.iqubeWrap h1,
		.iqubeWrap h2 {
			font-size: 24px;
			margin: 0;
			padding: 15px;
			line-height: 28px;
		}

	.iqubeWrap .slick-prev {
		left: 20px;
		top: 40%;
	}

	.iqubeWrap .slick-next {
		right: 20px;
		top: 40%;
	}

	.iqubeWrap .slick-prev::before,
	.iqubeWrap .slick-next::before {
		font-size: 1.5rem;
	}

	.featureTxt ul {
		order: 0
	}

	.featureTxt {
		order: -1
	}

	.vecAction {
		justify-content: center;
	}

	.featureTxt ul li p {
		font-size: 11px
	}

	.featureTxt ul li h3 {
		font-size: 16px
	}

	.featureTxt ul li:nth-child(2) {
		margin: 0 20px;
	}

	.featureTxt ul li:nth-child(2)::before {
		height: 15px;
		top: 35%;
		left: -9px;
	}

	.featureTxt ul li:nth-child(2)::after {
		height: 15px;
		top: 35%;
		right: -9px;
	}

	.colorPlt {
		margin: 20px 40px 0;
	}

	.colorPlt li {
		margin: 0 10px;
	}

	.explorBtn a {
		font-size: 16px;
		padding: 9px 25px 8px;
		line-height: 20px;
		display: block;
	}

	.flex-d-r-lg {
		flex-direction: column-reverse;
	}

	.slider-wrapper .sliderTxt {
		margin: 0 auto;
	}

	.tabSection .nav .nav-link {
		font-size: 14px;
		min-width: 10px;
	}

	.tabSection .titleContent p {
		font-size: 14px;
		font-weight: 400;
		font-family: "Roboto";
		text-align: center;
	}

	.tabSection .tab-content {
		margin-bottom: 45px;
	}
	.slider-wrapper h1,
	.slider-wrapper h2,
	.diduknow h2,
	h3.titleH3,
	.faq h2,
	.dealershipWrap h2,
	.pricingCol h2,
	.smartXonnectBanner h2 {
		font-size: 24px;
		line-height: 30px
	}

	.smartXonnectBanner img.sxlogo {
		max-width: 173px;
	}

	.smartBuy-section {
		margin: 0 15px;
	}

	.smartbuyWrap .petrolVec .radiuswrap {
		min-width: 25%;
	}

	.smartbuyWrap .radiuswrap {
		min-width: 59%;
	}

	.smartbuyWrap h4 {
		font-size: 14px;
	}

	.smartbuyWrap .radiuswrap p.b-txt {
		font-size: 13px;
	}

	.vecWrpmin img {
		max-width: 50px;
	}

	.pricingCol form {
		margin-top: 20px;
	}

	.btnWrap {
		text-align: center
	}

	.dealershipWrap .card h3 {
		font-size: 20px;
	}

	.calculator .btn.emiTab {
		padding: 25px 40px;
		font-size: 25px;
	}

	.slideTab.p-1 {
		padding: 0 !important;
	}

	.slideWrapinner {
		min-width: 1px;
		max-width: 96%;
	}

	.tabImgGroup,
	.tabSlider {
		margin-top: 40px;
	}

	.tabSlider .imgCol {
		display: none;
	}

	.tabSection .titleContent p {
		margin: 0 15px;
	}

	.tabSlider .slideTxt h4 {
		text-align: center;
		font-size: 29px;
	}

	.tabSlider .slideTxt h4 i {
		font-size: 35px;
	}

	.slider-wrapper .slideContenttxt {
		max-width: 100%;
		padding: 0 15px;
		text-align: center;
		height: 200px;
	}

	.slider-wrapper .sliderTxt p {
		text-align: center;
	}

	.slider-wrapper .slick-prev,
	.slider-wrapper .slick-next {
		bottom: -76px;
	}

	.slider-wrapper .slick-prev {
		right: 50%;
	}

	.discoverCol {
		padding: 15px;
	}

	.discoverCol a {
		padding: 12px 22px;
		font-size: 16px;
		border-radius: 5px;
		min-width: 170px;
	}

	footer .footerAddress .container {
		max-width: 100%;
	}

	.layoutWrap img {
		max-width: 124px;
		margin-bottom: 15px;
	}

	.layoutWrap h4 {
		padding: 15px 0px 10px;
		font-size: 20px;
	}

	.layoutWrap ul li a.nav-link,
	.layoutWrap ul li a,
	.layoutWrap ul li {
		font-size: 16px
	}

	.layoutWrap ul {
		margin-bottom: 0
	}

	.layoutWrap .contact-partner {
		padding-top: 0;
	}

	footer .btn.white {
		margin: 0 auto 0 0;
	}

	.layoutWrap .contact-partner.col-lg-auto .btn {
		margin-bottom: 16px;
		font-size: 19px;
		padding: 14px 10px;
	}

	.compareCol {
		padding: 20px 25px;
		margin: 0 10px;
		min-width:unset;
	}
}

@media all and (max-width: 860px) {
	.vecAction {
		flex-direction: column;
	}

	.colorPlt {
		margin: 40px 0 20px;
	}


}

@media all and (max-width: 769px) {
	.blueBanner .innerBcol img {
		max-height: 117px;
	}

	.blueBanner .innerBcol.logoXcol img {
		max-height: 33px;
	}
}

@media all and (max-width: 767px) {

	.disctab .nav-tabs .nav-link {
		font-size: 21px;
		white-space: nowrap;
		padding: 28px 29px;
		width: auto;
		max-width: 100%;
		display: flex;
		min-width: unset;
	}

	.disctab .nav-tabs .nav-link img {
		max-width: 35px;
		margin-right: 3px;
	}

	/*    */
	.blueBanner {
		padding: 0;
		min-height: 372px;
		flex-direction: column;
		justify-content: space-between;
	}

	.innerBcol {
		display: flex;
		justify-content: end;
	}

	.blueBanner .innerBcol.midCol {
		text-align: center;
		position: absolute;
		top: 160px;
		padding: 0 15px;
		display: block;
		width: 100%;
	}

	.blueBanner .innerBcol.logoXcol {
		padding: 10px 0 0;
		display: flex;
		justify-content: flex-start;
	}

	.videogroup .videoTile img,
	.dicoverContainer .videoRelWrap img {
		width: 100%;
	}

	.videoRelWrap {
		margin-bottom: 15px;
	}

	.videogroup {
		margin: 10px 0;
		display: flex;
		overflow: auto;
		flex-wrap: nowrap;
	}

	.videogroup .videoTile {
		min-width: 283px;
		margin: 0 10px 12px 0;
		max-width: 283px
	}

	.dicoverContainer {
		padding: 0;
		margin: 0;
	}

	.dicoverContainer .faqtitel {
		padding: 0;
		font-size: 31px;
		margin: 40px 0;
	}

	.greenCol {
		padding: 0 0 10px;
	}

	.greenCol .dicoverContainer,
	.disctab .tab-content {
		padding: 20px 20px 0;
	}

	.disNowSlider .row p,
	.greenCol p {
		font-size: 16px;
	}

	.dicoverContainer .btnRound {
		max-width: 165px;
		margin: 20px auto;
		font-size: 15px;
	}

	.dicoverContainer.min-p {
		padding: 0 15px;
	}

	.disNowSlider h3 {
		font-size: 20px;
	}

	.greenCol .dicoverContainer h2 {
		padding-top: 0;
	}

	/**/
	.topslide img.web-show {
		display: none;
	}

	.topslide img.mob-show {
		display: block;
	}

	.slideCol a {
		padding: 1.8%;
		bottom: 8%;
		right: 0;
		font-size: 3vmin;
		left: 0;
		width: 25%;
		margin: auto;
		text-align: center;
	}

	.blueBanner .innerBcol img {
		max-height: 140px;
	}

	.blueBanner .innerBcol.logoXcol img {
		max-height: 63px;
	}

	.innerBcol.midCol p {
		font-size: 2.1rem;
		line-height: 2.4rem;
	}
	
	footer .btn.white{
		font-size: 1.3rem;
		line-height: 1.5rem;
		padding: 0.9rem;
		margin: 1.5rem 0;
	  }
	  .footer-b-buttons .contact-partner .btn.sendBtn{
		width:calc(50% - .7rem);
		min-width: 1px;
	  }

	.compareWrap {
		display: block;
	 }

	.compareCol {
		margin: 60px 0 10px;
		max-width: 100%;
	}
}

@media all and (max-width: 600px) {
	.svCol .dyData p {
		font-size: 16px;
	}

	.disTravl .form-control {
		max-width: 90px;
	}

	input[type="range"] {
		max-width: 150px;
	}

	.disTravl strong,
	.disTravl p {
		font-size: 11px;
	}

	.p-4 {
		padding: 10px 0 !important
	}

	.svCol .dyData {
		padding-top: 10px !important
	}

	.svCol p.fe,
	.svCol .dyData p {
		font-size: 12px;
		margin: 1px 0
	}

	.svCol p.fe {
		font-size: calc(1vw + 6.5px);
	}

	.svCol.ev .fe {

		margin-bottom: 32px;
	}

	.svCol.pv .vImgCol {
		padding-right: 10px
	}

	.svCol.ev .vImgCol {
		padding-left: 10px
	}

	.vImgCol {
		padding: 10px;
	}

	.vImgCol .crCol {
		height: 40px;
		width: 40px;
	}

	.smartBuy-wrapper {
		padding: 30px 0px
	}

	p.txtLine {
		padding: 0 10px;
		font-size: 12px
	}

	p.txtLine strong,
	p.txtLine span {
		font-size: 13px
	}

	.vImgCol .crCol img {
		max-width: 25px;
	}
}

@media all and (max-width: 575px) {
	.videogroup .videoTile {
		min-width: 200px;
		max-width: 200px
	}

	.discoverTab p {
		font-size: 13px;
		line-height: 17px;
	}

	.custModal .modal-body {
		padding: 20px
	}

	.discoverTab p.minTitle {
		font-size: 16px;
		line-height: 20px
	}

	.discoverTab .videogroup .videoTile {
		max-width: 220px;
		min-width: 220px;
	}

	.discoverTab .videoRelWrap .play {
		font-size: 12px;
		font-weight: 400;
		font-family: roboto,sans-serif;
		padding: 4px 25px 3px 7px;
	}

	.discoverTab .videoRelWrap .play svg {
		max-width: 22px;
	}

	.discoverTab .videogroup .videoTile .plyIcotab img {
		max-width: 23px;
		margin-right: 8px;
	}

	.discoverTab .videogroup .videoTile .plyIcotab {
		padding: 10px 8px
	}

	.discoverTab .nav .nav-link {
		font-size: 14px;
		line-height: 18px;
		padding: 6px 20px;
		margin: 0 10px 0 0;
	}

	.videogroup .videoTile .plyIcotab {
		font-size: 12px;
	}

	.videogroup .videoTile .plyIcotab img {
		max-width: 25px;
		min-width: 25px;
	}

	.greenCol .dicoverContainer {
		padding: 20px 3px 0;
	}

	.disctab .nav-tabs .nav-link {
		padding: 20px 15px;
		font-size: 18px;
		display: flex;
		align-items: center;
	}

	.disctab .nav-tabs .nav-link img {
		max-width: 30px;
	}

	.dicoverContainer .faqtitel {
		font-size: 21px;
		margin: 20px 0;
	}

	.blueBanner .innerBcol.midCol {
		top: 131px;
	}

	.blueBanner .innerBcol img {
		max-height: 100px;
	}

	.blueBanner {
		min-height: 265px
	}

	.blueBanner .innerBcol.midCol p {
		font-size: 24px;
		line-height: 1.2;
	}

	.content-variant {
		top: 25%;
	}

	.iqubeWrap .content-variant h2 {
		font-size: 1.8rem;
	}

	.iqubeWrap .content-variant h3 {
		font-size: 2.2rem;
	}

	.subHeader .header-btn-group .btn {
		margin-left: 0;
		font-size: 12px;
	}

	.dealershipWrap {
		padding: 20px 0
	}

	.dealershipWrap h2 {
		margin: 0 0 20px;
	}

	.dealershipWrap .card,
	.incTab.redT {
		margin-bottom: 20px;
	}

	.smartbuyWrap h4 {
		min-width: 98px;

		max-width: 90px;
		margin-right: 10px;
	}

	.vecWrpmin img {
		max-width: 40px;
	}

	.radiusCol {
		min-width: calc(100% - 40px);
	}

	.smartbuyWrap .petrolVec .radiuswrap {
		min-width: 10%;
	}

	.smartbuyWrap .radiuswrap p.b-txt {
		font-size: 10px
	}

	.smartbuyWrap .radiuswrap {
		min-width: 60%
	}

	.tabSection .nav .nav-link {
		margin: 0 2px;
	}

	.slider-wrapper .slick-next {
		right: 39%
	}

	.slider-wrapper .slick-prev {
		right: 54%;
	}

	.discoverInner {
		flex-direction: column;
	}

	.discoverInner a {
		margin-top: 20px;
	}
	.footer-b-buttons .contact-partner .btn.sendBtn{font-size: 14px}
	.blueBanner
	{
		min-height: 295px;
    }
}

@media (min-width: 1601px) {
	.tvs-header.headTop .navbar {
		padding: 14px 20px 14px 30px !important;
	}

	.tvs-header.headTop .navbar-brand {
		max-width: 100% !important;
		padding: 16px 0 !important;
	}

	.tvs-header.headTop .navbar .nav-item+.nav-item {
		margin-left: 50px !important;
	}

	.tvs-header .navbar .ib-nav {
		padding: 10px 30px !important;
		border-radius: 25px !important;
		height: 50px;
		margin-left: 52px !important;
		margin-right: 0 !important;
	}

	.tvs-header .navbar .ib-nav .ib-nav-link {
		font-size: 16px !important;
		font-weight: 600 !important;
		letter-spacing: .32px;
	}

	.country-outer .selected-country-flag .country-home .normal-text {
		font-size: 18px !important;
	}

	.country-outer .selected-country-flag .country-home {
		text-decoration: none;
	}

	.country-outer .country-home-flag+.selected-country-flag {
		padding-left: 23px !important;
		padding-right: 10px !important;
		min-width: 228px !important;
		max-width: 228px !important;
		margin-left: 33px !important;
	}

	.country-outer .selected-country-flag[data-ismodelopened="true"]::before {
		top: calc(100% + 33px) !important;
		border-width: 0 14.5px 18px 14.5px !important;
	}

	.mycountry {
		top: 135px !important;
		width: 1020px !important;
	}

	.tvs-header.headTop .navbar .navbar-nav .nav-item .nav-link {
		font-size: 20px !important;
		line-height: 25px;
	}

	.country-outer .selected-country-flag {
		box-shadow: 0px 8px 11.52px 0.48px rgba(0, 0, 0, .21) !important;
	}

	.mycountry .country-flag.tvs-india img {
		width: 42px;
		height: 24px;
	}

	.mycountry h2 {
		padding: 40px 20px 18px !important;
		letter-spacing: .48px;
		margin-bottom: 0;
		font-size: 24px !important;
		line-height: 28px !important;
	}

	.mycountry .country-flag {
		height: 129px !important;
		width: 162px !important;
	}

	.tvs-header .navbar .navbar-nav .nav-link:hover:before {
		width: 30px !important;
		height: 5px !important;
		border-radius: 2.1px !important;
	}

	.layoutWrap h4 {
		font-size: 24px;
	}
}

@media screen and (max-width: 1600px) {
	.tvs-header.headTop .navbar .navbar-nav .nav-link {
		line-height: 21px !important;
		padding: 14px 0 !important;
	}

	.tvs-header.headTop .navbar .nav-item+.nav-item {
		margin-left: 40px !important;
	}

	.tvs-header.headTop .navbar {
		padding: 5px 0 5px 10px !important;
		margin-top: 10px !important;
	}

	.country-outer .country-home-flag+.selected-country-flag {
		height: 40px !important;
		min-width: 180px !important;
		width: 180px !important;
		margin-left: 10px !important;
		padding: 0 6px 0 13px !important;
	}

	.tvs-header .navbar .ib-nav {
		height: 40px !important;
		margin-left: 30px !important;
	}

	.tvs-header .navbar .ib-nav .ib-nav-link {
		font-size: 14px !important;
		font-weight: 600 !important;
	}

	.country-outer .country-home .flag {
		max-width: 24px !important;
		height: 14px !important;
		min-width: auto !important;
		width: 24px !important;
	}

	.country-outer .selected-country-flag .country-home .normal-text {
		font-size: 18px !important;
	}

	.public-logo-web {
		padding: 0 10px 0 18px;
	}

	.mycountry .country-flag-outer {
		max-height: 68vh !important;
		border-radius: 0 0 15px 15px;
	}

	.mycountry .country-flag.tvs-india img {
		width: 42px;
		height: 24px;
	}

	.mycountry .country-flag.tvs-india {
		height: 120px !important;
	}

	.tvs-header .navbar .navbar-nav .nav-link:hover:before {
		bottom: 7.5px !important;
		width: 24px !important;
		height: 3px !important;
	}

	.tabImgGroup img {
		margin: 0rem 0 4px;
		height: 238px;
		object-fit: cover;
	}

	.tabImgGroup img:last-child {
		margin: 0;
	}

	.tabImgGroup .pr-1 img {
		margin: 0;
		max-height: 480px;
		height: 100%;
	}

}

@media screen and (max-width: 1366px) {
	.layoutWrap img {
		max-width: 140px;
	}
	.btn.white {
		margin-right: 0rem;
	}
}

@media screen and (max-width: 1199.98px) {
	.tvs-header .navbar .ib-nav {
		padding: 0 15px !important;
	}

	.tvs-header .navbar .ib-nav .ib-nav-link {
		font-size: 12px !important;
		line-height: 16px !important;
	}

	.tvs-header.headTop .navbar .navbar-nav .nav-item .nav-link {
		font-size: 12px !important;
	}

	.tvs-header.headTop .navbar .nav-item+.nav-item {
		margin-left: 30px !important;
		margin-right: 6px !important;
	}

	.tvs-header.headTop .navbar .nav-item {
		margin-left: 6px;
		margin-right: 6px;
	}

	.tabImgGroup img {
		margin: 0;
		height: auto;
		object-fit: cover;
	}

	.tabImgGroup .pr-1 img {
		margin: 0;
		max-height: 100%;
		height: 100%;
	}
}

@media screen and (min-width: 992px) {
	.diduknow .mobileView {
		display: none;
	}
}

@media screen and (max-width: 991.98px) {
	.tvs-header.premium-header {
		display: none;
	}

	.tvs-header .logo-content {
		padding: 0px 20px 16px 20px;
		width: 100%;
	}

	.tvs-header.headTop .navbar {
		align-content: flex-start;
		border-bottom: 0px solid #e2e0df;
		min-height: 0;
		padding: 13px 0 0 0 !important;
		z-index: 100;
		width: 96% !important;
	}

	.tvs-header.headTop .navbar-brand img {
		max-width: 100px !important;
	}

	.sticky-header .sticky-header-wrapper {
		padding: 15px 15px;
	}

	.sticky-header .brand-logo img {
		height: 30px;
	}

	.footer-bg {
		padding: 60px 15px 50px;
	}

	.footer-bg .footer-brand-logo {
		width: 130px;
	}

	.tvs-header.mobile-premium-header {
		display: block;
		position: absolute !important;
		width: 100%;
		background: var(--white);
		border-radius: 0 0 20px 20px;
		z-index: 10;
		box-shadow: 0px 5px 4.85px 0.15px rgba(53, 53, 53, .05);
	}

	.tvs-header.mobile-premium-header .mobile-premium-section {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 17.5px 20px;
	}

	.tvs-header.mobile-premium-header .mobile-premium-section .arrow {
		font-size: 30px;
		line-height: 32px;
		font-weight: 600;
		color: #134a86;
		z-index: 10;
	}

	.tvs-header.mobile-premium-header .mobile-premium-section .arrow .icon-previous:before {
		content: "\f053";
		font-family: "Font Awesome 6 Free" !important;
		border: none;
		vertical-align: middle;
		font-weight: bold;
		display: inline-block;
		font-style: normal;
	}

	.tvs-header.mobile-premium-header .mobile-premium-section .premium-bike-title {
		justify-content: center;
		display: flex;
		width: 100%;
		font-size: 23px;
		line-height: 24px;
		font-weight: 600;
		color: var(--black);
		position: absolute;
		top: 48%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.slider-wrapper h2 {
		padding: 0;
	}

	.slider-wrapper p {
		font-size: 16px;
		line-height: 21px;
		padding: 0 23px;
	}

	.slider-wrapper .sliderTxt p {
		padding: 0;
	}

	.tabSlider .slideTxt p {
		font-family: "gotham";
	}

	.slider-wrapper {
		background: url(/IBIQube_Assets/images/2nd-fold-bg-mobile.png);
		background-position: center center;
		background-size: cover;
	}

	.smartXonnectBanner {
		padding: 50px 20px 0;
	}

	.sticky-header .sticky-header-wrapper .nav-bottom-wrapper .d-none {
		display: block !important;
	}

	.layoutWrap img {
		max-width: 124px;
	}

	.diduknow .desktopView {
		display: none;
	}

	.topBanner.mediaBanner .slideCol {
		height: auto;
	}
}

@media screen and (max-width: 767.98px) {

	/* html {
        font-size: calc(1vw + 6.4px);
    } */
	.footer-bg .footer-brand-logo {
		width: 173px;
	}

	.layoutWrap .contact-partner {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.layoutWrap .contact-partner .sendBtn {
		width: calc(50% - 8px);
		min-width: fit-content;
		margin: 0;
		box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0, 0, 0, .28);
		max-width: 100%;
	}

	.tvs-header.mobile-premium-header .mobile-premium-section {
		padding: 22px 20px;
	}

	/* .slider-wrapper .slick-slide img{top: 0px;} */
	.tabSection .titleContent h2 {
		font-size: 16px;
		line-height: 20px;
	}

	.tabSlider .slideTxt {
		min-width: 90%;
	}

	.slider-wrapper .imgBox {
		padding: 2.5rem 1.5rem 0rem;
	}

	.tabImgGroup img {
		margin: 0rem 0 4px;
	}

	.copy-write p {
		padding: 20px 0;
	}

	.sticky-header .navbar-brand img {
		height: 41px;
	}

	h2.faqtitel, h1.faqtitel {
		font-size: 28px;
	}
}

@media screen and (min-width: 575px) {
	.smartXonnectBanner img.mobileImg {
		display: none;
	}
}

@media screen and (max-width: 575px) {
	.pricingCol .priceTxt {
		justify-content: space-between;
	}

	.pricingCol .priceTxt .col-sm-6 {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.priceTxt .text-right h4 {
		font-size: 24px;
	}

	.smartXonnectBanner img.desktopImg {
		display: none;
	}

	.smartXonnectBanner img.mobileImg {
		max-height: 423px;
	}
}

@media screen and (max-width: 480px) {
	.layoutWrap .contact-partner.col-lg-auto .btn {
		font-size: 14px;
		padding: 12px 10px;
	}

	.copy-write p {
		font-size: 14px;
		padding: 15px 0;
	}
}

@media (min-width: 768px) {
	.sticky-header .sticky-header-wrapper {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.sticky-header-wrapper {
		max-width: 960px;
	}
}

@media screen and (min-width: 1200px) {
	.sticky-header .sticky-header-wrapper {
		max-width: 1200px;
	}
}

@media all and (max-width:392px) {
	.svCol .disTravl p {
		max-width: 40px
	}
}

@media all and (max-width:420px) {
	.incTab {
		display: flex;
		align-items: center;
		padding: 20px;
	}
}
@media all and  (max-width:590px){
	.rms-wrap .nav.nav-pills{
		justify-content:flex-start;
		overflow: auto;					
		flex-wrap: nowrap;
		pading:0 10px
	}
	.rms-wrap .nav.nav-pills li.nav-item{
		white-space: nowrap;
	}
}
:root {
    --primary-blue: #18407e;
    --white: #ffffff;
}
.fa-classic,
.fa-light,
.fa-regular,
.fa-solid,
.fa-thin,
.fal,
.far,
.fas,
.fat {
  font-family: "Font Awesome 6 free" !important;
}

.tvs-header {
  /*    position: fixed;*/
}

.tvs-header * {
  font-family: roboto;
}

.headTop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
}
.ie-browser-alert{display:none}
.tvs-header.headTop .navbar {
    /*width: 100%;
  box-shadow: none;
  
  border-radius: 0rem;
  top: 0px;
  position: unset;
  transform: none;
  margin-bottom: 0;
  padding: 0 0 0 25px;
  min-height: 70px;
  align-items: center !important;
  display: flex;*/
    background: #fff;
    position: absolute;
    transform: translate(-50%, 0%);
    left: 50%;
    width: 98%;
    box-shadow: 5px 9px 10px 0px rgba(0,0,0,.1);
    border-radius: 4.4rem;
    margin-top:10px;
}

.tvs-header .container {
  max-width: 100% !important;
}
.tvs-header.headTop  .navbar-brand{
    max-width:130px;
    padding:0;
}
    .tvs-header.headTop .navbar-brand img{max-width:100%;}
    .tvs-header.headTop .navbar .navbar-nav .nav-link {
        font-weight: 500;
        font-size: 16px !important;
        color: #000;
        padding: 10px 0;
        position: relative;
    }

.tvs-header .navbar .navbar-nav .nav-link:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0rem;
  width: 0;
  height: 3px;
  background-color: #e42d38;
}

.tvs-header .navbar .dropdown-toggle:after {
  content: "\f078";
  font-family: "Font Awesome 6 Free" !important;
  border: none;
  vertical-align: middle;
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  margin-left: 10px;
}

.tvs-header.headTop .navbar .nav-item + .nav-item {
  margin-left: 41px;
}

.tvs-header .navbar .ib-nav {
    margin-left: 21px;
    line-height: 2rem;   
    text-transform: capitalize;
    margin-right: 15px;
    background: #18407e;
    position: relative;
    padding: 0 25px;
    border: none;
    border-radius: 20px;
}
    .tvs-header .navbar .ib-nav .ib-nav-link {
        color: #fff;
        font-size: 15px;
        font-weight: 500;
        text-transform:uppercase;
    }
    .country-outer .country-home-flag + .selected-country-flag {
        margin-left: 1px;
        cursor: pointer;
        height: 35px;
        min-width: 160px;
        max-width: 160px;
        background-color: #fff;
        box-shadow: none;
        border: 1px solid #ddd;
        padding: 8px 0 8px 15px;
        position: relative;
        justify-content: space-between;
        display: flex;
        align-items: center;
        border-radius: 25px;
    }

.country-outer .selected-country-flag .country-home .normal-text {
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  color: #18407e;
  text-transform: capitalize;
}

.country-outer .selected-country-flag .flag {
  background-size: 3rem 2rem;
  margin: 0 3px 0 0;
  height: 17px;
  max-width: 30px;
  min-width: 30px;
}

.country-outer .selected-country-flag .country-arrow:before {
  font-size: 15px;
  line-height: 2.4rem;
  font-weight: 900;
  color: #18407e;
  content: "\f078";
  font-family: "Font Awesome 6 free" !important;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%) rotate(0deg);
}

.tvs-header .navbar .ib-nav .ib-nav-link:hover,
.tvs-header .navbar .navbar-nav .nav-link:hover {
  color: #173d7a;
}

.tvs-header .navbar .ib-nav .ib-nav-link:hover::before,
.tvs-header .navbar .navbar-nav .nav-link:hover::before {
  right: 0;
  bottom: 17px;
  width: 24px;
  height: 3px;
  content: "";
  position: absolute;
  left: 0;
  margin: auto;
  background-color: #e7303b;
  transition: all 0.3s;
  border-radius: 5px;
}

.mycountry {
  display: none;
  z-index: 110;
  position: absolute;
  overflow: hidden;
  top: 90px;
  width: 690px;
  background: #fff;
  font-size: 20px;
  min-height: 100px;
  border-radius: 20px;
  right: 25px;
  border-top-color: #fff;
  border: 1px solid #dbd8d8;
  box-shadow: 0px 8px 11.52px 0.48px rgba(0, 0, 0, 0.15);
  font-size: 20px;
}

.mycountry.active {
  display: block;
}
.country-outer .selected-country-flag[data-ismodelopened="true"]::before {
  content: "";
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0 12px 15px 12px;
  height: 0;
  position: absolute;
  left: 50%;
  top: calc(100% + 27px);
  width: 0;
  z-index: 999999;
  transform: translateX(-50%);
}

.country-dd-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 105;
}

.mycountry .country-flag-outer {
  max-height: 680px;
  border-radius: 0 0 1.5rem 1.5rem;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  padding-right: 20px;
}

.country-close .country-close-icon {
  display: block;
  padding: 10px 12px;
  cursor: pointer;
  position: absolute;
  right: 10px;
}

.country-close {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.country-close-icon i {
  color: #183f7c;
  font-size: 23px;
}

.country-close .country-close-icon .icon-icon-close:before {
  font-family: "Font Awesome 6 Free" !important;
  content: "\f078";
  color: #183f7c;
}

.mycountry .country-flag {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #535252;
  align-items: center;
  border-left: 0;
  border-top: 1px solid #f5f5f5;
  border-right: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 110px;
  justify-content: center;
  text-align: center;
  width: 160px;
}

.mycountry .country-flag.tvs-india {
  background: rgba(216, 216, 216, 0.25);
  border: 0;
  border-radius: 20px 0 0;
  padding-top: 12px;
  height: 120px;
}

.mycountry h2 {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  color: #000;
  display: flex;
  padding: 23px 20px 10px;
  width: 100%;
}

.mycountry .country-flag {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #535252;
  cursor: pointer;
  text-align: center;
}

.mycountry .country-flag .flag {
  height: 20px;
  width: 35px;
  flex: inherit;
}

.mycountry .country-flag span {
  margin-top: 20px;
}

.mycountry .country-flag.country-active {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #163d79;
  background: #e7f0ff;
  border: 2px solid rgba(18, 54, 110, 0.72);
}

.mycountry .back-button {
  display: none;
}

.tvs-header .navbar .nav-item.dropdown .dropdown-menu {
  min-width: 238px;
  margin-top: 43px;
  padding: 8px 29px 8px 30px;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.18));
  background: #fff;
  border-radius: 20px;
  border: none;
}

.tvs-header .navbar .dropdown-item {
  min-height: 50px;
  font-size: 16px;
  padding: 10px 0;
  font-weight: 500;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: all 0.3s;
  border-bottom: 1px solid #ededed;
}
.tvs-header .navbar .nav-item.dropdown.show::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 25px solid rgba(0, 0, 0, 0);
  border-right: 25px solid rgba(0, 0, 0, 0);
  border-bottom: 31px solid #fff;
  position: absolute;
  top: calc(100% + 26px);
  left: calc((100% - 2px) / 2);
  transform: translateX(-50%);
  z-index: 9999;
}
.tvs-header .navbar .dropdown-item:hover {
  background: rgba(0, 0, 0, 0);
  color: #173d7a;
}

.headTop .breadcrumbWrapper .breadcrumb {
  margin-bottom: 0;
  background: #ebebeb;
  padding: 10px 24px;
  border-radius: 0;
}

.headTop .breadcrumbWrapper .breadcrumb li {
  font-size: 13px;
}

.breadcrumb > li {
  display: inline-block;
}

.headTop .breadcrumbWrapper .breadcrumb li a {
  color: #3a3a3a;
}

.headTop .breadcrumbWrapper .breadcrumb li:after {
  content: "\e901";
  font-family: "ibcountry" !important;
  font-size: 8px;
  margin: 0 5px;
}

.headTop .breadcrumbWrapper .breadcrumb li.active {
  color: #18407e;
  font-weight: 700;
}

.tvs-header .navbar .switch-btn {
  padding: 5px;
  margin-right: 1rem;
  background-color: #fff;
  border-radius: 2.5rem;
  box-shadow: 0px 8px 11.52px 0.48px rgba(0, 0, 0, 0.15);
}

.tvs-header .navbar .switch-btn .btn.btn-secondary {
  border-radius: 20px;
  width: 60px;
  display: flex;
  justify-content: center;
  height: 30px;
  align-items: center;
  border: none;
  margin-left: 1px;
  font-size: 16px;
  color: #fff;
  background: transparent;
  color: #343333;
  font-weight: 600;
}

.tvs-header .navbar .switch-btn .btn.btn-secondary.active {
  background-color: #18407e;
  color: #fff;
}

.tvs-header .navbar .switch-btn input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  box-sizing: border-box;
  padding: 0;
}

.headTop .breadcrumbWrapper .breadcrumb li::after {
  content: "\f105";
  font-family: "Font Awesome 6 free" !important;
  font-weight: 700;
}

.country-close .country-close-icon .icon-icon-close::before {
  content: "\f00d";
  font-weight: 700;
  font-style: normal;
}

.tvs-header .navbar .ib-nav .ib-nav-link:hover::before {
  bottom: -5px;
}

/* Footer */
footer .footerAddress {
    background-color: var(--primary-blue);
    position: relative;
    padding: 34px 0;
}

@media screen and (min-width: 1366px) {
    .go-top {
        right: 1.4rem;
    }
}
.go-top {
    background-color: var(--white);
    border-radius: 50%;
    color: var(--primary-blue);
    display: none;
    font-size: 1.6rem;
    height: 7rem;
    padding: 1em;
    position: absolute;
    right: 2rem;
    text-decoration: none;
    top: -7rem;
    width: 7rem;
    z-index: 8;
    box-shadow: 2px 3px 8.4px 1.6px rgba(0,0,0,.28);
}
.inactive-enquiry-popup {
    width: 320px;
    position: fixed;
    left: 30px;
    bottom: 20px;
    border: 1px solid #0a368b;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    z-index: 9999;
    background: #fff;
}

#enquiryForm,
#nudge-form {
    position: fixed;
    left: 30px;
    bottom: 20px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 30%);
    z-index: 4;
    background: #fff;
    border: 3px solid #c2ccde;
    width: 390px;
    display: none;
}

#enquiryForm {
    z-index: 99;
}

.nudge-header {
    background: 0 0;
    margin: 0 25px;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#enquiryForm #nudgeLocation,
#nudge-form #nudgeLocation {
    padding-right: 85px;
    text-overflow: ellipsis;
}

.inactive-enquiry-popup .enquiryForm-inner {
    padding: 5px 15px 8px;
    overflow: auto;
    height: calc(100% - 45px);
}

.inactive-enquiry-popup .enquiryForm-inner .form-group .text-danger {
    font-size: 12px;
    display: flex;
    margin-top: 3px;
}

.inactive-enquiry-popup .enquiryForm-inner .form-group .text-danger img {
    padding-right: 3px;
    height: 12px;
    margin-top: 3px;
}

.inactive-enquiry-popup .form-control-enquiry {
    display: block;
    width: 100%;
    height: 32px;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.mobile-enquiry .icon-down-arrow {
    opacity: 0;
    font-size: 3px;
}

.submit-enquiry-inprogress {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media all and (max-width: 480px) {
    .inactive-enquiry-popup {
        left: 15px;
        width: calc(100% - 30px);
        box-sizing: border-box;
        bottom: auto;
    }

        .inactive-enquiry-popup .enquiryForm-inner {
            padding: 10px;
        }
}

@media all and (max-width: 430px) {
    .inactive-enquiry-popup {
        width: auto;
        right: 20px;
        left: 20px;
    }
}

@media all and (max-width: 768px) {
   .popupLeft .inactive-enquiry-popup {
        bottom: 60px;
    }
}

.inactive-enquiry-popup .alert {
    font-size: 13px;
}

#enquiryForm #contactMobileNumber {
    flex: 1 1 0%;
}

.popupLeft .inactive-enquiry-popup label {
    margin-top: 0;
}

.inactive-enquiry-popup .alert p{
    margin: 0;
}
.inactive-enquiry-popup .modal-header {
    background: #0a368b;
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.input-group-text.country.dropdown-toggle {
    height: 29px;
    white-space: nowrap;
    border: 0;
    border-radius: 0;
    background: 0 0 !important;
    font-size: 14px;
}

    .input-group-text.country.dropdown-toggle:after {
        margin-left: 6px;
    }

.inactive-enquiry-popup .modal-header img {
    max-width: 100px;
    display: block;
}

.inactive-enquiry-popup .modal-header .close {
    padding: 0 10px;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    cursor: pointer;
}

.inactive-enquiry-popup .enquiryForm-inner {
    padding: 5px 15px 8px;
    overflow: auto;
    height: calc(100% - 45px);
}

.inactive-enquiry-popup .enquiryForm-inner .form-group .text-danger {
    font-size: 12px;
    display: flex;
    margin-top: 3px;
}

.inactive-enquiry-popup .enquiryForm-inner .form-group .text-danger img {
    padding-right: 3px;
    height: 12px;
    margin-top: 3px;
}

 #enquiryForm .mobile-enquiry .input-group.dropdown, .inputGroup_cs .mobile .input-group {
    flex-wrap: wrap;
}

 .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

button#is_showCountryCode {
    width: auto;
    padding-right: 10px;
    position: relative;
    margin-right: 6px;
    padding-left: 0;
}

button#is_showCountryCode:before {
    content: "";
    position: absolute;
    right: 3px;
    height: 12px;
    width: 1px;
    top: 7px;
    background-color: #959595;
}

.country-flag-enquiry {
    max-width: 22px;
    margin-right: 3px;
}

.nudge-header img {
    width: 100px;
}

.nudge-header .close {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    padding: 0 10px;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background: #ee313c;
    opacity: 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nudge-body {
    padding: 8px 20px;
    background-origin: border-box;
    overflow: auto;
    max-height: calc(100vh - 160px);
}

.nudge-body h2 {
    margin-bottom: 10px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    border-bottom: 1px solid #d9d9d9;
    padding: 0 0 10px;
}
.input-group-text.country.dropdown-toggle {
    margin-left: 0;
}

.nudge-body .form-label {
    text-transform: uppercase;
    color: #0c3688;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 700;
}

.nudge-body .form-control, .nudge-body .form-select {
    font-size: 13px;
    height: 30px;
    padding: 2px 40px 2px 0;
    border: 0;
    border-bottom: 1px solid #0c3688;
    font-weight: 400;
    color: #000;
    border-radius: 0;
}

.inactive-enquiry-popup * {
    font-family: Roboto
}

.nudge-body .input-wrap, .support-customer-wrap {
    margin-bottom: 20px;
}

.nudge-body .form-check-label, .popupLeft .consent-field label {
    text-transform: none;
    color: #aaa;
    font-size: 12px;
    line-height: 15px;
}

    .nudge-body .form-check-label a {
        color: #0c3688;
    }

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    appearance: none;
    -webkit-print-color-adjust: exact;
    border-radius: 3px
}

.btn-group-custom {
    background: #edf2fb;
    gap: 15px;
    display: flex;
    padding: 8px 20px;
}

button#cancel, button#subscribe {
    flex: 1;
    text-transform: uppercase;
    border-radius: 2px;
    padding: 5px 10px;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    border: 0;
}

button#cancel {
    color: #546887;
    background: #c5d1e3;
}

    #pagination-controls button:disabled, button#cancel:disabled, button#subscribe:disabled {
        cursor: not-allowed;
        opacity: 0.5;
    }

button#subscribe {
    background: #0c3688;
    color: #fff;
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
}

    .form-check .form-check-input {
        float: left;
        margin-left: -1.5em;
    }

@media screen and (max-width: 767px) {
    #enquiryForm {
        width: 100%;
        left: 0;
        bottom: 0;
    }
}

.connect-info .nav-tabs .nav-link:not(.active), .input-group-prepend {
    border-bottom: 1px solid #5a5555;
}

.nudge-body .form-control:focus {
    box-shadow: none;
}

.nudge-body .dropdown-menu {
    font-size: 13px;
    max-height: 200px;
    min-width: 315px;
    overflow: auto;
}

.nudge-body .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    color: #212529;
    text-align: inherit;
    background-color: transparent;
    border: 0;
}

.nudge-body .dropdown-menu a img {
    max-width: 22px;
    margin-right: 6px;
}

.nudge-body .dropdown-item:focus, .nudge-body .dropdown-item:hover {
    color: #1e2125;
    background-color: #e9ecef;
}

.error.text-danger {
    font-size: 13px;
    bottom: -22px;
}

.minw-100 {
    min-width: 100%;
}

    .slideTxt {
        flex-direction: column;
    }

    .nudgeForm #nudge-autocomplete-list {
        background: #deeaff;
        max-height: 185px;
        overflow: auto;
        position: absolute;
        width: 100%;
        z-index: 1;
    }

    .nudgeForm .nudge-autocomplete-item {
        color: #000;
        border-bottom: 1px solid #ccc;
        padding: 5px 10px;
        font-weight: 500;
        font-size: 14px;
        line-height: 19px;
        cursor: pointer;
    }

    .nudgeForm .autocomplete-label {
        font-weight: 500;
        font-size: 14px;
    }

    .nudgeForm .nudge-autocomplete-item:hover {
        background-color: #0c3688 !important;
        color: #fff;
    }

    .nudgeForm .nudge-autocomplete-item {
        padding: 5px 10px;
        line-height: 19px;
        cursor: pointer;
    }

    .nudge-autocomplete-label div {
        font-weight: 500;
        font-size: 14px;
    }

    .nudgeForm .nudge-autocomplete-item:hover {
        background-color: #0c3688 !important;
        color: #fff;
    }

        .nudgeForm .nudge-autocomplete-item:hover .text-secondary {
            color: #dfdfdf !important;
        }

    .custom-select-dropdown-button.form-select {
        cursor:pointer;
        white-space: nowrap;
        overflow: hidden;
        display: block;
        text-overflow: ellipsis;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-position: right .75rem center;
        background-size: 16px 12px;
        background-repeat: no-repeat;
    }


    .subHeader.scrolled .navbar {
        height: 90px
    }

.custom-select-dropdown-list {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style-type: none;
    opacity: 0;
    transform-origin: top left;
    transform: scale(1, 0);
    transition: .3s ease-in-out;
    z-index: 2;
    background: #fff;
    max-height: 158px;
}

    .custom-select-dropdown-list.active {
        opacity: 1;
        pointer-events: auto;
        transform: scale(1, 1);
    }

.county-flag-dropdown span {
    font-weight: 500 !important;
}

.form-check .form-check-input {
    appearance: auto;
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.inactive-enquiry-popup .spinner-border {
    vertical-align: -.125em;
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.inactive-enquiry-popup .spinner-border {
    width: 1rem;
    height: 1rem;
    border-width: .2em;
    vertical-align: -.125em;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    margin: 0 !important;
}

.submit-enquiry-inprogress {
    min-width: 32px;
}

.form-check-input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: .25em !important;
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
    }

/* old UI enquiry form CSS */
#enquiryForm.oldUI-enquiry.inactive-enquiry-popup{
    width: 370px;
}

.oldUI-enquiry.inactive-enquiry-popup .modal-header {
    background: transparent;
    margin: 10px 25px 0px;
    padding: 10px 0 15px;
}

.oldUI-enquiry.inactive-enquiry-popup .modal-header .close {
    color: #0c3688;
    font-size: 26px;
    font-weight: normal;
}

.oldUI-enquiry.inactive-enquiry-popup .enquiryForm-inner.p-20 {
    padding: 8px 25px 8px;
}

.oldUI-enquiry .enquiryForm-inner h3 {
    font-size: 24px;
    color: #0c3688;
    font-weight: 400;
    margin-bottom: 10px;
}

.oldUI-enquiry .enquiryForm-inner label {
    text-transform: uppercase;
    color: #0c3688;
    margin-bottom: 4px;
    font-size: 13px;
}

.popupLeft .oldUI-enquiry .form-group {
    margin-bottom: 10px;
    position: relative;
}

.popupLeft .oldUI-enquiry .form-control {
    font-size: 13px;
    background: #f9fbff;
    height: 35px;
    border-radius: 0.25rem;
    padding: 2px 8px;
    border: 1px #ced4da solid;
    font-weight: normal;
}

.popupLeft .oldUI-enquiry .consent-field label {
    text-transform: none;
    color: #aaa;
    font-size: 12px;
    line-height: 15px;
}

.popupLeft .oldUI-enquiry .consent-field {
    margin-bottom: 5px;
    padding-left: 3px;
}

.oldUI-enquiry .consent-field {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}

.oldUI-enquiry .input-group-text.country.dropdown-toggle{
    font-size:12px !important;
}

.popupLeft .oldUI-enquiry.inactive-enquiry-popup label {
    margin-top: 0;
    display:flex;
}

.oldUI-enquiry .enquiryForm-inner .consent-field label {
    display: flex;
    align-items: flex-start;
    margin-left: 12px;
}

.popupLeft .oldUI-enquiry .consent-field label a {
    color: #0c3688;
}

.popupLeft .oldUI-enquiry .btn-group-custom {
    background: #edf2fb;
    gap: 0px;
    display: flex;
    padding: 8px 25px;
    justify-content:center
}

.popupLeft .oldUI-enquiry .btn-group-custom .btn {
    padding: 5px 10px;
    opacity:1;
    height: 34px;
    line-height: 1;
}

.popupLeft .oldUI-enquiry .btn-group-custom .btn.submit-enquiry-inprogress {
    opacity: .65;
}

.popupLeft .oldUI-enquiry .btn-group-custom .btn.mr-3{
    margin-right: 10px !important;
}
.popupLeft .oldUI-enquiry .btn-group-custom .btn:hover {
    border: 2px solid #0c3688;
    background: #fff;
    color: #0c3688;
}

.oldUI-enquiry .btn-group-custom .btn-primary {
    background: #0c3688;
}

.oldUI-enquiry .btn-group-custom .btn {
    flex: 1;
    text-transform: uppercase;
    border-radius: 8px;
    border: 2px solid #0c3688;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
}

.oldUI-enquiry .btn-group-custom .btn-disabled {
    background: #ccc;
    border-color: #ccc;
    color: #444;
    pointer-events: none;
}

.popupLeft .oldUI-enquiry .input-group-prepend .input-group-text {
    background: #f9fbff;
    color: #0c3688;
}

.popupLeft .oldUI-enquiry .input-group-text {
    padding: 3px 5px 3px 8px;
}

.popupLeft .oldUI-enquiry .flagWrap {
    max-width: 20px;
}

.popupLeft .oldUI-enquiry .country img {
    max-width: 100%;
    border-radius: 100%;
    height: 20px;
}

.oldUI-enquiry .country-flag-enquiry {
    width: 2.6rem;
    margin: 0 1rem 0 0;
}

.popupLeft .oldUI-enquiry .input-group-prepend .country-code {
    font-size: 13px;
    font-weight: 600;
    padding-left: 3px;
}

.oldUI-enquiry button#is_showCountryCode {
    width: auto;
    position: relative;
    border: 1px solid #ced4da;
    padding: 3px 5px 3px 8px;
    border-radius: .25rem 0 0 .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0;
    background: #f9fbff !important;
    height: 100%;
}
.oldUI-enquiry .mobile-enquiry #contactMobileNumber{
    border-radius:0 0.25rem 0.25rem 0;
}

.oldUI-enquiry button#is_showCountryCode:before {
    display: none;
}

.oldUI-enquiry .enquiryForm-inner .input-group-prepend {
    border: none;
}

.popupLeft .oldUI-enquiry .dropdown-menu {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.oldUI-enquiry .country-number-enquiry .dropdown-item {
    font-size: 13px;
}

.popupLeft .oldUI-enquiry .dropdown-item {
    padding: 1px 10px;
}

.popupLeft .oldUI-enquiry .dropdown-menu.country-number-enquiry li img {
    max-width: 25px;
    margin-right: 5px;
}

.popupLeft .oldUI-enquiry .dropdown-menu {
    transform: translate3d(0, -4px, 0px) !important;
    border-radius: 2px;
    padding: 0;
    left: -2px !important;
    right: -2px;
    width: auto;
}

.oldUI-enquiry .visually-hidden {
    width: auto !important;
    height: auto !important;
    margin: 0 0 0 5px !important;
    clip: unset !important;
    position: unset !important;
    font-weight: 600;
}

.oldUI-enquiry.inactive-enquiry-popup .spinner-border {
    height: 10px;
    width: 10px;
}

@media screen and (max-width: 767px) {
    .oldUI-enquiry#enquiryForm {
        left: 30px;
        bottom: 60px;
    }
}


@media screen and (max-width: 480px) {
    .oldUI-enquiry.inactive-enquiry-popup {
        left: 15px;
        width: calc(100% - 30px);
        box-sizing: border-box;
        bottom: auto;
    }
}

.popupLeft .oldUI-enquiry .form-control:focus {
    box-shadow: none;
    border-color: #0c3688;
    background: #f9fbff;
}

@media screen and (max-width: 767px) {
    #enquiryForm.oldUI-enquiry.inactive-enquiry-popup {
        bottom: 60px;
        width: 370px;
        left: 30px;
    }
}

@media screen and (max-width: 480px) {
    #enquiryForm.oldUI-enquiry.inactive-enquiry-popup {
        left: 20px;
        width: calc(100% - 40px);
        box-sizing: border-box;
    }
}

.popupLeft .oldUI-enquiry .form-control:focus {
    color: #495057;
}

.popupLeft .oldUI-enquiry .form-control {
    color: #000
}
