body {
    font-family: 'Roboto', Sans-Serif, Arial;
    font-weight: 400;
    margin: 0;
    color: #333333;
}
.ev-card{
  width: 100%;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0px 5px 20px #DCE3EF80;
  cursor: pointer;
  border: 1px solid #DBF0E9;
}
.ev-image-section {
  position: relative;
}
.img-carousel-sec {
  white-space: nowrap;
  overflow-x: hidden;
  position: relative;
  height: 200px;
  overflow-y: hidden;
  font-size: 0;
  border-radius: 12px 12px 0px 0px;
  border-bottom: 1px solid #e5f3ea;
}
.img-carousel-sec .v-image {
    object-fit: cover;
    width: 100%;
    height: 200px;
}
.ev-badge {
  background: #393939;
  position: absolute;
  top: 0;
  color: #fff;
  font-size: 11px;
  padding: 5px 7px;
  display: flex;
  align-items: center;
  font-weight: 400;
}
.ev-badge.featured{
  left: 0;
  border-radius: 10px 0 10px 0;
}
.ev-badge .infoicon{
  margin-left: 4px;
}

.ev-badge.certified{
  right: 0;
  border-radius: 0 10px 0 10px;
}

.ev-badge img:first-child {
margin-right: 2px;
}
.ev-badge .tooltipsec {
  display: none;
  background: #FFFFFF;
  top: 33px;
  padding: 10px;
  position: absolute;
  z-index: 1000;
  width: 180px;
  color: #11100f;
  border-radius: 8px;
  left: 10px;
  white-space: normal;
}
.ev-badge.certified .tooltipsec{
right: 10px;
left: inherit;
}
.ev-badge:hover .tooltipsec{
  display: block;
}


