/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* .heroSection video{
	top:48% !important;
} */
/* #dailyMileageRange{
	padding: 0 !important;
    border: none !important;
} */
body{
	overflow-x:hidden;
}
.elementor-swiper-button {
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
}
html {
  scroll-padding-top: 150px; /* Height of your fixed nav + some extra */
  scroll-behavior: smooth; /* Optional, for smooth scrolling */
}
@font-face {
    font-family: "elementskit";
    src: url("https://vlektra.com/wp-content/plugins/elementskit-lite/modules/elementskit-icon-pack/assets/fonts/elementskit.woff?y24e1e") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* allow fallback text/icon while font loads */
}

.elementor-field-type-acceptance .elementor-field-option{
    margin-top: 10px;
}
.elementor-field-type-checkbox .elementor-field-subgroup  {
	gap:10px;
}
.elementor-field-type-acceptance .elementor-field-option, 
.elementor-field-type-checkbox .elementor-field-option{
	display: flex;
	align-items: center;
    gap: 10px;
}
.specIcon h3{
	margin:0px;
}
.specrange{
	min-width:111px !important;
}
.elementor-field-group-bikeCheckBox .elementor-field-option .elementor-field-option{
	    display: flex !important;
    flex-direction: row;
    gap: 10px;
}
.ebvspb table tbody td {
	width:33%;
}
.ebvspb table tbody tr td:first-child {
  padding-left: 50px;
}
.ebvspb table thead tr th:first-child {
  padding-left: 50px;
}
.reserveNow-paymentInfo div{
	display:flex;
	align-items:center;
	gap:15px;
}
.rn-form .elementor-field-type-html {
	margin-bottom:5px !important;
}
.branch-list{
	color:#fff;
	padding:0px;
}
.leaflet-popup-tip{
	display:none;
}
.branch-name {
	color:var( --e-global-color-accent );
	text-transform:uppercase;
	letter-spacing:1.5px;
	font-weight:600;
}
ul.branch-list li {
    display: flex;
    margin: 12px 0;
    flex-direction: row;
    gap: 15px;
	cursor:pointer;
}
ul.branch-list .branch-detail{
	 display: flex;
    flex-direction: column;
    justify-content: flex-start;
	
}
ul.branch-list li:first-child{
	margin-top:0px;
}
.branch-list li .branch-image img {
    min-width: 154px;
	max-width: 154px;
	height:130px;
    object-fit: cover;
    height: 100%;
    border-radius: 4px;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background: var(--e-global-color-b15a7f4) !important;
    color: #ffffff !important;
}
.branch-list li .branch-detail{
	display: flex;
    flex-direction: column;
    gap: 5px;	
}
.branch-detail a {
    font-family: "Roboto", Sans-serif;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #000000;
    border-radius: 0px 0px 0px 0px;
    padding: 12px;
    text-align: center;
    background-color: var(--e-global-color-accent);
    max-width: 124px;
    margin-top: 7px;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.branch-detail a:hover {
    transform: translateY(-8px);
}
.instalmentTabs .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text{
	justify-content:center !important;
}
.tab-data .tablesorter tbody .td-content-wrapper p{
		margin-bottom:0px !important
	}
.elementor-24 .elementor-element.elementor-element-7dc5b736 > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon {
    background: transparent !important;
}
.nav-menu .e-close{
	background-color:transparent !important;
}
.footerTextt{
	font-family: Roboto;
font-weight: 400;
font-size: 18px;
leading-trim: Cap height;
line-height: 127%;
letter-spacing: 4%;
color:#FFFFFFCC;
}
   input[type='range'] {
	overflow: hidden;
    width: 100%;
    -webkit-appearance: none;
    background-color: #727272;
    border-radius: 10px;
    }

.mileagelabel{
	display:flex; 
	justify-content:space-between; 
	color:var( --e-global-color-accent );
	font-family: Roboto;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	letter-spacing: 0%;
	vertical-align: middle;
	text-transform:lowercase;
}
.heroSection span.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    border: 1px solid #E8E8E8;
    border-radius: 50%;
    top: -12px;
    left: -12px;
}
.heroSection .swiper-pagination-bullet {
	position:relative;
}
.herobtn1 a:hover{
	
	border-color:#fff !important;	
}
.herobtn2 a:hover{
	border-color:var( --e-global-color-accent ) !important;
}
.cardDetials{
position:absolute;
	top:70px;
}
.cardhover{
	cursor:pointer;
	overflow:hidden
}
.cardhover:hover .cardDetials{
   position:relative;
	top:0px;
}

.cardhover:hover{
    transition: width 0.3s linear;
	 width: 500px; 
	
}
.bordergradWhite {
  border-right: 1px solid; /* Must be transparent for border-image to show */
  border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
  border-image-slice: 1; /* Required for border-image to display */
}
.borderGrad {
    border-right: 1px solid; /* Apply the border only on the right */
    border-image-source: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0) 100%);
    border-image-slice: 1; /* Ensures full coverage */
}
 .lastdetCont {
    min-width: 140px;
	
}
.bordergradWhite{
	min-width:170px;
}
   .estimator-container {
      display: flex;
      flex-direction: row;
      max-width: 1100px;
      width: 100%;
      border-radius: 8px;
	   gap:30px;
	       letter-spacing: 1.5px;
    }
input[type=range]::-webkit-slider-thumb {
	background: #F8D64C;
}
    /* Left Panel (Inputs) */
.left-panel {
    background: transparent;
    flex: 1;
    padding: 30px 57.2px;
    border: 1px solid #FFFFFFA8;
	min-width: 705px;
}
    .left-panel h2 {
      margin-bottom: 20px;
      font-size: 20px;
    }
    .input-group {
      margin-bottom: 20px;
	  display: flex;
      flex-direction: column;
		gap:10px;
    }
    .input-group label {
      display: block;
      margin-bottom: 8px;
      font-weight: 500;
		color:var( --e-global-color-accent );
    }
	.input-group input[type="number"] {
    padding: 8px;
    font-size: 16px;
    width: 100%;
    background: #FFFFFF;
    color: #000;
		font-weight:700;
    border: 1px solid #FFFFFF33;
    border-radius: 4px;
}	
    /* Right Panel (Results) */
.right-panel {
    background: transparent;
    border: 1px solid #FFFFFFA8;
    flex: 1;
    padding: 30px;
    display: flex;
    flex-direction: column;
	justify-content:space-between;
	max-width:320px;
}
    .right-panel h2 {
      margin-bottom: 20px;
      font-size: 20px;
    }
.result {
    font-size: 16px;
    color: #fff;
    display: flex;
	flex-direction: column;
    justify-content: space-between;
}
.result > p{
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500 ;
}
    .highlight{
    font-size: 18px;
    color: var(--e-global-color-accent);
    font-weight: 500;
    margin-bottom: 20px;
    letter-spacing: normal;
}
.group-fInput{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#dailyMileage{
background: #F8D64C;
    width: 60px;
    height: 50px;
    font-family: Roboto;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0%;
    /* vertical-align: middle; */
    color: #000;
    text-align: center;
	padding: 0;
    border: none;
}
.fcs_Estimator .elementor-widget-container{
	display:flex;
	justify-content:center;
}
.menuFooter ul{
	flex-direction:column !important;
	gap:30px !important;
}
.instruc {
font-family: Roboto;
font-weight: 400;
font-size: 14px;
line-height: 15.6px;
letter-spacing: 0%;
vertical-align: middle;
	color:#FFFFFF;
}

.corCont {
	display:flex;
	flex-direction:column;
}
.corCont p{
	margin-bottom:0px;
}
.corCont span{
	font-family: Roboto;
font-weight: 400;
font-size: 14px;
line-height: 21px;
letter-spacing: 0%;
vertical-align: middle;
text-transform: capitalize;
color:#FFFFFF;
	margin-bottom:5px;
}
.cc-link {
    background-color: var(--e-global-color-accent);
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 16px;
    letter-spacing: 1.5px;
    padding: 14px 44px 14px 44px;
    text-align: center;
    color: #000;
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;
}
.cc-link:hover {
	color: #000;
    transform: translateY(-8px);
}
.heroSection .elementor-background-video-container video{
		height: 1500px !important;
	}