.ev-name-section {
  padding: 14px;
  position: relative;
  display: flex;
  align-items: center;
}
.ev-name-section .b-logo{
height: 16px;
  width: 16px;
  margin-right: 5px;
  border-radius: 5px;
  border: 1px solid #DBF0E9;
}
.t-ellipsis {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 95%;
}
.t-ellipsis span, .t-ellipsis h2 {
  display: inline;
  font-size: inherit;
}
.ev-name-section .title {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  text-decoration: none;
}
.ev-name-section .model {
  font-size: 13px;
  color: #688196;
}
.ev-name-section .name-divider{
  font-size: 13px;
  font-weight: 500;
  color: #DBF0E9;
}
.ev-name-section .location {
  font-size: 12px;
  color: #5E6874;
  padding-left: 5px;
  font-weight: 500;
}
.ev-info-section {
  margin: 0 14px 0 14px;
  padding: 10px 15px;
  border-radius: 10px;
  background: #F8FAFA;
  display: flex;
  justify-content: space-between;
}
.ev-info-section .data-points {
display: flex;
flex-direction: column;
align-items:center;
}
.ev-info-section .title{
  color: #808080;
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 5px;
}
.ev-info-section .values{
  color: #333333;
  font-size: 12px;
  font-weight: 500;
}
.ev-price-section {
  padding: 14px 14px 2px 14px;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.ev-price-section .price .amt {
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.ev-price-section .price .amt span {
  font-size: 12px;
  color: #808080;
  font-weight: 400;
}
.ev-price-section-new {
  padding: 16px 14px;
  display: flex;
  justify-content: space-between;
}
.ev-price-info{
  display: flex;
  flex-direction: column;
}
.ev-price-info .amt{
  font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.ev-price-info .emi-amt{
  font-size: 14px;
  font-weight: 700;
  color: #404040;
}
.ev-price-info .emi-amt span{
  font-size: 12px;
  font-weight: 400;
}
.ev-info-title{
  font-size: 12px;
  color: #808080;
  margin-bottom: 3px;
}
.ev-price-info .amt span:first-child{
  font-size: 12px;
  color: #666666;
  font-weight: 400;
}
.ev-price-info .amt sup{
  font-size: 8px;
  color: #808080;
}
.ev-price-section .dividersp {
  margin: 0 4px;
}
.ev-card-divider {
  border-bottom: 1px solid #F5F7FA;
  margin: 9px 0;
}
.location-sec {
display: flex;
align-items: center;
padding-bottom: 8px;
font-size: 12px;
color: #808080;
margin: 0 14px;
}
.location-sec img{
margin-right: 5px;
}
.ev-img-count {
  color: #bfbfbf;
  font-size: 10px;
  padding: 4px 7px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 9px;
  font-weight: 500;
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: flex;
}
.ev-img-count img{
margin-right: 3px;
}
.g-carousel-container {
  overflow-x: scroll;
  white-space: nowrap;
  margin: 0;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
.g-carousel-container .ev-card{
  width: 304px;
  display: inline-block;
  margin-right: 14px;
}
.g-card-left{
  position: absolute;
  left: -17px;
  top: 30%;
  cursor: pointer;
  display: none;
}
.g-card-right{
  position: absolute;
  right: -17px;
  top: 30%;
  cursor: pointer;
}
.g-emi-info{
  position: relative;
  display: inline-block;
  margin-left: 3px;
}
.g-emi-info img{
  height: 11px;
  width: 11px;
}
.g-emi-info .g-tool-tip{
  position: absolute;
  background: #808080;
  font-size: 10px;
  font-weight: 400;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
  top: -56px;
  left: -118px;
  width: 119px;
  height: 47px;
  white-space: normal;
  display: none;
}
.ev-price-section .g-emi-info .g-tool-tip span{
  color: #fff;
  font-size: 9px;
  display: flex;
  flex-direction: column;
}
.ev-price-section-new .g-emi-info .g-tool-tip span{
  font-size: 9px;
  display: block;
}
.g-emi-info:hover .g-tool-tip{
  display: block;
}
/* scrollbar */
.g-carousel-container::-webkit-scrollbar {
  height: 0;
}
/* Compare Card */
.g-compare-btn{
  background: #03915E;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  padding: 11px 15px;
  border-radius: 13px;
}
.ev-compare-card{
  display: flex;
  align-items: center;
}
.ev-compare-card img{
  height: 114px;
  width: 100%;
  border-radius: 10px 10px 0 0;
  object-fit: cover;
}
.ev-compare-card-data{
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: 0px 5px 20px #DBF0E980;
}
.ev-compare-vs{
  background: #fff;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  margin: -9px;
  z-index: 1;
  box-shadow: 0px 3px 6px #00000029;
  margin-top: 3px;
  font-size: 14px;
  font-weight: 700;
  color: #333333;
}
.ev-compare-title-sec{
  padding-bottom: 3px;
}
.ev-compare-title{
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 11px;
}
.ev-compare-price{
  color: #333333;
  font-weight: 700;
  font-size: 17px;
}
.ev-compare-Onwards{
  color:#666666;
  font-size: 12px;
  font-weight: 500;
}
.ev-compare-exshowroom{
  font-size: 12px;
  color: #aaaaaa;
}
.ev-data-sec{
  padding: 16px;
}

/* Header Sec */
header{
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 3 !important;
}
.g-header-section{
  background: #03915E;
}
.g-header-content{
  display: flex;
  justify-content: space-between;
  padding: 5px;
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  height: 52px;
  align-items: center;
}
.g-logo-icon-sec{
  display: flex;
  align-items: center;
}
.g-h-vehcile-type{
  display: flex;
  align-items: center;
  margin-left: 40px;
}

.g-h-vehcile-type a{
  margin-right: 5px;
  padding: 8px 10px;
  position: relative;
}
.g-h-active {
  background: #1b9c6e;
  border-radius: 13px;
}
.g-h-active::after {
  background: #03FF13;
  content: "";
  height: 2px;
  width: 8px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 40%;
  border-radius: 2px;
}
.g-city-login-sec{
  display: flex;
  align-items: center;
}
.g-city-login-sec a{
  text-decoration: none;
}
.g-h-search{
  position: relative;
}
.g-h-search input{
  background: #1b9c6e;
  color: #ffffff;
  border: none;
  height: 40px;
  width: 320px;
  border-radius: 17px;
  padding: 0 40px 0 15px;
  margin-right: 10px;
  outline: none;
}
.g-h-search input::placeholder{
  color: #8eceb7;
}
.g-h-search img{
  width: 13px;
  position: absolute;
  right: 25px;
  top: 13px;
}
.g-h-divider{
  height: 12px;
  width: 2px;
  background: #34a77e;
}
.g-login-signup {
  display: flex;
  align-items: center;
  padding: 8px 0px 8px 15px;
  color: #ffffff;
  border-radius: 250px;
  font-size: 14px;
  cursor: pointer;
}
.g-login-signup img {
  margin-right: 5px;
}
.g-after-login-sec{
  position: relative;
  display: flex;
  flex-direction: column;
}
.g-login-details {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 17px;
  background: #fff;
  padding: 30px 12px 8px 12px;
  font-size: 14px;
  width: 145px;
  box-shadow: 0px 24px 32px #4858854a;
  border-radius: 0 0 7px 7px;
  z-index: 1000;
}
.g-login-details a, .g-login-details span {
  text-decoration: none;
  color: #333333;
  margin: 8px 0;
  cursor: pointer;
}
.g-h-after-login {
  display: flex;
  flex-direction: column;
  padding: 5px 3px;
  color: #333333;
  background: #fff;
  border-radius: 250px;
  font-size: 14px;
  cursor: pointer;
  width: 163px;
  position: relative;
  box-shadow: 0px 10px 20px #48588529;
  z-index: 2000;
}
.g-h-after-login .g-user-data{
  display: flex;
}
.g-h-after-login .g-user-data img{
  padding-right: 5px;
}
.g-h-after-login .g-user-welcome{
  display: flex;
  flex-direction: column;
}
.g-user-welcome .welcome-text{
  color: #03915E;
  font-size: 12px;
}
.g-user-welcome .user-name-text{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 126px;
  font-weight: 700;
  font-size: 14px;
}
.g-user-slash{
  color: #01FF00;
  padding: 0 4px;
}
.g-h-city-dropdown{
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 8px 15px;
  border-radius: 15px;
  font-size: 14px;
  color: #fff;
}
.g-h-city-dropdown img {
  margin-left: 5px;
}
.g-h-menu{
  background: #ffffff;
  box-shadow: 0px 5px 20px #DBF0E940;
  position: relative;
}
.g-pay-emi-container{
  height: 40px;
  display: flex;
  align-items: center;
}
.g-pay-emi{
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
  padding: 7px 14px;
  font-weight: 500;
  background: #03915E;
  border-radius: 10px;
}
.header-fav{
  display: flex;
}
.g-header-fav{
  background-image: url('../img/vdp-fav.svg');
  height: 24px;
  width: 24px;
  display: inline-block;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.g-header-fav.fill{
  background-image: url('../img/g-fav-fill.svg');
}
.g-h-menu-content{
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  color: #333333;
  display: flex;
  justify-content: space-between;
}
.g-h-menu-data{
  display: flex;
}
.g-h-menu-text {
  margin-right: 40px;
  display: flex;
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  color: #404040;
  cursor: pointer;
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
  position: relative;
}
.ev-left-menu-area{
  width: 222px;
  border-radius: 6px;
  padding: 10px 0 10px 10px;
}
.ev-left-menu-area .menu {
  text-decoration: none;
  color: #333333;
  font-size: 13px;
  padding: 12px 10px 12px 10px;
  display: block;
}
.ev-submenu-g{
  background: #EEF7F1;
  display: none;
  position: absolute;
  left: 225px;
  white-space: nowrap;
  top: -1px;
  box-shadow: 10px 13px 18px #0000001A;
  border: 1px solid #DBF0E9;
  border-radius: 0 10px 10px 0;
  border-left: none;
  padding: 10px;
  min-width: 245px;
  min-height: 297px;
}
.ev-submenu-g .link{
  text-decoration: none;
  color: #333333;
  font-size: 13px;
  padding: 9px 10px 9px 10px;
  display: flex;
  justify-content: space-between;
}
.link-arrow{
  display: flex;
  justify-content: space-between;
  width: 110%;
}
.link-arrow img{
  margin-right: 16%;
}
.submenuHover:hover .ev-submenu-g{
  display: block;
  font-weight: 400;
}
.link-arrow:hover,
.submenuHover:hover {
  background: #EEF7F1;
  border-radius: 6px 0 0 6px;
}
.ev-left-menu-area .menu:hover {
  background: #EEF7F1;
  border-radius: 6px;
  margin-right: 10px;
}
.ev-left-menu-area .menu:hover,
.submenuHover:hover{
  font-weight: 700;
}
.ev-submenu-g .link:hover{
  font-weight: 700;
  background: #EEF7F1;
  border-radius: 6px;
}
.direct-links{
  position: relative;
}
.direct-links img{
  position: absolute;
  top: 15px;
  right: 18px;
}
.direct-links img.ezeeloan{
  top: 10px;
  left: 48px;
}
.rotatearrow{
  transform: rotate(180deg);
}

.submenuHover .link-arrow.activemenu{
  background: #EEF7F1;
}
.submenuHover .link-arrow.activemenu + .ev-submenu-g{
  display: block;
}

.g-h-menu-text a{
  text-decoration: none;
  color: #404040;
}
.g-h-arrow{
  background : url(../img/g-header-arrow-dark.svg);
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 2px;
  margin-top: 2px;
}
.blue-toggle{
  margin-right: 20px;
}
.blue-toggle img{
  margin-right: 4px;
}
.blue-toggle-divider{
  margin-left: 20px;
  color: #e6e6e6;
}
.g-h-menu-text:hover .ev-submenu-container{
  display: block;
}
.ev-submenu-container {
  position: absolute;
  top: 38px;
  background: #fff;
  display: none;
  justify-content: space-between;
  z-index: 1000;
  box-shadow: 10px 13px 18px #0000001A;
  border: 1px solid #DBF0E9;
  border-radius: 10px;
  left: -20px;
  min-height: 317px;
}
.ev-submenu-container.nosubmenu{
  min-height: inherit;
}
.ev-submenu-container::after{
  content: "";
  height: 3px;
  width: 75px;
  background: #0D9665;
  display: block;
  top: -3px;
  position: absolute;
  left: 15px;
  border-radius: 5px 5px 0 0;
}
.ev-submenu {
  display: flex;
  flex-direction: column;
}
.ev-submenu a, .ev-submenu span {
  text-decoration: none;
  color: #333333;
  font-size: 13px;
  padding: 12px 10px 12px 10px;
  font-weight: 500;
  white-space: nowrap;
}
.header-menu-title{
  text-decoration: none;
  color: #333333;
  font-size: 14px;
  padding: 12px 10px 12px 10px;
  font-weight: 700;
}

/* Banner Section */
.g-banner-container{
  background: transparent linear-gradient(180deg, #FFFFFF 0%, #DCEFE3 100%) 0% 0% no-repeat padding-box;
  padding-top: 110px;
  position: relative;
}
.g-banner-content{
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  height: 422px;
  padding-top: 22px;
}
.g-b-tree-r{
  position: absolute;
  bottom: 0;
  right: 0;
}
.g-b-tree-l{
  position: absolute;
  bottom: 0;
  left: 0;
}
.g-banner-title-1{
  padding: 58px 0 8px 0;
  color: #404040;
  font-size: 32px;
  font-weight: 300;
}
.g-banner-title-2{
  color: #000000;
  font-size: 32px;
  font-weight: 300;
}
.g-title-ev{
  color: #03915E;
  font-size: 32px;
  font-weight: 700;
  position: relative;
}
.g-title-ev img{
  position: absolute;
  top: 11px;
}
.g-banner-flex{
  display: flex;
}
.g-banner-text-sec{
  width: 45%;
  position: relative;
}
.g-banner-carousel-sec{
  width: 55%;
}
.g-banner-icon-1{
  margin-top: 20px;
}
.g-banner-icon-2{
  position: absolute;
  top: 60px;
  right: 33%;
  filter: blur(2px);
}
.g-banner-links{
  margin-top: 28px;
  display: flex;
}
.g-banner-links a{
  color: #404040;
  font-size: 14px;
  text-decoration: none;
  padding: 12px 18px;
  background: #ffffff;
  border-radius: 13px;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.g-h-banner-img{
  object-fit: contain;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.g-banner-links a img{
  margin-right: 8px;
}
.g-banner-links a.l-active{
  background: #03915E;
  color: #ffffff;
}
.g-banner-search {
  width: 90%;
  position: relative;
  display: flex;
}
.g-banner-search img{
  position: absolute;
  left: 18px;
  top: 34px;
}
.g-banner-search input{
  width: 100%;
  border: none;
  border-radius: 17px;
  font-size: 14px;
  padding: 16px 22px 16px 45px;
  margin-top: 18px;
  outline: none;
}
.g-h-search-result{
  display: flex;
  flex-direction: column;
  position: absolute;
  background: #ffffff;
  width: 100%;
  top: 67px;
  border-radius: 17px;
  font-size: 14px;
  z-index: 1;
  box-shadow: 0px 5px 10px #DBF0E980;
  overflow: scroll;
  max-height: 240px;
}
.g-h-search-result.header{
  top: 2px;
}
.g-h-search-result-data{
  padding: 10px;
}
.g-h-search-result-data div{
  padding: 10px;
  cursor: pointer;
}
.g-h-search-result-data div:hover{
 color: #03915E;
 font-weight: 500;
}

.g-h-search-result-data a{
  padding: 10px;
  cursor : pointer;
  display: block;
  color: #333333;
  text-decoration: none;
}
.g-h-search-result-data a:hover{
 color: #03915E;
 font-weight: 500;
}
.h-search-result{
  display: none;
  position: absolute;
  background: #ffffff;
  width: 100%;
}
/* Home Section -1 */
.g-home-carousel-tab{
  display: flex;
  margin-top: 16px;
}
.g-home-carousel-tab div{
  color: #404040;
  font-size: 14px;
  border-radius: 13px;
  margin-right: 10px;
  display: flex;
  border: 1px solid #DBF0E9;
  width: 84px;
  height: 35px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #ffffff;
}
.g-home-carousel-tab div.tab-active{
  background: #03915E;
  color: #ffffff;
  font-weight: 700;
}
.carousel-tabs{
  display: none;
}
.carousel-tabs.active-vehicle-tab{
  display: block;
}
.carousel-tabs.new_brand{
  padding: 0 0 24px 24px;
}
.g-home-section{
  background: #fff;
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 24px;
}
.g-home-title-view-sec{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.g-home-title-view-sec.new_brand{
  padding: 0 23px;
}
.margin-top-home{
  margin-top: 40px;
}
.g-view-all-btn{
  font-size: 13px;
  color: #000000;
  font-weight: 500;
  padding: 10px 0 10px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.g-view-all-btn img{
  margin-left: 5px;
}
.g-view-all-btn.position{
  position: absolute;
  top: 30px;
  right: 0;
}
.g-h-card-sec-title{
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}
.g-h-card-sec-title-cal{
  font-size: 18px;
  font-weight: 500;
  margin: 0 18px;
}
.g-home-card-sec{
  display: flex;
  grid-gap: 15px;
  margin-top: 20px;
  position: relative;
}

/* Home Ad Sec */
.g-home-ad-sec{
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 40px;
}
.g-home-ad-sec img{
  width: 100%;
}

/* Home sell -vehicle Sec */
.g-home-sell-vehicle-sec{
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 40px;
}
.g-home-sell-banner-sec{
 display: flex;
}
.g-home-banner-sell-content{
  background: #5e93a1;
  color: #ffffff;
  width: 70%;
  border-radius: 0 24px 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.s-banner-title{
  font-size: 26px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  color: #d7e3e6;
}
.s-banner-title span{
  background: #ffffff;
  color: #03915e;
  font-weight: 700;
  font-size: 18px;
  padding: 2px 10px;
  border-radius: 10px;
  margin-left: 6px;
}
.s-banner-title-bold{
  font-size: 34px;
  font-weight: 500;
}
.s-banner-divider{
  background: #d7e3e6;
  display: inline-block;
  height: 6px;
  width: 30px;
  border-radius: 15px;
  margin: 24px 0;
}
.s-banner-info{
  font-size: 18px;
  text-align: center;
}
.s-banner-link{
  background: #ffffff;
  color: #000000;
  text-decoration: none;
  margin-top: 26px;
  padding: 14px 26px;
  font-size: 16px;
  font-weight: 700;
  border-radius: 10px;
  outline: none;
}
.sell-bg-icon-1{
  position: absolute;
  left: 8%;
  top: 55%;
}
.sell-bg-icon-2{
  position: absolute;
  right: 18%;
  top: 78%;
  width: 70px;
}
/* Home Brand sec */
.g-home-brand-sec{
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 40px;
  background: transparent linear-gradient(0deg, #eef7f1 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  border-radius: 20px;
}
.g-slide-container{
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}
.g-home-brand-container{
  padding: 24px 0 24px 24px;
}
.g-arrow-sec{
  display: none;
}
.g-arrow-sec.active-vehicle-tab{
  display: block;
  margin-right: 24px;
}
.g-arrow-sec img{
  cursor: pointer;
  margin: 0 2px;
}
.g-brand-icon-container{
  margin-top: 30px;
  overflow-x: scroll;
  white-space: nowrap;
  scrollbar-width: none;
}
.g-brand-box{
  background: #ffffff;
  border-radius: 15px;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #688196;
  margin-right: 12px;
  border: 1px solid #DBF0E9;
}
.g-brand-box-data{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 86px;
  width: 135px;
}
.g-brand-box-data img{
  object-fit: contain;
  width: 85%;
}
.g-brand-box-data span{
  overflow: hidden;
  text-overflow: ellipsis;
  width: 75%;
  text-align: center;
  font-weight: 400;
  color: #404040;
}
.g-home-brand-sec.trusted_brand{
  background: transparent linear-gradient(0deg, #FFFFFF 0%, #eef7f1 100%) 0% 0% no-repeat padding-box;
}
.trusted_brand_new{
  background: transparent linear-gradient(0deg, #eef7f1 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  border-radius: 20px;
}
.trusted-brand-container{
  display: flex;
}
.trusted-brand-info{
  width: 40%;
  padding: 35px 0 35px 35px;
}
.trusted-brand-carousel-sec-new{
  width: 100%;
}
.trusted-brand-carousel-sec{
  width: 60%;
}
.trusted-brand-title{
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}
.trusted-brand-text{
  font-size: 13px;
  color: #808080;
  line-height: 1.5;
}
.trusted-brand-divider{
  background: #03915E;
  display: inline-block;
  height: 5px;
  width: 23px;
  border-radius: 15px;
  margin: 12px 0;
}
/* Home Budget sec */
.g-home-budget-sec{
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 40px;
  background: #edf1f7;
  border-radius: 20px;
}
.g-home-budget-container{
  padding: 24px;
}
.g-budget-icon-container{
  display: flex;
  flex-wrap: wrap;
  margin-top: 18px;
}
.g-budget-box{
  background: #ffffff;
  border-radius: 10px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  color: #5E6975;
  padding: 9px 12px;
  margin-right: 10px;
}

/* Home Calculate Savings */
.g-home-calc-savings-sec{
  background: transparent linear-gradient(0deg, #FFFFFF 0%, #F2F7FF 100%) 0% 0% no-repeat padding-box;
  padding-bottom: 35px;
  padding-top: 35px;
  margin-top: 35px;
}
.g-home-calc-savings{
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
  border-radius: 20px;
}
.g-calc-content{
  font-size: 12px;
  font-weight: 400;
  color: #808080;
  margin: 15px 18px;
  line-height: 1.5;
}
.g-calc-sub-heading{
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 2px;
}
.g-home-slider-container{
  background: #fff;
  padding: 25px;
  box-shadow: 0px 10px 10px #DBF0E91A;
  border-radius: 15px;
  margin: 22px 18px 0;
}
.g-home-slider-row-1{
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  margin-bottom: 25px;
  background-image: linear-gradient(to right, #c7cfdd 33%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 10px 1px;
  background-repeat: repeat-x;
}
.g-h-slider-sec{
  width: 45%;
}
.g-h-slider-divider{
  width: 10%;
  text-align: center;
}
.g-h-slider-data{
  width: 45%;
}
.g-h-slider-title{
  color: #404040;
  font-size: 16px;
  font-weight: 700;
}
.g-home-slider-row-2{
  display: flex;
  align-items: center;
}
.g-home-slider-row-2 span{
  font-size: 16px;
  font-weight: 500;
  padding-right: 18px;
}
.g-home-slider-row-2 a{
  background: #03915E;
  border-radius: 13px;
  border: none;
  outline: none;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 24px;
  text-decoration: none;
}
.g-h-slider-data-points{
  color: #404040;
  font-weight: 500;
  font-size: 15px;
  display: flex;
  justify-content: space-between;

}
.g-h-slider-data-points .space{
  padding: 10px;
}
.g-h-slider-data-points .spacetb{
  padding: 10px 6px 10px 0;
}
span.g-slider-data-info{
  font-size: 12px;
  color: #808080;
  font-weight: 400;
  padding: 10px 0;
}
.g-slider-savings{
  background: #e5f4ef;
  border-radius: 8px;
  font-weight: 700;
  padding: 13px 10px;
  display: flex;
  align-items: center;
  height: 3px;
}
.g-h-slider{
  margin-top: 23px;
  width: 100%;
  position: relative;
  margin-bottom: 34px;
}
.g-h-slider .uv-filter-range-slider{
  width: 100%;
  margin: 20px 0;
  position: relative;
}
.g-h-slider .ui-widget.ui-widget-content {
  position: relative;
  height: 15px;
  border-radius: 15px;
  background: #3da984;
  color: #333333;
}
.g-h-slider .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.g-h-slider .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
  right: 0;
  background: #edf1f7;
  border-radius: 15px;
}
.g-h-slider .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 34px;
  height: 24px;
  cursor: pointer;
  touch-action: none;
  top: -7px;
  border-radius: 15px;
  background: #03915E;
  border: 2px solid #FFFFFF;
  outline: none;
  margin-left: -25px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  align-items: center;
  display: flex;
  justify-content: center;
}
.g-h-slider .ui-state-default {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.ui-slider-horizontal .ui-slider-handle{
  margin-left: -.6em;
}
.g-h-slider-min{
  color: #9F9F9F;
  position: absolute;
  left: 0;
  bottom: -25px;
  font-size: 14px;
}

.g-h-slider-max{
  color: #9F9F9F;
  position: absolute;
  right: 0;
  bottom: -25px;
  font-size: 14px;
}
.g-h-slider-data-points span.ev-badge-save{
  background: #02B701;
  border-radius: 9px;
  font-size: 9px;
  padding: 3px 6px 3px 4px;
  color: #ffffff;
  position: relative;
  margin-right: 5px;
  top: -2px;
}
.g-h-slider-data-points span.ev-badge-save img{
  height: 10px;
  margin-bottom: 2px;
}

/* EMI Slider -section */
.g-home-emi-calc-sec {
  background: transparent linear-gradient(180deg, #eef7f1 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  padding-bottom: 20px;
  padding-top: 35px;
  margin-top: 35px;
}
.g-home-emi-calc-container {
  background: #fff;
    border-radius: 15px;
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
}
.g-vdp-emi-calc-container {
  background: #fff;
  border-radius: 15px;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  margin-top: 33px;
}
.g-home-emi-data{
  padding: 25px;
  display: flex;
  border: 1px solid #EEF7F2;
  border-radius: 15px;
}
.g-vdp-emi-data{
  padding: 25px;
  display: flex;
  border-radius: 15px;
  box-shadow: 0px 0px 10px #DCEFE34D;
}
.emi-calc-slider-1, .emi-calc-slider-2 {
  margin: 30px 0;
}
.emi-slide-title-sec{
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.emi-slider-title{
    color: #404040;
    font-size: 14px;
    font-weight: 500;
}
.emi-slider-value{
  color: #a5a7aa;
  font-size: 12px;
  font-weight: 400;
}
.emi-slider-dynamic-value{
  border: 1px solid #F4F6FA;
  padding: 6px 10px;
  border-radius: 10px;
  font-weight: bold;
  color: #555961;
  font-size: 16px;
}
.emi-slider-sec{
  width: 50%;
}
.emi-slider-sec .uv-filter-range-slider{
  width: 100%;
  margin: 20px 0;
  position: relative;
}
.emi-slider-sec .ui-widget.ui-widget-content {
  position: relative;
  height: 3px;
  border-radius: 15px;
  background: transparent linear-gradient(90deg, #F4F6FA 0%, #03915E 100%) 0% 0% no-repeat padding-box;;
  color: #333333;
}
.emi-slider-sec .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.emi-slider-sec .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
  right: 0;
  background: #F4F6FA;
  border-radius: 15px;
}
.emi-slider-sec .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 22px;
  height: 22px;
  cursor: pointer;
  touch-action: none;
  top: -11px;
  border-radius: 15px;
  background: #03915E;
  border: 2px solid #FFFFFF;
  outline: none;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  align-items: center;
  display: flex;
  justify-content: center;
}
.emi-slider-sec .ui-slider .ui-slider-handle::after{
  content: "";
  height: 8px;
  width: 8px;
  background: #ffffff;
  border-radius: 8px;
}
.emi-slider-sec .interest-rate .ui-slider .ui-slider-handle{
  width: 17px;
  height: 17px;
  top: -9px;
}
.emi-slider-sec .interest-rate .ui-slider .ui-slider-handle::after{
  height: 6px;
  width: 6px;
}
.emi-slider-sec .ui-state-default {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.emi-tenure-value{
  display: flex;
  margin-top: 15px;
}
.emi-tenure-value div{
  border: 1px solid #F4F6FA;
  border-radius: 15px;
  height: 40px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 16px;
  color: #1D222C;
  margin-right: 5px;
  cursor: pointer;
}
.emi-tenure-value div.active-tenure{
  background: #03915E;
  color: #ffffff;
}
.g-emi-slider-info-section{
  margin-top: 15px;
}
.g-emi-slider-info-title{
  color: #575961;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 5px;
}
.g-emi-slider-info-details{
  color: #8e9096;
  font-size: 12px;
  font-weight: 400;
}
.g-emi-feature-sec{
  background: #F4F6FA;
  border-radius: 15px;
  display: flex;
  align-items: center;
}
.g-wt-100{
  width: 100%;
}
.em-round-slider-container{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: 30px;
  width: 50%;
}
.emi-feature-data{
  padding: 25px 20px 20px 20px;
  position: relative;
  width: 50%;
}
.emi-feature-data div{
  display: flex;
  padding-left: 15px;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #525760;
}
.emi-feature-data div:last-child{
  margin-bottom: 0;
}
.emi-feature-data .emi-d-point::after{
  content: "";
  height: 5px;
  width: 5px;
  background: #ffffff;
  display: inline-block;
  border-radius: 8px;
  border: 2px solid #688196;
  margin-right: 8px;
  margin-top: 2px;
  position: absolute;
  left: 0;
}
.emi-round-slider-sec{
  margin-bottom: 40px;
  position: relative;
  margin-top: 20px;
}
div.emi-feature-badge{
  background: #688196;
  position: absolute;
  top: -13px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 13px;
  padding: 5px 12px;
  color: #ffffff;
}
.emi-feature-divider{
  width: 5%;
  justify-content: center;
  display: flex;
}
.emi-feature-apply-section {
  width: 45%;
  display: flex;
  justify-content: center;
}
.emi-feature-apply-section button{
  background: #03915E;
  color: #ffffff;
  border: none;
  padding: 15px 36px;
  border-radius: 15px;
}
.em-round-value-sec{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  width: 120px;
  bottom: 0;
  left: 30%;
  z-index: 1;
}
.em-round-value-sec span:first-child{
  font-size: 16px;
  font-weight: 500;
  color: #1D222C;
}
.em-round-value-sec span:last-child{
  font-size: 23px;
  font-weight: 500;
  color: #1D222C;
  background: #F0F5F7;
  padding: 10px 20px;
  border-radius: 10px;
  margin-top: 14px;
}
#monthly-emi-round-slider .rs-path-color  {
  background-color: #f4f6fa;
}
#monthly-emi-round-slider .rs-range-color  {
  background: linear-gradient(90deg, rgba(0,178,251,1) 0%, rgba(3,145,94,1) 100%); ;
}
#monthly-emi-round-slider .rs-handle  {
  background-color: #03915E;
  padding: 7px;
  border: 2px solid #03915E;
}
#monthly-emi-round-slider .rs-handle.rs-focus  {
  border-color: #03915E;
}
#monthly-emi-round-slider .rs-handle:after  {
  border-color: #DBF0E9;
  background-color: #DBF0E9;
}
#monthly-emi-round-slider .rs-border{
  border-color: #ffffff;
}
#monthly-emi-round-slider{
  z-index: 1;
}
.slider-left-border{
  border: 1px solid #DBF0E9;
  position: absolute;
  width: 30px;
  left: -7px;
}
.slider-right-border{
  border: 1px solid #DBF0E9;
  position: absolute;
  width: 30px;
  right: -8px;
}


/* Blog Section */
.ev-blog-card {
  display: inline-block;
  width: 408px;
  margin-right: 15px;
}
.ev-blog-card-container{
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.ev-blog-image-section a {
  padding: 0;
  margin: 0;
}
.ev-blog-image-section .v-image {
  object-fit: cover;
  width: 100%;
  height: 175px;
  border-radius: 15px 15px 0 0;
  margin: 0;
}
.ev-blog-content{
  border: 1px solid #DBF0E9;
  border-radius: 0 0 15px 15px;
}
.ev-blog-content-data{
  padding: 15px;
  border-bottom: 1px solid #DBF0E9;
}
.ev-blog-title{
  font-size: 14px;
  color: #404040;
  font-weight: 700;
  margin-bottom: 8px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
}
.ev-blog-details{
  font-size: 12px;
  color: #808080;
  font-weight: 400;
  line-height: 1.5;
  min-height: 72px;
  white-space: normal;
}
.ev-blog-type{
  background: #f8f8f8;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 500;
  margin-bottom: 14px;
}
.ev-blog-icon-section {
  padding: 15px;
  border-top: 1px solid #F6F6F6;
  font-size: 11px;
  color: #5E6874;
  font-weight: 500;
  white-space: normal;
  display: flex
}
.ev-blog-icon-section div{
  display: flex;
  margin-right: 20px;
  white-space: nowrap;
  align-items: center;
}
.ev-blog-icon-section div img {
  margin-right: 5px;
}
.emi-margin-zero .g-home-emi-calc-sec{
  margin-top: 0;
}

/* Search page */
.g-search-wrapper{
  background: transparent linear-gradient(0deg, #FFFFFF 30%, #DCEFE3 100%) 0% 0% no-repeat padding-box;
  margin-top: 100px;
}
.g-search-container{
  width: 90%;
  max-width: 1280px;
  display: flex;
  margin: 0 auto;
}
.g-search-breadcrumb-section {
  font-size: 10px;
}
.g-search-breadcrumb-section a {
  text-decoration: none;
  color: #333333;
}
.g-search-result {
  width: 81%;
  padding: 0 0 20px 20px;
  margin-top: 15px;
}
.g-search-title{
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  margin-top: 4px;
}
.g-search-list-container {
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 15px;
}
.g-search-list-container .ev-card{
  width: calc(33.28% - 12px);
}

/* footer */
.copyright-section.green{
  background: #03915E;
}
.app-download-section.green{
  background: transparent linear-gradient(103deg, #00A6EF 0%, #03915E 100%) 0% 0% no-repeat padding-box;
}

/* City Modal Styles */
.g-modal {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}
.g-modal-overlay {
  background: #000000BF;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
}
.g-modal-close{
  position: absolute;
  width: 9px;
  right: 10px;
  top: 10px;
  cursor: pointer;
  padding: 7px;
}
.g-city-content {
  position: absolute;
  width: 100%;
}
.g-city-modal-sec{
  background: #ffffff;
  width: 620px;
  border-radius: 20px;
  color: #000000;
  margin: 0 auto;
  margin-top: 65px;
  padding: 20px 40px;
  position: relative;
}
.g-city-header{
  font-size: 16px;
  font-weight: 500;
}
.g-city-modal-input-container {
  display: flex;
  position: relative;
}
.g-city-modal-input-container input {
  width: 100%;
  margin: 17px 0;
  border: 1px solid #DBF0E9;
  border-radius: 15px;
  padding: 14px 14px 14px 40px;
  outline: none;
}
.g-city-modal-input-container img {
  position: absolute;
  top: 32px;
  left: 15px;
}
.g-city-search-result{
  position: absolute;
  top: 64px;
  background: #fff;
  width: 100%;
  z-index: 1;
  border-radius: 15px;
  border: 1px solid #DBF0E9;
  max-height: 175px;
  overflow: scroll;
  display: none;
}
.g-city-search-result-container{
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}
.g-city-search-result-container a{
  text-decoration: none;
  color: #333333;
  font-size: 14px;
  padding: 5px 17px;
}
.g-city-search-result-container a:hover{
  color: #03915E;
}
.g-modal-city-title{
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 18px;
}
.g-top-city {
  padding-bottom:24px;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
  margin-top: 25px;
}
.g-top-city-card {
  height: 75px;
  width: calc(20% - 8px);
  position: relative;
  margin-bottom: 15px;
}
.g-top-city-card .g-top-city-pos {
  position: absolute;
  width: 100%;
  text-align: center;
  top: -12px;
  font-size: 12px;
  font-weight: 500;
}
.g-top-city-card .g-top-city-title {
  background: #fff;
  width: 75%;
  display: inline-block;
  border-radius: 9px;
  box-shadow: 0px -3px 6px #DBF0E94D;
  padding: 4px 0;
  color: #000000;
}
.g-top-city-card img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
  height: 100%;
}
.g-modal-othercity{
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
}
.g-modal-othercity span {
  font-size: 14px;
  background: #EFF1F5;
  padding: 5px 12px;
  font-weight: 500;
  border-radius: 10px;
}
.g-modal-othercity a{
  color: #000000;
  text-decoration: none;
}

/* Apply Loan Modal */
.g-apply-loan{
  position: absolute;
  width: 100%;
}
.g-apply-loan-modal-sec {
  background: #ffffff;
  width: 600px;
  border-radius: 20px;
  margin: 0 auto;
  margin-top: 65px;
  padding: 50px 30px;
  position: relative;
  text-align: center;
}
.g-al-title{
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 20px;
}
.g-al-text-info{
  color: #808080;
  font-size: 14px;
}
.g-al-flex-container{
  margin-top: 30px;
  display: flex;
}
.g-al-left-section{
  display: flex;
  flex-direction: column;
  border-right: 1px solid #ddd;
  padding-right: 15px;
  align-items: center;
  width: 50%;
}
.g-al-right-section{
  display: flex;
  flex-direction: column;
  padding-left: 15px;
  align-items: center;
  width: 50%;
}
.g-al-flex-title{
  padding-bottom: 5px;
  font-size: 16px;
}
.g-al-left-section img, .g-al-right-section img{
  margin-top: 20px;
}
.g-al-loan-text {
  color: #03915E;
  font-size: 11px;
  margin-top: 18px;
  font-weight: 700;
}
.g-al-apply-btn {
  background: #03915E;
  width: 105px;
  display: block;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
  border-radius: 7px;
  text-decoration: none;
  margin: 20px 0;
}
.g-al-info{
  color: #808080;
  font-size: 12px;
}

/* contact Seller */
.g-contact-seller-modal {
  position: absolute;
  width: 100%;
}
.g-contact-seller-sec{
  background: #ffffff;
  width: 675px;
  border-radius: 20px;
  margin: 0 auto;
  margin-top: 65px;
  position: relative;
  text-align: center;
}
.g-contact-seller-container{
  display: flex;
}
.g-c-modal-left-section{
  background: #F4F5FA;
  display: flex;
  flex-direction: column;
  width: 310px;
  border-radius: 20px 0 0 20px;
  text-align: left;
}
.c-modal-title {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
  padding: 55px 0 0 44px;
}
.c-modal-sub-title {
  font-size: 12px;
  color: #666666;
  padding: 8px 0 20px 44px;
}
.seller-img {
  margin-top: 0px;
}
.c-modal-footer-title {
  display: flex;
  align-items: center;
  padding: 66px 44px 34px 44px;
}
.c-modal-footer-title img {
  margin-right: 15px;
}
.c-modal-footer-title span {
  font-size: 12px;
  color: #666666;
}
.g-c-modal-right-section{
  padding: 25px;
  display: flex;
  flex-direction: column;
}
.g-c-modal-right-section input {
  padding: 16px;
  font-size: 14px;
  color: #3B3B3B;
  border: 1px solid #CAD2E2;
  outline: none;
  margin-bottom: 20px;
  border-radius: 5px;
}
.g-c-modal-right-section .mr-top {
  margin-top: 30px;
}
.g-c-modal-tandc{
  font-weight: 300;
  font-size: 11px;
}
.g-c-modal-tandc a{
  text-decoration: none;
  color: #03915E;
}
.g-c-modal-right-section button {
  background: #03915E;
  color: #fff;
  border: none;
  font-weight: 700;
  padding: 13px 10px;
  border-radius: 7px;
  margin: 20px 0 25px;
  font-size: 14px;
  cursor: pointer;
}

/* error msg style */
.success{
  font-size: 12px;
  color: #419460;
  margin-bottom: 10px;
  position: fixed;
  width: 100%;
  left: 0;
  top: 8%;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 9;
}
.success .success-msg{
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  top: 6px;
  background: #419460;
  padding: 15px 45px;
  border-radius: 8px;
  font-weight: 700;
  box-shadow: 0 0 12px #999;
}
.error{
  position: fixed;
  width: 100%;
  left: 0;
  top: 8%;
  right: 0;
  display: flex;
  justify-content: center;
  z-index: 9;
}
.error .error-msg{
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  top: 6px;
  background: #bd362f;
  padding: 15px 45px;
  border-radius: 8px;
  font-weight: 700;
  box-shadow: 0 0 12px #999;
}

/* Otp Screen */
.g-otp-modal {
  position: absolute;
  width: 100%;
}
.g-otp-content-sec{
  background: #ffffff;
  width: 432px;
  border-radius: 20px;
  margin: 0 auto;
  margin-top: 65px;
  position: relative;
  text-align: center;
}
.g-otp-modal-space {
  padding: 25px 34px 34px 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.otp-header-title{
  padding-bottom: 5px;
  font-weight: 700;
  font-size: 20px;
}
.otp-sub-header-title{
  color: #808080;
  font-size: 12px;
}
.g-green-color{
  color: #03915E;
}
.g-otp-img{
  margin: 42px 0 26px;
}
.otp-error {
  font-size: 12px;
  color: #d64541;
  padding-bottom: 20px;
  font-weight: 700;
}
.g-otp-inputs {
  display: flex;
  margin-bottom: 20px;
}
.g-otp-inputs input{
  height: 16px;
  width: 16px;
  border: 1px solid #CAD2E2;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 700;
  padding: 15px;
  text-align: center;
  outline: none;
  margin: 0 8px;
  box-sizing: inherit;
}
.g-otp-inputs input::-webkit-outer-spin-button,
.g-otp-inputs input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.g-otp-inputs input[type=number] {
  -moz-appearance: textfield;
}
.otp-verify-btn{
  background: #03915E;
  padding: 13px 10px;
  width: 100%;
  outline: none;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  border-radius: 7px;
  margin-top: 20px;
  cursor: pointer;
}
.resend-otp{
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
  color: #03915E;
}
.resend-otp-text{
  font-size: 12px;
  cursor: pointer;
}
.resend-otp-text span{
  font-weight: 700;
}
.seller-details-text{
  color: #333333;
  font-size: 13px;
}
.seller-name{
  padding-bottom: 5px;
  color: #333333;
  font-size: 18px;
}
.seller-mo-number{
  margin-bottom: 30px;
  font-weight: 700;
  color: #03915E;
  font-size: 20px;
}
/* seller details with similier vehicle */
.g-seller-details-sec{
  background: #ffffff;
  border-radius: 20px;
  margin: 0 auto;
  margin-top: 65px;
  position: relative;
  text-align: center;
  width: 1274px;
}
.g-seller-modal-space {
  padding: 25px 34px 34px 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #fff;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.seller-details-flex-sec{
  display: flex;
  background: #F4F5FA;
  border-radius: 20px;
}
.seller-left-section{
  width: 366px;
}
.seller-right-section{
  width: 908px;
  background: #F4F5FA;
  border-radius: 0px 20px 20px 0;
  text-align: left;
}
.seller-right-section .g-carousel-container{
  padding-left: 25px;
}
.seller-title{
  margin: 20px 0px 20px 30px;
  font-size: 18px;
  font-weight: 700;
}

/* loading */
.loading-app{
  width: 100%;
  height: 100%;
  z-index: 999999999;
  margin: auto;
  box-sizing: border-box;
  text-align: center;
  position: fixed;
  left: 0;
  top: 0;
  background: url('../img/call_loading.gif') 50% no-repeat;
  background-color: hsla(0,0%,100%,.54902);
  overflow: hidden;
  overflow-y: hidden;
  display: block;
}

/* Make an Offer */
.g-make-an-offer-modal {
  position: absolute;
  width: 100%;
}
.g-make-an-offer-sec{
  background: #ffffff;
  width: 675px;
  border-radius: 20px;
  margin: 0 auto;
  margin-top: 65px;
  position: relative;
  text-align: center;
}
.g-make-an-offer-container{
  display: flex;
}
.g-mo-modal-left-section{
  background: #F4F5FA;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.g-mo-modal-right-section{
  padding: 25px;
  display: flex;
  flex-direction: column;
  width: 280px;
}
.g-mo-modal-right-section form{
  display: flex;
  flex-direction: column;
}
.g-mo-modal-right-section input, .g-mo-modal-right-section select {
  padding: 13px;
  font-size: 14px;
  color: #3B3B3B;
  border: 1px solid #CAD2E2;
  outline: none;
  margin-bottom: 20px;
  border-radius: 5px;
}
.g-mo-modal-right-section button {
  background: #03915E;
  color: #fff;
  border: none;
  font-weight: 700;
  padding: 13px 10px;
  border-radius: 7px;
  margin-top: 20px;
  font-size: 14px;
  cursor: pointer;
}
.mkof-title{
  text-align: left;
  font-size: 14px;
  color: #333333;
  font-weight: 700;
  margin-bottom: 15px;
}
.make-an-offer-card{
  background: #ffffff;
  margin: 20px;
  border-radius: 15px;
}
.mkof-img-container{
  height: 170px;
  background: #606060;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.mkof-img-container img{
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.mkof-name-price{
    border-bottom: 1px solid #DFE7F5;
    padding: 10px 20px;
    text-align: left;
}
.mkof-name-variant{
  padding-top: 8px;
    color: #98A5C4;
    font-size: 14px;
}
.mkof-details{
  padding: 20px;
  font-size: 12px;
  text-align: left;
}
.mkof-key-points{
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.mkof-key-points div{
  display: flex;
  flex-direction: column;
}
.mkof-key-points div:last-child{
  align-items: flex-end;
}
.mkof-key-points div span:first-child{
  color: #98A5C4;
}
.mkof-modal-footer-title{
  display: flex;
  align-items: center;
  padding: 0 25px 25px 25px;
}
.mkof-modal-footer-title img {
  margin-right: 15px;
}
.mkof-modal-footer-title span {
  font-size: 12px;
  color: #666666;
}
.input-with-label{
  text-align: left;
  font-size: 14px;
  color: #333333;
  display: flex;
  flex-direction: column;
  position: relative;
}
.input-with-label div{
  margin-bottom: 6px;
}
.error-message {
  position: absolute;
  right: 0;
  bottom: 2px;
  font-size: 11px;
  color: red;
}
.error-customize{
  border-color: red !important;
}
.btn-loading{
  display: none;
}
/* Book Appoinment*/
.book-app-left-section {
  padding: 25px 34px 34px 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #F4F5FA;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.book-app-right-section{
  width: 908px;
  background: #FFFFFF;
  border-radius: 0px 20px 20px 0;
  text-align: left;
}
.ba-seller-details{
  background: #03915E;
  padding: 15px;
  border-radius: 15px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ba-seller-details img{
  margin-bottom: 10px;
}
.ba-seller-badge{
  background-color: #005f3d;
  color: #fff;
  font-size: 14px;
  border-radius: 13px;
  padding: 5px 15px;
  margin-bottom: 10px;
}
.ba-seller-name-mobile {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  white-space: nowrap;
}
.ba-seller-divider{
  background-color: #DFE7F5;
    width: 100%;
    margin: 10px 0px;
}
.ba-seller-text{
  font-size: 12px;
}
.ba-vehicle-details{
  text-align: left;
  margin-top: 20px;
}
.ba-form-title{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.ba-form-fields{
  display: flex;
  flex-direction: column;
  position: relative;
}
.ba-form-fields input, .ba-form-fields select{
  padding: 12px 10px;
  margin-bottom: 20px;
  font-size: 14px;
  color: #555;
  border: 1px solid #DFE7F5;
  border-radius: 5px;
  outline: none;
  cursor: pointer;
}
.ba-question{
  font-size: 12px;
  font-weight: 700;
}
.ba-radio-selection{
  font-size: 12px;
  font-weight: 700;
  margin: 5px 0 10px 0;
}
.ba-term-condition {
  font-size: 11px;
}
.ba-term-condition a{
  color: #03915E;
}
.ba-submit-btn {
  text-align: center;
}
.ba-submit-btn button{
  background: #03915E;
  border: none;
  color: #ffffff;
  border-radius: 8px;
  padding: 14px 35px;
  font-size: 14px;
  font-weight: 700;
  outline: none;
  margin-top: 20px;
  width: 200px;
}
.ba-seller-details-success-box{
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  height: 100%;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ba-seller-details-success-box img{
  margin-bottom: 20px;
}
.ba-thanks-text{
  font-weight: 700;
  margin-bottom: 5px;
}

#list_pagedata{
  display: none;
}