/* .btr-form select option{
	color:#000;
} */
.btr-form .elementor-field-type-checkbox .elementor-field-subgroup  {
	gap: 10px;
	margin-top: 15px;
}
.btr-form button{
	margin-top:20px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232329;
}

.btr-form .elementor-field-type-checkbox .elementor-field-option{
	display: flex;
    flex-direction: column;
    align-items: center;
	gap: 20px;
}
.btr-form .elementor-field-type-checkbox .elementor-field-option label{
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.elementor-select-wrapper{
	flex-direction:column;
}
.elementor-message.elementor-message-danger:before {
    content: "\f071" !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    margin-top: -3px;
}
.elementor-field-group-btr_reservation_date{
	position:relative;
}
/* .elementor-field-group-btr_reservation_date:after {
    content: "\f073" !important;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    color: #ffffffcf;
    position: absolute;
    right: 30px;
    top: 51px;
} */



/* .btr-form .elementor-select-wrapper{
	height:100px;
}
 */
.reserveNowTNC h6{
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
	margin:8px 0px;
}
.reserveNowTNC p,
.reserveNowTNC span{
	font-size:12px;
	font-weight:300;
}
.reserveNow-paymentInfo h6{
    font-size: 14px;
}
.reserveNowTNC a{
	color:var( --e-global-color-accent );
}
.reserveNowTNC a:hover{
	color:#fff;
}
.choices {
  color: white;
  border: 1px solid var(--e-global-color-accent);
}
form .choices__inner{
	background-color:transparent;
	border:none;
}

.choices__list--dropdown .choices__item {
  color: white;
  background-color: black;
}
form .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded]{
	border-color: var(--e-global-color-accent) !important;
}
.choices__list--dropdown .choices__item:hover {
  background-color: var(--e-global-color-accent);
  color: white;
}
form .choices[data-type*=select-one]::after{
	border-width:1px;
}
form .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted{
	background-color: var(--e-global-color-accent) !important;
	color:#000;
}
.choices__placeholder{
	opacity:1 !important;
}
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list{
	max-height:400px !important;
}
.btr-form #form-field-btr_reservation_date{
	border-width:1px;
	min-height: 44px;
}
.hoices [hidden] {
	display:block !important;
    position: absolute !important;
    left: -9999px !important;
    height: 1px !important;
    width: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.ip-Tabs ul li{
	justify-content: center !important;
}
.afiForm .elementor-form-fields-wrapper {
	justify-content: center;
	}
.afiForm .elementor-form-fields-wrapper .elementor-field-type-upload{
	    gap: 10px;
	width: 42% !important;
    margin: 20px 0;
}
.afiForm .elementor-form-fields-wrapper .elementor-field-type-html {
text-align: center;
    padding: 0;
    margin-left: -14px;
	}

@media only screen and (max-width:1920px) and (min-width:1600px){
	.boltbanner{
    background-position: bottom center !important;
	}
	.boltprodbanner{
		    background-position: bottom center !important;
	}
	.bottProdpg{
		    background-position-y: -130px !important;
	}
}
@media only screen and (max-width:1620px) and (min-width:1501px){
	.prodSpecbar{
		width:50%;
	}
} 
@media only screen and (max-width:1620px) and (min-width:1366px){
	.prodSpecbar{
		width:60%;
	}
} 
@media only screen and (max-width:1366px){
	.menuFooter ul{
		gap:20px !important
	}
	.left-panel,
	.right-panel{
		padding: 25px;
	}
	.bordergradWhite {
    min-width: 150px;
}
    .branch-tab {
        padding: 10px 15px !important;
        font-size: 14px !important;
    }
}
@media only screen and (max-width:1200px) and (min-width:1024px){
	
	.headerMenu ul .e-n-menu-item > div{
		padding:0 7px;
	}
}
@media only screen and (max-width:1024px){
	.uspBg{
		background-color:transparent !important;
	}
	.ip-Tabs .eael-tabs-nav{
	max-width:250px;
}
	.vlektraExperience .elementor-swiper-button {
		display:none !important;
	}
	.estimator-container{
		max-width: 100%;
	}
	.heroSection span.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    width: 30px;
    height: 30px;
    top: -10px;
    left: -10px;
}
	.left-panel,
	.right-panel{
		min-width: 48%;
		padding: 20px;
	}
	.headerMenu .e-n-menu-heading{ 
		padding: 20px;
    	background: #000;
		margin-top: 25px;
	}
	.headerMenu .e-n-menu-heading li span{
		letter-spacing: 2.5px;
	}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type='range']::-webkit-slider-thumb {
    width: 18px;
    -webkit-appearance: none;
    height: 18px;
    cursor: ew-resize;
    background: #fff;
    box-shadow: -100.5vw 0 0 100vw #F8D64C;
    border-radius: 20px;
}
	input[type='range']::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    color: #F8D64C;
    margin-top: -1px;
}
	input[type='range'] {
    overflow: hidden;
    width: 100%;
    -webkit-appearance: none;
    background-color: #727272;
    border-radius: 10px;
}
}
@media (max-width:767px){
    .branch-tab{
       margin-top:10px;
        padding: 10px 10px !important;
        font-size: 12px !important;
        letter-spacing: 1px !important;
    }
	
	.right-panel{
		min-width:100%;
		width:100%;
	}
	.elementor-field-group-ipmodel .elementor-field-subgroup  {
 margin-top: 0px;   
}
	.timelineabout .eael-horizontal-timeline-item__card-inner img{
    width: 40px !important;
}
	.timelineabout .eael-next-arrow{
		right:12% !important;
	}
	.timelineabout .eael-prev-arrow {

    left: 89% !important;
}
	.container.main{
		flex-direction:column;
	}
		.panel.results{
		width:100%;
	}
	.panel.results .result-label{
		justify-content:space-between;
	}
	.branch-list{
		display:flex;
		flex-direction:column;
		gap:20px;
	}
	
	ul.branch-list li{
		flex-direction:column;
	}
	.branch-list li .branch-image img {
        min-width: 100%;
        height: 250px;
    }
	.afiForm .elementor-form-fields-wrapper .elementor-field-type-upload{
	width: 100% !important;
}
	.ic-mainheading,
	.result-mi-cont p{
		font-size:26px;
	}
	.ipc-main{
		gap:20px;
	}
	.result-mi-cont h3{
		font-size:18px;
	}
	.ic-left-panel{
		width:100%;
	}
	.elementor-8353 .elementor-element.elementor-element-38ade0a .eael-advance-tabs.eael-tabs-vertical > .eael-tabs-nav > ul li:after{
		display:none !important;
	}
	.ip-Tabs ul li{
    gap: 20px;
    flex-direction: row;
		padding: 20px !important;
	}
	.ip-Tabs ul li img{
		margin-bottom:0px !important;
	}
	.ip-Tabs ul li span{
		flex:unset !important;
	}
	.ip-Tabs .eael-tabs-nav{
	max-width:100%;
}
	.ic-calculator-wrapper{
		flex-direction:column;
	}
	.ic-right-panel{
		width:100%;
	}
/* 	.ic-left-panel,
	.ic-right-panel{
		padding:20px;
	} */
}
    /* Responsive adjustments */
    @media (max-width: 600px) {
      .estimator-container {
        flex-direction: column;
      }
		.bordergradWhite{
			border:none;
		}
		.footerText br{
			display:none;
		}
		.menuFooter ul {
        gap: 15px !important;
    }
		.footerTextt p{
			font-size:16px;
		}
    }