/*font added*/
@font-face {
  font-family: "CenturyGothic";
  src: url("../fonts/gothic-webfont.woff2") format("woff2"),
    url("../fonts/gothic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "CenturyGothic_bold";
  src: url("../fonts/gothicb-webfont.woff2") format("woff2"),
    url("../fonts/gothicb-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "charm";
  src: url("../fonts/charm-regular-webfont.woff2") format("woff2"),
    url("../fonts/charm-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.service-notext {
  margin: 0px;
} /* #howWorkLady{background-image: url('./../images/howworkslady.jpg'); /*background-image: -webkit-image-set(url('./../plus/images/howworkslady.webp') 1x); */ /* background-size: cover; */ /*}*/
*/#withoutback {
  display: none;
}
.brand-image-six img {
  padding-top: 4px;
} /*Service Benefits*/
.benefits {
  padding: 69px 3% 55px 7%;
  background: #fbfbfb;
  display: flex;
  justify-content: space-evenly;
}
.price-text {
  display: flex;
  width: 402px;
}
.price-tag {
  margin: 0px 5px 25px 0px;
}
.servicebenefits {
  width: 90px;
  overflow: hidden;
  position: relative;
}
.time-sprite,
.free-sprite,
.warranty-sprite {
  background-image: url("./../images/servicebenefits-sprite.svg");
  height: 78px;
  background-size: cover;
}
.time-sprite {
  background-position: -94px 0px;
}
.free-sprite {
  background-position: -288px 0px;
}
.warranty-sprite {
  background-position: -196px 0px;
}
.benefits-title {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 24px;
  font-weight: bold;
  line-height: 29px;
  margin: 16px 0px 0px;
  width: 62%;
}
.whyplus-content-back {
  display: none;
}
.mbFixedInfo {
  display: none;
}
.is-selected .whyplus-content-back {
  display: block;
  height: 530px;
  width: 295px;
}
.is-selected .whyLove-mech {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
} /* .gallery-cell:after{width: 300px; content: ''; display: block; position: absolute; top: 0; left: 0; background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 40%); height: 100%;}*/
.dot-elastic {
  position: relative;
  left: 108px;
  top: 16px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: dotElastic 1s infinite linear;
}
.dot-elastic::before,
.dot-elastic::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-elastic::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: dotElasticBefore 1s infinite linear;
}

/* .dot-button {
  width: 233px;
  height: 50px;
  background: #ed4930; */
/* margin-top: 294px; */
/* margin-left: 54px;
  margin-top: 40px; */
/* border-radius: 0 3px 3px 0; */
/* box-shadow: 0px 8px 15px rgb(0 0 0 / 30%);
  border-radius: 5px;
  background-color: #ed3124;
  border: 1px solid#ED3124;
} */
.dot-button {
  width: 233px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid#ED3124;
  font-family: "Century Gothic";
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  background-color: #ed3124;
  box-shadow: 0px 8px 15px rgb(0 0 0 / 30%);
  margin-top: 15px;
  outline: none;
  margin-top: 40px;
  margin-left: 54px;
}

#loaderButtondesk,
#loaderButtondesk1,
#loaderButtondesk4,
#loaderButtondesk5,
#loaderButtondesk6 {
  display: none;
}
.dot-elastic::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #fff;
  color: #fff;
  animation: dotElasticAfter 1s infinite linear;
}
@keyframes dotElasticBefore {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1.5);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes dotElastic {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.5);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes dotElasticAfter {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
} /*Loader Animation*/
.dot-flashing {
  top: 23%;
  margin-left: 45%;
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #b6c2cc;
  color: #b6c2cc;
  animation: dotFlashing 1s infinite linear alternate;
  animation-delay: 0.5s;
}
.dot-flashing::before,
.dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
.dot-flashing::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #b6c2cc;
  color: #b6c2cc;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 0s;
}
.dot-flashing::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #b6c2cc;
  color: #b6c2cc;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 1s;
}
@keyframes dotFlashing {
  0% {
    background-color: #b6c2cc;
  }
  50%,
  100% {
    background-color: #b6c2cc;
  }
} /*Mobile fixed header*/
.mobileBookBody {
  display: none;
}
#mbileFixedFooter {
  position: fixed;
  background-color: #ffffff;
  bottom: 0px;
  display: none;
}
#mobPhone {
  display: none;
}
#mobilepopUp {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  z-index: 999999;
}
.backManu {
  margin-left: 0px !important;
}
.modalbackdesk {
  margin-bottom: 28px;
  margin-top: 20px;
}
.moadlhead {
  display: inline-block;
  width: 100%;
  margin-left: 15px;
}
.modalBack {
  display: inline-block;
}
.close-mobile {
  margin-right: 30px !important;
  margin-top: -6px !important;
}
.mob-back-arrow {
  background-position: 28px 7px !important;
}
.modalBody {
  width: 90%;
  margin: 0px auto 0px;
}
.closeModal {
  margin-right: 20px;
} /*Animation how it works*/ /*animation element*/
.animation-element {
  opacity: 0;
  position: relative;
} /*animation element sliding left*/
.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 2000ms linear;
  -webkit-transition: all 2000ms linear;
  -o-transition: all 2000ms linear;
  transition: all 2000ms linear;
  -moz-transform: translate3d(0px, 100px, 0px);
  -webkit-transform: translate3d(0px, 100px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(0px, 100px, 0px);
}
.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
body {
  padding: 0px;
  margin: 0px;
  max-width: 100%;
  overflow-x: hidden;
}
ul {
  margin-block-start: 0px;
  margin-block-end: 0px;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
}
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
} /*custom scroll */
#listView::-webkit-scrollbar-track,
#listView1::-webkit-scrollbar-track,
#listView4::-webkit-scrollbar-track,
#listView5::-webkit-scrollbar-track,
#listView6::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
  background-color: #fff;
  border-radius: 10px;
}
#listView::-webkit-scrollbar,
#listView1::-webkit-scrollbar,
#listView4::-webkit-scrollbar,
#listView5::-webkit-scrollbar,
#listView6::-webkit-scrollbar {
  width: 3px;
  background-color: #f5f5f5;
}
#listView::-webkit-scrollbar-thumb,
#listView1::-webkit-scrollbar-thumb,
#listView4::-webkit-scrollbar-thumb,
#listView5::-webkit-scrollbar-thumb,
#listView6::-webkit-scrollbar-thumb {
  background-color: #aaa;
  border-radius: 2px;
} /*Manufacture List */
#manuFactureList,
#displayFormSection,
#displayFormSection1,
#displayFormSection6,
#manuFactureList4,
#manuFactureList5,
#manuFactureList6,
#manuFactureList7,
#successMessage,
#successMessage1,
#successMessage6 {
  display: none;
}
.car-title {
  color: #006fba;
  font-family: "CenturyGothic";
  font-size: 11px;
  line-height: 13px;
  padding-top: 30px;
}
.manufacture-text {
  color: #333333;
}
.car-details-color {
  color: #717982 !important;
}
.thank-you {
  height: 37px;
  width: 151px;
  margin: 96px auto 40px;
  color: #353535;
  font-family: "CenturyGothic";
  font-size: 30px;
  font-weight: bold;
  line-height: 37px;
  text-align: center;
}
.getback-text {
  color: #353535;
  font-family: "CenturyGothic";
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  margin: 44px auto;
  width: 129px;
}
.success-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.car-details {
  color: #333333;
  font-family: "CenturyGothic";
  font-size: 13px;
  letter-spacing: 0.4px;
  line-height: 16px;
  border-bottom: 1px solid #006fba;
}
#listView,
#listView1,
#listView4,
#listView5,
#listView6,
#listView7 {
  height: 371px;
  overflow-y: scroll;
  position: relative; /* border: 1px solid #DAE1E7; */
  margin-right: 4px;
  border-radius: 2px;
}
#modelList,
#modelList1,
#modelList2,
#modelList6,
#modelList7 {
  font-size: 13px;
  font-family: CenturyGothic;
  position: absolute;
  background: white;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.quick-search-title {
  color: #454b51;
  font-family: CenturyGothic;
  margin: 10px 0px 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  border-bottom: unset;
}
.quick-search-input {
  height: 30px !important;
  border: unset !important;
  border-bottom: 1px solid #006fba !important;
  border-radius: 0 3px 3px 0; /* padding: 0px !important; */
  color: #202124;
  font-size: 13px;
  font-family: CenturyGothic;
  border: none;
  box-shadow: none;
  outline: none;
  width: 227px !important;
}
.quick-search-input-mob {
  width: 100% !important;
}
.car-search {
  border: 1px solid #dae1e7;
}
.car-search ul li {
  background-color: #fefefe;
  padding: 16px 0 0px 16px;
  font-family: CenturyGothic;
  font-size: 13px;
  color: #717982;
  cursor: pointer;
  list-style-type: none;
}
.car-search ul li:hover {
  color: #454b51;
}
.close-x {
  color: #717982;
  font-family: "CenturyGothic";
  font-size: 22px;
  letter-spacing: 0;
  line-height: 22px;
}
.phoneno {
  color: #333333;
  font-family: "CenturyGothic";
  font-size: 13px;
  line-height: 24px;
  border: unset;
  padding-top: 30px;
  border-bottom: 1px solid #dae1e7;
  width: 230px;
  padding-left: 30px;
}
.buttomBook {
  width: 90%;
  margin: auto;
}
.mobPhoneNumber {
  width: 100%;
}
.enterPhoneNumber {
  padding-top: 2px;
  color: #454b51;
  font-weight: bold;
  letter-spacing: 0;
  margin-top: 20px;
}
.inputPhoneNumber {
  padding-top: 2px;
}
#phnumbererror,
#cardDetailsError,
#phnumberMoberror,
#cardDetailsError2 {
  display: none;
}
.phoneno:focus {
  outline: none;
} /* Toast Message */
.toast-msg {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.22);
  height: 98px;
  width: 365px;
  top: 4%;
  display: none;
  min-width: 260px;
  margin-left: -125px;
  background-color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 999999;
  right: 30px;
  font-size: 15px;
  font-family: "CenturyGothic";
}
.plus-body {
  position: relative;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body,
.media-left,
.media-right {
  display: table-cell;
  vertical-align: top;
}
.media-left img {
  vertical-align: middle;
}
.media-middle {
  vertical-align: middle;
}
.toast-msg .media-left {
  padding-right: 14px;
}
.media-body {
  position: relative;
  vertical-align: middle;
}
.toast-msg .media-body h4 {
  color: #454b51;
  font-family: CenturyGothic;
  font-weight: bold;
  font-size: 12px;
  line-height: 15px;
  text-align: left;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.toast-msg .media-body p {
  text-align: left;
  color: #717982;
  font-family: CenturyGothic;
  font-size: 12px;
  line-height: 20px;
}
.header-section {
  padding: 0px;
  display: inline-block;
  width: 100%;
  margin: 0px;
}
.carcility-logo {
  float: left;
  padding: 19px;
  padding-left: 16px;
}
.offersfaq-title {
  display: inline-block;
  margin: 35px 0px 0px 50px;
}
.offers-head,
.faq-head {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 13px;
  letter-spacing: 0.4px;
  line-height: 16px;
  font-weight: bold;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}
.offers-head label,
.faq-head label {
  background-color: #f5cfb5;
  height: 2px;
  width: 24px;
  display: inline-block;
  max-width: 100%;
  margin-top: 8px;
}
.offers-head:hover label,
.faq-head:hover label {
  background-color: #006fb9;
}
.offers-head:hover,
.faq-head:hover {
  color: #454b51;
  font-weight: unset;
}
.faq-head label {
  width: 18px;
}
.faq-head label:hover {
  width: 12px;
}
.offers-head {
  margin-right: 43px;
}
.carcility-download {
  float: right;
  padding: 20px;
  padding-right: 46px;
}
.clear-div {
  clear: both;
}
#navBarOption {
  display: none;
  position: fixed;
  width: 100%;
  background-color: #ffffff;
  margin-top: 80px;
  z-index: 9999;
  height: 126px;
  box-shadow: 0 0 4px 0 rgb(0 0 0 / 15%);
}
#navBarOption li {
  margin: 20px 0px 12px 7px;
}
#navBarOption li a {
  color: #454b51;
  font-size: 13px;
  font-family: CenturyGothic;
  text-transform: uppercase;
  padding: 10px 14px;
  line-height: 5px;
  text-decoration: none;
  outline: 0;
  border: 0 !important;
  box-shadow: none;
} /*first fold banner*/
.plus-body {
  position: relative;
}
.formsectionInfo {
  position: fixed; /* right: 6%; */
  z-index: 100;
}
.closeIcon {
  float: right;
  font-family: "CenturyGothic";
  color: #717982;
  cursor: pointer;
}
.car-details-text {
  clear: both;
  color: #006fba;
  font-family: "CenturyGothic";
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0;
} /* .absolute-block-text{position: absolute; top: 62px; left: 18%; width: 229px;}*/
.book-slection {
  top: 5%;
}
.modal-manufacture {
  float: right;
}
@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
  @media {
    .centered-text {
      font-size: 23px !important;
    }
  }
}
@media not all and (min-resolution: 0.001dpcm) {
  @media {
    .centered-text {
      font-size: 23px !important;
    }
  }
}
.centered-text {
  color: #353535;
  font-family: "CenturyGothic";
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 37px;
  text-align: center;
}
.modal-select {
  margin-top: 31px;
}
.modal-phone-no {
  margin-top: 14px;
}
.booknow-button,
.callusNow,
.button:focus {
  outline: none;
  margin-top: 10px;
  border-radius: 5px;
  background-color: #ed3124;
  border: 1px solid#ED3124;
  font-weight: bold;
  height: 42px;
  width: 233px;
  padding: 0 20px;
  font-family: "CenturyGothic";
  color: #ffffff;
  font-size: 14px;
}
.booknow-button {
  margin-top: 17px;
}
.callBookNowButton {
  margin-top: 300px;
}
.mobCallButton {
  width: 100%;
}
.or-text {
  text-align: center;
  margin-top: 12px;
  color: #717982;
  font-family: "CenturyGothic";
  font-size: 13px;
  margin-left: 8px;
}
.manufacture-color {
  color: #333333;
}
#error-text-app,
#error-text-app-mob,
#phnumbererror,
#cardDetailsError,
#cardDetailsError1,
#cardDetailsError2,
#phnumberMoberror,
#cardDetailsErrorMob {
  color: red;
  font-size: 10px;
  font-family: CenturyGothic;
  display: none;
  margin-top: 5px;
}
.callusNow {
  color: #ed3124;
  background-color: #ffffff;
}
.callusNow a {
  color: inherit;
  text-decoration: none;
}
.mobile-mockright {
  height: 580px;
  width: 350px;
}
.background-fold {
  background-color: #ffffff;
  border-bottom: 1px solid #f7f7f7;
}
.welcome-fold-left {
  padding-left: 7% !important;
}
.mob-foldcarplus {
  display: none;
}
.man-image-display {
  right: 21%;
  z-index: 110;
}
.introduction-text {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 22px;
  font-weight: bold;
  line-height: 27px;
  margin: 0px;
  padding-bottom: 14px;
  padding-top: 150px;
}
.saveoff {
  color: #0065a3;
  font-family: "charm";
  font-size: 28px;
  line-height: 36px;
  padding-top: 15px;
}
.intro-description {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 22px;
  font-weight: bold;
  line-height: 24px;
  padding-top: 24px;
}
.chooseconvenience {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 60px;
  font-weight: bold;
  line-height: 70px;
  margin: 0px;
  padding-top: 23px;
  padding-bottom: 221px;
}
.mechanic-align {
  padding-top: 46px;
}
.conveniencetext {
  color: #ffff;
  background-color: #e6782c;
  display: table;
  margin: 0px;
  padding: 0px;
}
.mobile-mockupresponsive {
  display: none;
}
.mobile-mockmechanic {
  display: none;
}
.typeText {
  background-image: linear-gradient(to right, #f48021, #ee3e23);
  color: white;
  padding: 0px;
  font-size: 45px;
}
.cursor {
  display: inline-block;
  height: 80px; /* vertical-align: middle; */
  width: 5px;
  background-color: #454b51;
  vertical-align: middle; /* animation: 1s blink linear infinite; */
}
@keyframes blink {
  0%,
  49% {
    opacity: 0;
  }
  50%,
  100% {
    opacity: 1;
  }
} /*second section*/
.service-background {
  background-color: #24293d;
}
.service-content {
  padding: 8px 0px 0px 8px; /* height: 40px; */
  width: 724px;
}
.service-content-last {
  padding: 8px 0px 0px 7px;
}
.smallIconDiv {
  vertical-align: middle;
}
.service-box-tick {
  display: flex;
}
.service-text {
  color: #ffffff;
  font-family: "CenturyGothic";
  font-size: 60px;
  font-weight: bold;
  line-height: 73px;
  margin-top: 14px;
  margin-bottom: 34px;
}
.service-list {
  color: #ffffff;
  font-family: "CenturyGothic";
  font-size: 16px;
  line-height: 20px; /* width: 70%; */
  display: flex;
}
.service-text-list {
  /* width: 43%; */ /* display: inline-block; */
}
.service-section {
  padding-bottom: 8px;
}
.service-section-align {
  padding: 84px 0px 149px 0px; /* margin-left: 7%; */
  padding-left: 115px;
}
.ser-sec-left {
  padding-right: 6%; /* width: 40%; */
} /*How it works section*/
.how-it-works-align {
  margin-left: 7%;
}
.how-works-section {
  padding: 0px;
  background-color: #ffffff;
}
.how-back-orange {
  background-color: #f48021;
}
.how-image {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.how-text {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 60px;
  font-weight: bold;
  line-height: 73px;
  padding-top: 13px;
}
.how-works-back {
  background-color: #ffffff;
  padding-left: 7% !important;
  padding-top: 70px;
  padding-bottom: 50px;
}
.how-sectionbox {
  padding-top: 70px;
  padding-left: 7%;
}
.how-one,
.how-two,
.how-three,
.how-four {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin-top: 12px;
  margin-bottom: 28px;
  width: 86%;
}
.how-right-section {
  background: #ffffff;
}
.how-right-title,
.how-right-description {
  color: #ffffff;
  font-family: "CenturyGothic";
  font-size: 60px;
  font-weight: bold;
  line-height: 73px;
  width: 33%;
  padding: 172px 0px 0px 46px;
}
.how-right-description {
  font-size: 30px;
  line-height: 37px;
  padding: 28px 0px 0px 46px;
  width: 26%;
} /* why-plus section*/
.whyplus-align {
  padding: 98px 7% 135px 7%;
  background: #ffff;
}
.why-title {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 60px;
  font-weight: bold;
  line-height: 73px;
  margin-bottom: 33px;
} /* Animation image scroller*/
.gallery {
  background: #ffffff;
}
.gallery-cell {
  width: 245px;
  height: 500px;
  margin-right: 10px;
  counter-increment: gallery-cell;
  opacity: 0.5;
}
.is-selected {
  opacity: unset;
}
.whyimage-outline {
  position: relative;
}
.whyplus-content {
  position: absolute;
}
.why-content {
  position: absolute; /* left: 30px; */
  top: 19px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 2px 20px 0 rgba(0, 0, 0, 0.19);
  min-height: 470px;
  width: 415px;
}
.is-selected .why-content {
  /* box-shadow: none; */
}
.whyplus-text {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  padding-left: 35px;
  width: 83%;
  height: 137px;
}
.whyplus-title {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 22px;
  font-weight: bold;
  line-height: 26px;
  padding: 24px 0px 24px 35px;
  width: 83%;
} /* cell number */ /* .gallery-cell:before{display: block; text-align: center; content: counter(gallery-cell); line-height: 200px; font-size: 80px; color: white;}*/ /*download section*/
.download-align {
  padding: 120px 0px 120px 7%;
  background: #24293d;
}
.download-image {
  width: 295px;
  height: 470px; /* float: right; margin-right: 50px; */
}
.download-title-mob {
  color: #ffffff;
  font-family: "CenturyGothic";
  font-weight: bold;
  font-size: 60px;
  line-height: 73px;
  width: 57%;
}
.download-head {
  /* height: 22px; */ /* width: 481px; */
  color: #ffffff;
  font-family: "CenturyGothic";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}
.download-description {
  /* height: 70px; width: 478px; */
  color: #ffffff;
  font-family: "CenturyGothic";
  font-size: 60px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 70px;
  text-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
#textbox_id,
#textbox_id_mob {
  color: #2b2828;
}
.download-form {
  margin: 43px 0 50px;
  position: relative;
}
.mob-hide {
  display: block;
}
.mob-downloadform {
  display: none;
}
.countryCode {
  position: absolute;
  left: 10px;
  color: #2b2828;
  padding: 15px 0;
  font-size: 13px;
  top: 1px;
  font-family: "CenturyGothic";
}
.countryCode1 {
  padding: 4px 0;
  top: 31px;
  background: white;
}
.countryMob {
  top: 37px;
}
.form-control {
  background-color: #fff;
  border-radius: 3px 0 0 3px;
  border: 1px solid hsla(0, 0%, 59.2%, 0.58);
  font-family: "CenturyGothic";
  height: 50px;
  width: 260px;
  margin-right: 0;
  box-shadow: none;
  padding-left: 45px;
  font-size: 13px;
}
.form-text {
  font-size: 16px;
  color: #b6c2cc;
}
.form-control:focus {
  outline: none;
} /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.download-icon {
  margin-bottom: 14px;
} /* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
  left: -5px;
}
.btn {
  height: 51px;
  background-color: #ee3124;
  border: 1px solid #ee3124;
  color: #fff;
  font-family: CenturyGothic;
  border-radius: 0 3px 3px 0;
  padding: 0 15px;
  outline: 0;
  box-shadow: none;
  font-weight: 700;
  left: -3px;
}
.application-store {
  display: flex;
  margin-left: -10px;
}
.list-app-store {
  list-style-type: none;
  margin-right: -10px;
} /* brand section*/
.brand-align {
  padding: 106px 0px 0px 7%;
  background: #fbfbfb;
}
.brand-title {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 60px;
  font-weight: bold;
  line-height: 73px;
  margin-bottom: 38px;
}
.brand-section {
  text-align: center;
  margin-bottom: 50px;
}
.brand-image,
.brand-image-six {
  color: #000000;
  box-sizing: border-box;
  height: 97px;
  width: 100px;
  border-radius: 48px;
  margin: auto;
  margin-bottom: 13px;
}
.brand-image-six {
  border: 1px solid #eef2f5;
  background-color: #ffffff;
  height: 100px;
  width: 100px;
  border-radius: 50px;
}
.brand-image:hover,
.brand-image-six:hover {
  border: 1px solid #ed3124;
}
.brand-text {
  font-size: 14px;
  text-align: center;
  font-family: "CenturyGothic";
  font-size: 16px;
}
.brands-view-all {
  color: #006fba;
  font-family: "CenturyGothic";
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}
.see-more-align {
  text-align: center;
  margin-top: 30px;
}
.brands-list-hide {
  display: none !important;
} /* faq section*/
.faq-align {
  padding: 112px 0px 96px 7%;
  background: #fbfbfb;
}
.faq-title {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 60px;
  font-weight: bold;
  line-height: 73px;
  padding-top: 13px;
  margin-left: 41.5%;
}
.title,
.description {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.title {
  display: inline-block;
  padding-bottom: 7px;
}
.header-plus {
  display: inline-block;
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 20px;
  font-weight: bold;
  margin-right: 20px;
}
.description {
  font-size: 14px;
  font-weight: normal;
  margin-left: 50px;
}
.faq-description {
  display: none;
}
.faq-individual {
  border-bottom: 1px solid hsla(0, 0%, 59.2%, 0.1);
  padding: 25px 0px !important;
  padding-top: 0px !important;
} /* #howworkslady{background: url('./../images/howworkslady.svg');}*/ /* footer section*/
#footer-background {
  background-image: url("./../images/landing-footer-background.webp"); /*background-image: -webkit-image-set(url('./../plus/images/landing-footer-background.webp') 1x); */ /* background-image: url('./../images/landing-footer-background.svg'); */
  background-repeat: repeat-x;
  background-color: #fcfcff; /* background-size: cover; background-position: bottom right; */
}
.footer-section-main {
  /* // position: relative; */
  z-index: 999;
}
#mbileFixedFooter {
  display: none;
}
.footer-align {
  padding: 0 7%;
}
.visa-master {
  text-align: center;
  bottom: 10px;
}
.mobil1logo {
  padding-top: 42px;
  float: right;
}
.mobil1-mob {
  display: none;
}
.footer-details {
  display: inline-block;
  padding: 42px 57px 0px 0px;
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.32px;
  line-height: 24px;
  text-decoration: none;
  cursor: pointer;
}
.footer-social-link {
  text-align: center;
  margin-top: 80px;
  padding-bottom: 10%;
}
.footer-social-link ul {
  list-style-type: none;
}
.footer-social-link ul li {
  display: inline-block;
  cursor: pointer;
  padding-right: 34px;
}
.master-image {
  width: 110px;
  height: 54px;
  margin-right: -19px;
}
.psline {
  border: 1px solid #f2f2f9;
  margin: 30px 0px 23px;
}
.service-footalign {
  padding: 0px !important;
  list-style-type: none;
  margin: 0px !important;
}
.service-title {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 18px;
  letter-spacing: 0.42px;
  line-height: 24px;
  padding-bottom: 10px;
  list-style-type: none;
}
.wash-service,
.car-service,
.repair-service,
.business-service {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 14px;
  letter-spacing: 0.32px;
  line-height: 24px;
  font-weight: unset;
  text-decoration: none;
  list-style-type: none;
}
.terms-main {
  /* position: absolute; */
  bottom: 0px; /* left: 8%; right: 8%; */
  width: 100%;
  background-color: #ffffff;
}
.terms-text {
  color: #454b51;
  font-family: "CenturyGothic";
  font-size: 12px;
  padding-top: 15px;
  left: 7%;
}
.terms-text a {
  text-decoration: none;
  cursor: pointer;
  color: #454b51;
}
.payment-card {
  padding: 0px;
  list-style-type: none;
} /*sprite images section*/
.service-back-width {
  width: 40px;
  margin-left: 45%;
}
.service-back-width.logo-position {
  margin-top: 100px;
  margin-left: 9px; /* margin-bottom: 13px; */
}
.service-back-widths {
  width: 40px;
  margin-left: 45%;
}
.service-sprite,
.how-sprite,
.faq-sprite,
.why-sprite,
.brand-sprite {
  background-image: url("./../images/SectionIconsSprite.svg");
  background-repeat: no-repeat;
  height: 50px;
  background-size: cover;
}
.service-sprite {
  background-position: -205px 0px;
}
.how-sprite {
  background-position: -162px 0px;
}
.faq-sprite {
  background-position: -120px 0px;
}
.why-sprite {
  background-position: -7px 0px;
}
.brand-sprite {
  background-position: -50px 0px;
}
.smallicon-back-width {
  width: 25px; /* margin-top: -15px; */ /* float: right; */
}
.smallicon-back-mob {
  position: absolute;
  margin-left: 0px !important;
  margin-top: -23px !important;
  right: -3%;
}
.smallicon-back-desk {
  margin-top: -40px !important;
  right: 0%;
}
.smallicon-back-mob1 {
  margin-top: -15px !important;
}
.smallicon-back-mob2 {
  right: 50px;
}
.smallicon-mob {
  width: 22px;
}
.fb-sprite,
.insta-sprite,
.wap-sprite,
.yutube-sprite,
.pinterest-sprite,
.twitter-sprite,
.tick-sprite,
.plus-sprite,
.minus-sprite,
.menu-sprite,
.close-sprite,
.arrow-sprite,
.arrow-up-sprite,
.back-arrow {
  background-image: url("./../images/SmallIcons-Sprite.svg");
  height: 40px;
  background-size: cover;
}
.arrow-up-sprite {
  background-position: 304px 14px;
}
.arrow-sprite {
  background-position: 287px 7px;
}
.close-sprite {
  background-position: 324px 12px;
  margin-top: -15px;
}
.close-sprite.reqform {
  margin-top: 2px;
}
.back-arrow {
  background-position: 25px 10px;
}
.close-small {
  display: inline-block;
  margin-left: 11px;
  margin-top: -12px;
}
.menu-sprite {
  display: none;
}
.minus-sprite {
  background-position: 343px 12px;
}
.plus-sprite {
  background-position: 364px 12px;
}
.tick-sprite {
  background-position: 53px 0px;
}
.fb-sprite {
  background-position: 220px 0px;
}
.insta-sprite {
  background-position: 194px 0px;
}
.wap-sprite {
  background-position: 170px 0px;
}
.yutube-sprite {
  background-position: 144px 0px;
}
.pinterest-sprite {
  background-position: 120px 0px;
}
.twitter-sprite {
  background-position: 96px 0px;
}
@media screen and (min-width: 1500px) {
  .service-text-list {
    /* width: 30%; */ /* display: inline-block; */
  }
  .ser-sec-left {
    padding-right: 6%; /* width: 30%; */
  }
  .mechanic-align {
    padding-left: 40px;
    padding-top: 64px;
  }
  .compre-fifty {
    width: 37px;
  }
  .how-right-section {
    background-repeat: no-repeat;
    background-size: cover;
  }
  .whyplus-slider {
    width: 60% !important;
    flex: 0 0 55% !important;
    max-width: 55% !important;
  }
  .download-head {
    /* width: 73%; */
  }
  .download-description {
    /* width: 63%; */
  }
  .download-part {
    /* margin-left: -60px!important; */
  }
  .plus-sprite {
    background-position: 363px 12px;
  }
  .minus-sprite {
    background-position: 343px 14px;
  }
  .description {
    margin-left: 50px;
  }
  .how-one,
  .how-two,
  .how-three,
  .how-four {
    width: 70%;
  }
  .tick-icon-resp {
    width: 26px !important;
  }
}
@media screen and (max-width: 991px) {
  .or-text {
    margin-top: 20px;
    margin-left: 5px;
  }
  .price-tag {
    margin: 14px 5px 17px 0px;
  }
  .benefits {
    padding: 15px 0px 37px 7%;
  }
  .servicebenefits {
    width: 55px;
  }
  .time-sprite,
  .free-sprite,
  .warranty-sprite {
    height: 44px;
  }
  .time-sprite {
    background-position: -52px 0px;
  }
  .free-sprite {
    background-position: -329px 0px;
  }
  .warranty-sprite {
    background-position: -273px 0px;
  }
  .benefits-title {
    font-size: 16px;
    line-height: 18px;
    width: 81%;
    margin: 7px 0px 0px;
  }
  .saveoff {
    width: 43%;
    font-size: 14px;
    line-height: 20px;
  }
  .offers-head,
  .faq-head {
    display: none;
  }
  .smallicon-back-mob {
    right: 2%;
  }
  #listView,
  #listView1 {
    height: 550px;
  }
  .dot-elastic {
    left: 110px;
  }
  .dot-button {
    width: 235px;
    margin-left: 59px;
  }
  .smallicon-back-mob2 {
    right: 121px;
  }
  .service-content-last {
    padding: 8px 0px 0px 8px;
  }
  .mobileBookBody {
    margin: 0px 0px 10px;
    display: block;
  }
  #mbileFixedFooter {
    z-index: 99999;
  }
  .mobileHeadBook {
    display: flex;
  }
  .mobileBookClose {
    margin-top: -10px;
  }
  .bookNowCardetails {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .fixedMobileCarDetails {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
  }
  .redrightButton {
    float: right;
    vertical-align: middle;
    display: inline-block;
    margin-top: 20px;
  }
  .carDetailsOption {
    display: inline-block;
    width: 85%;
  }
  .mobCardDetails {
    width: 98%;
  }
  .mobileBookNow {
    color: #454b51;
    font-family: "CenturyGothic";
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    margin-top: 16px;
    display: inline-block;
  }
  .volkswagen img,
  .volvo img,
  .alfa img,
  .dodge img,
  .fiat img,
  .ferrari img,
  .lotus img,
  .daihatsu img,
  .mg img,
  .dfm img,
  .honda img,
  .changan img,
  .caterham img,
  .bmw img,
  .acura img,
  .devel img {
    margin-left: unset;
  }
  .typewriter {
    height: 36px;
    z-index: 999;
    position: relative;
  }
  .mob-image-mechanic {
    position: absolute;
    top: 100px;
    left: 50px;
  }
  .header-section {
    position: fixed;
    z-index: 9999;
    padding: 10px;
    top: 0px;
  }
  .welcome-fold-left {
    margin-top: 60px;
    z-index: 999;
  }
  .callBookNowButton {
    margin-top: 120px;
  }
  .download-head {
    /* font-size: 27px; line-height: 24px; */
    padding-bottom: 14px;
    padding-top: 3px; /* width: 100%; */ /* height: 54px; width: 168px; */
    color: #ffffff;
    font-family: "CenturyGothic";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 18px;
  }
  .download-description {
    /* font-size: 19px; line-height: 20px; */
    padding-bottom: 26px; /* width: 97%; */ /* height: 68px; width: 193px; */
    color: #ffffff;
    font-family: "CenturyGothic";
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 34px;
  }
  .mob-hide {
    display: none;
  }
  .mob-downloadform {
    display: block;
  }
  .mobile-mockupresponsive {
    display: block;
    width: 100%;
    margin: auto !important;
    background: linear-gradient(
      to bottom,
      #f5cfb5 0%,
      #f5cfb5 50%,
      #f5cfb5 50%,
      #f9fbfb 50%,
      #f9fbfb 100%
    );
  }
  .mobile-mob {
    margin-top: -24px;
  }
  .mobile-mockmechanic {
    display: block;
  }
  .typeText {
    font-size: 30px;
  }
  .cursor {
    height: 11px;
    width: 3px;
    padding: 60px 0px 0px;
  }
  .service-list {
    display: block;
  }
  .plus-sprite {
    background-position: 364px -8px;
  }
  .menu-align {
    float: right;
    padding-right: 16px;
    padding-top: 5px;
    width: 40px;
  }
  .menu-sprite {
    background-position: 240px 12px;
    display: block;
  }
  .minus-sprite {
    background-position: 342px -8px;
  }
  .mob-foldcarplus {
    display: block;
  }
  .formsectionInfo,
  .man-image-display {
    display: none;
  }
  .carcility-download {
    display: none;
  }
  .desk-foldcarplus {
    display: none;
  }
  .word {
    position: absolute;
    width: 250px;
    font-size: 30px;
  }
  .introduction-text {
    padding-top: 25px;
    padding-bottom: 11px;
    font-size: 16px;
    line-height: 18px;
  }
  .intro-description {
    font-size: 16px;
    line-height: 18px;
    padding-top: 25px;
  }
  .chooseconvenience {
    font-size: 30px;
    font-weight: bold;
    line-height: 34px;
    padding-bottom: 73px;
    padding-top: 20px;
    z-index: 999;
  }
  .form-section-mob {
    position: relative;
  } /* service section*/
  .service-section-align {
    padding: 50px 0px 30px;
    margin-left: 7%;
  }
  .service-text-list {
    width: 100%;
    display: block;
  }
  .service-text {
    font-size: 30px;
    line-height: 40px;
    margin-top: 17px;
    margin-bottom: 30px;
  } /* How works section*/
  .how-works-back {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 7% !important;
  }
  .how-works-section {
    padding: 50px 0px 25px 0px;
    background-color: #ffffff;
  }
  .how-text {
    font-size: 30px;
    padding-top: 6px;
    letter-spacing: 0;
    line-height: 37px;
    margin-left: 8%;
  }
  .how-sectionbox {
    padding-left: 0px;
  }
  .how-section-opt {
    width: 50% !important;
  }
  .how-one,
  .how-two,
  .how-three,
  .how-four {
    width: 90%;
  }
  .how-right-title,
  .how-right-description {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 37px;
    width: 100%;
    padding: 42px 0px 0px 15px;
    padding-left: 7%;
  }
  .how-right-description {
    width: 85%;
    padding-bottom: 50px;
  } /* why plus section*/
  .whyplus-align {
    padding: 49px 0px 80px 0px;
  }
  .why-title {
    font-size: 30px;
    line-height: 37px;
    padding-left: 7%;
  }
  .service-back-width {
    width: 42px;
  }
  .service-whyplus-sprite {
    padding-left: 7%;
    width: 92px;
  } /* why plus section*/
  .brand-title {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 38px;
  } /* download section*/
  .download-part {
    margin-left: -43px;
  }
  .download-image {
    width: 130px;
    height: 184px;
    margin-left: -26px;
    margin-top: 20px;
  }
  .download-align {
    padding: 50px 0px 50px 8%;
  }
  .download-title {
    color: #ffffff;
    font-family: "CenturyGothic";
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
  }
  .form-text {
    font-size: 12px;
    color: #b6c2cc;
  }
  .download-title-mob {
    font-size: 30px;
    line-height: 37px;
    width: 80%;
  }
  .appmobstore-size {
    width: 186px;
    height: 62px;
  }
  .appmobplay-size {
    width: 186px;
    height: 62px;
  } /* faq section*/
  .faq-align {
    padding: 46px 0px 70px 7%;
  }
  .header-plus {
    margin-right: 9px;
  }
  .description {
    margin-left: 35px;
  }
  .faq-title {
    font-size: 30px;
    line-height: 37px;
    padding-top: 6px;
  }
  .faq-individual {
    padding: 20px 0px !important;
  }
  .faq-headersection {
    display: flex;
  }
  .mobil1logo {
    display: none;
  } /* .footer-align{padding: 0 0 0 18px;}*/
  .footer-details {
    font-size: 13px;
    padding-right: 30px;
  }
  .service-title {
    font-size: 17px !important;
    padding-bottom: 4px;
  }
  .wash-service,
  .car-service,
  .repair-service,
  .business-service {
    font-size: 12px;
  }
  .footer-social-link ul li {
    padding-right: 25px;
  } /* .terms-main{width: 80%;}*/ /* #footer-background{background: url('./../images/landing-footer-background.svg'); background-size: cover;}*/
  #footer-background {
    background-image: url("./../images/landing-footer-background.webp");
    background-image: -webkit-image-set(
      url("./../images/landing-footer-background.webp") 1x
    );
    background-color: #fcfcff;
    background-size: 99% 173%;
    background-repeat: no-repeat;
  }
  .mobil1-mob {
    padding: 20px 0px;
    display: block;
  }
}
@media screen and (max-width: 1300px) and (min-width: 991px) {
  .brand-image img {
    padding-right: 3px;
    padding-top: 2px;
  }
  .ser-sec-left,
  .service-text-list {
    width: 45%;
  }
  .how-right-title,
  .how-right-description {
    padding: 81px 0px 0px 46px;
  } /* #footer-background{height: 80vh;}*/
  .price-tag {
    margin: -25px 5px -1px 0px;
  }
  .service-text {
    width: 67%;
  }
  .brand-title {
    width: 45%;
  }
  .benefits {
    /* width: 60%; */
  }
  .car-logo-1,
  .car-logo-2,
  .car-logo-3,
  .car-logo-4,
  .car-logo-5,
  .car-logo-6 {
    height: 72px;
  }
  .Chevrolet {
    background-position: 3px 2px;
  }
  .Nissan {
    background-position: -70px 3px;
  }
  .Toyota {
    background-position: -147px 3px;
  }
  .Kia {
    background-position: -220px 3px;
  }
  .MercedesBenz {
    background-position: -295px 1px;
  }
  .Mitsubishi {
    background-position: -371px -5px;
  }
  .Ford {
    background-position: -1px 1px;
  }
  .Hyundai {
    background-position: -83px 1px;
  }
  .Suzuki {
    background-position: -164px 1px;
  }
  .Honda {
    background-position: -246px 1px;
  }
  .Gmc {
    background-position: -327px 1px;
  }
  .Alfa {
    background-position: -409px 1px;
  }
  .Bentley {
    background-position: -490px 1px;
  }
  .Cadillac {
    background-position: -572px 1px;
  }
  .Chrysler {
    background-position: -653px 1px;
  }
  .dodge {
    background-position: -734px 1px;
  }
  .Fiat {
    background-position: -816px 1px;
  }
  .Infiniti {
    background-position: -898px 1px;
  }
  .Jaguar {
    background-position: -979px 1px;
  }
  .Jeep {
    background-position: -1060px 1px;
  }
  .Rover {
    background-position: -1142px 1px;
  }
  .Lexus {
    background-position: -1223px 1px;
  }
  .Mazda {
    background-position: -1304px 1px;
  }
  .Mini {
    background-position: -1386px 1px;
  }
  .Peugeot {
    background-position: -1467px 1px;
  }
  .Renault {
    background-position: -1548px 1px;
  }
  .Volkswagen {
    background-position: -1629px 1px;
  }
  .Volvo {
    background-position: -1711px 1px;
  }
  .Aston {
    background-position: -1792px 1px;
  }
  .Byd {
    background-position: -1874px 1px;
  }
  .Citroen {
    background-position: -3px 0px;
  }
  .Chery {
    background-position: -84px 0px;
  }
  .Ferrari {
    background-position: -166px 0px;
  }
  .Geely {
    background-position: -246px 0px;
  }
  .Great {
    background-position: -328px 0px;
  }
  .Isuzu {
    background-position: -409px 0px;
  }
  .Lincoln {
    background-position: -491px 0px;
  }
  .Lamborghini {
    background-position: -573px 0px;
  }
  .Lada {
    background-position: -654px 0px;
  }
  .Daihatsu {
    background-position: -736px 0px;
  }
  .Lotus {
    background-position: -817px 0px;
  }
  .Maserati {
    background-position: -899px 0px;
  }
  .Mclaren {
    background-position: -980px 0px;
  }
  .Mg {
    background-position: -1061px 0px;
  }
  .Opel {
    background-position: -1142px 0px;
  }
  .Porsche {
    background-position: -1225px 0px;
  }
  .Proton {
    background-position: -1305px 0px;
  }
  .Seat {
    background-position: -1386px 0px;
  }
  .Skoda {
    background-position: -1468px 0px;
  }
  .Ssang {
    background-position: -1550px 0px;
  }
  .Subaru {
    background-position: -1631px 0px;
  }
  .Tata {
    background-position: -1713px 0px;
  }
  .Luxgen {
    background-position: -1794px 0px;
  }
  .Jac {
    background-position: -1876px 0px;
  }
  .Foton {
    background-position: -1956px 0px;
  }
  .Audi {
    background-position: -2038px 0px;
  }
  .Baic {
    background-position: -2120px 0px;
  }
  .Gac {
    background-position: -2202px 0px;
  }
  .KingLong {
    background-position: -2283px 0px;
  }
  .Dfm {
    background-position: -2364px 0px;
  }
  .Brilliance {
    background-position: -3px 0px;
  }
  .Changan {
    background-position: -84px 0px;
  }
  .Rolls {
    background-position: -165px 0px;
  }
  .Haval {
    background-position: -246px 0px;
  }
  .Maxus {
    background-position: -328px 0px;
  }
  .Faw {
    background-position: -410px 0px;
  }
  .Lifan {
    background-position: -491px 0px;
  }
  .Genesis {
    background-position: -573px 0px;
  }
  .Morgan {
    background-position: -654px 0px;
  }
  .Tesla {
    background-position: -736px 0px;
  }
  .Senova {
    background-position: -2283px 0px;
  }
  .Karry {
    background-position: -817px 0px;
  }
  .Kenbo {
    background-position: -898px 0px;
  }
  .Keyton {
    background-position: -980px 0px;
  }
  .Bugatti {
    background-position: -1061px 0px;
  }
  .Caterham {
    background-position: -1143px 0px;
  }
  .Bmw {
    background-position: -1224px 0px;
  }
  .Jetour {
    background-position: -2364px 0px;
  }
  .Zarooq {
    background-position: -1305px 0px;
  }
  .Ram {
    background-position: -1387px 0px;
  }
  .Borgward {
    background-position: -1468px 0px;
  }
  .Acura {
    background-position: -1551px 0px;
  }
  .Devel {
    background-position: -1631px 0px;
  }
  .WMotors {
    background-position: -1713px 0px;
  }
  .Mahindra {
    background-position: -1794px 0px;
  }
  .Abarth {
    background-position: -1876px 0px;
  }
  .Zotye {
    background-position: -1957px 0px;
  }
  .Dorcen {
    background-position: -2039px 0px;
  }
  .Sandstorm {
    background-position: -2121px 0px;
  }
  .Soueast {
    background-position: -2202px 0px;
  }
  .callBookNowButton {
    margin-top: 300px;
  }
  .brand-image {
    width: 80px;
    height: 80px;
  }
  .brand-image img {
    width: 80px;
    height: 80px;
  }
  .download-part {
    padding-left: 0px !important;
  }
  .download-align {
    padding: 120px 0px 120px 0%;
  }
  .chooseconvenience {
    font-size: 50px;
    padding-bottom: 114px;
  }
  .typeText {
    font-size: 35px;
  }
  .how-right-description {
    width: 37%;
  }
  .how-image {
    width: 145px;
  }
  .ipad-image {
    width: 381px;
    height: 520px;
    margin-top: 176px;
    margin-left: 155px;
  }
  .tick-icon-ipad {
    width: 25px;
  }
  .compre-fifty {
    width: 32px;
  }
  .download-image {
    width: 225px;
    height: 322px;
    margin-left: 40%;
  }
  .download-head {
    width: 70%;
  }
}
@media screen and (max-width: 800px) {
  .mobile-mockupresponsive {
    width: 52%;
    background: unset;
  }
  .mobile-mob {
    margin-top: 0px;
  }
  .mob-image-mechanic {
    position: absolute;
    left: 232px;
    padding-top: 36px;
  }
  .terms-main {
    margin: 20px auto 0px !important;
  }
  .footer-social-link {
    text-align: center;
    margin-top: 17px;
    padding-bottom: 12%;
  }
  .visa-master img {
    margin: 0;
    width: 105px;
    height: 54px;
  }
  .terms-text {
    left: 20px;
  }
  .terms-main {
    display: flex;
  }
}
@media screen and (max-width: 480px) {
  .booknow-button {
    margin-top: 20px;
  }
  .compre-fifty {
    width: 37px;
  }
  .service-back-width.logo-position {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-left: 40%;
  }
  .thank-you {
    margin: 96px auto 35px;
  }
  .or-text {
    margin-top: 7px;
    margin-left: 2px;
  }
  .price-tag {
    margin: 0px 5px 5px 0px;
  }
  .fold-service {
    width: 55%;
  } /* #howWorkLady{background-image: url('./../images/howworkslady-mob.jpg'); background-size: cover;}*/
  .list-app-store {
    list-style-type: none;
    margin-right: -1px;
  }
  .callBookNowButton {
    margin-top: 300px;
  }
  .download-part {
    margin-left: 20px;
  }
  .smallicon-back-mob2 {
    right: 50px;
  }
  .service-content-last {
    padding: 8px 0px 0px 5px;
  }
  .mobileBookBody {
    margin: 0px 0px 10px;
  }
  #mbileFixedFooter {
    z-index: 999;
  }
  .mobileHeadBook {
    display: flex;
  }
  .mobileBookClose {
    margin-top: -10px;
  }
  .bookNowCardetails {
    padding-top: 15px;
    padding-bottom: 10px;
  }
  .fixedMobileCarDetails {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
  }
  .redrightButton {
    float: right;
    vertical-align: middle;
    display: inline-block;
    margin-top: 20px;
  }
  .carDetailsOption {
    display: inline-block;
    width: 85%;
  }
  .mobCardDetails {
    width: 98%;
  }
  .mobileBookNow {
    color: #454b51;
    font-family: "CenturyGothic";
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    margin-top: 16px;
    display: inline-block;
  }
  .brand-align {
    padding: 106px 0px 0px 0%;
    background: #fbfbfb;
  }
  .mobile-icon-brand {
    margin-left: 7%;
  }
  .brand-title {
    padding-left: 7%;
  }
  .carcility-logo {
    padding-left: 15px;
  }
  .absolute-block-text {
    left: 20%;
    top: 40px;
    padding: 50px;
  }
  .mobile-mockupresponsive {
    width: 100%;
    background: linear-gradient(
      to bottom,
      #f5cfb5 0%,
      #f5cfb5 50%,
      #f5cfb5 50%,
      #f9fbfb 50%,
      #f9fbfb 100%
    );
  }
  .mob-image-mechanic {
    position: absolute;
    left: 52px;
    top: 80px;
    padding-top: 72px;
  }
  .mobile-mob {
    margin-top: -24px;
    height: 580px;
    width: 350px;
  }
  .visa-master img {
    width: 61px;
    height: 32px;
  }
  .visa-master {
    margin-top: 14px !important;
  }
  .terms-main {
    margin: 20px auto 22px !important;
  }
  .footer-social-link {
    padding-bottom: 20%;
  }
  .service-back-width {
    width: 42px;
  }
  .tick-icon-resp {
    width: 32px !important;
  }
  .service-whyplus-sprite {
    width: 68px;
  }
  .chooseconvenience h1 {
    font-size: 16px;
  }
  .how-image {
    width: 154px;
  }
  #footer-background {
    background-image: url("./../images/landing-footer-background-mob.svg");
    background-image: -webkit-image-set(
      url("./../images/landing-footer-background-mob.webp") 1x
    );
    background-color: #fcfcff;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .form-control {
    width: 236px;
  }
  .download-form {
    margin: 20px 0 20px;
  }
}
@media only screen and (min-device-width: 600px) and (max-device-width: 800px) {
  #successMessage1 {
    left: 32%;
  }
  .dot-elastic {
    left: 286px;
  }
}
@media only screen and (min-device-width: 500px) and (max-device-width: 600px) and (orientation: landscape) {
  #successMessage1 {
    left: 27%;
  }
  .dot-elastic {
    left: 246px;
  }
}
@media only screen and (min-device-width: 800px) and (max-device-width: 900px) and (orientation: landscape) {
  .absolute-block-text {
    left: 16%;
  }
  .dot-elastic {
    left: 361px;
  }
  #successMessage1 {
    left: 34%;
  }
  #footer-background {
    background-image: url("./../images/landing-footer-background.webp");
    background-image: -webkit-image-set(
      url("./../images/landing-footer-background.webp") 1x
    );
    background-color: #fcfcff;
    background-size: 99% 98%;
    background-repeat: no-repeat;
  }
  .mobile-mockupresponsive {
    width: 52%;
    background: unset;
    margin-top: 26px !important;
  }
  .mob-image-mechanic {
    position: absolute;
    left: 252px;
    padding-top: 39px;
  }
}
@media only screen and (min-device-width: 400px) and (max-device-width: 480px) {
  .or-text {
    margin-top: 7px;
    margin-left: 10px;
  }
  .tick-sprite {
    background-position: 52px 0px;
  }
  .exteriot-text {
    width: 29px;
  }
  .comprehensive-text {
    padding-left: 10px;
  }
  .tick-icon-resp {
    width: 28px !important;
  }
  #listView,
  #listView1 {
    height: 660px;
  }
  .callBookNowButton {
    margin-top: 450px !important;
  }
  .mob-image-mechanic {
    position: absolute;
    left: 72px;
    top: 79px;
  }
  .mobile-mob {
    margin-left: 20px;
  }
  .absolute-block-text {
    left: 21%;
  }
}
@media screen and (max-width: 380px) {
  .comprehensive-text {
    padding-left: 10px;
  }
  .tick-sprite {
    background-position: 48px 0px;
  }
  .form-control {
    width: 208px !important;
  }
  .mobile-mob {
    margin-left: -5px;
  }
  .absolute-block-text {
    left: 18%;
  }
  .download-head {
    width: 86%;
  }
  .download-description {
    width: 92%;
  }
  .smallicon-back-width {
    width: 22px !important;
  }
  .compre-fifty {
    width: 30px !important;
  }
  .tick-icon-resp {
    width: 22px !important;
  }
  .appmobplay-size,
  .appmobstore-size {
    width: 168px;
    height: 62px;
  }
  .download-part {
    margin-left: 28px;
  }
}
@media screen and (max-width: 800px) and (min-width: 768px) {
  .absolute-block-text {
    left: 17%;
  }
  .or-text {
    margin-top: 50px;
    margin-left: 4px;
  }
  #footer-background {
    background-image: url(./../images/landing-footer-background.webp);
    background-image: -webkit-image-set(
      url(./../images/landing-footer-background.webp) 1x
    );
    background-color: #fcfcff;
    background-size: 99% 100%;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 2600px) and (min-width: 2500px) {
  .service-text-list {
    width: 40%; /* display: inline-block; */
  }
  .ser-sec-left {
    padding-right: 6%;
    width: 40%;
  }
} /* New page css */
.model-popup {
  /* position: f; */ /* position: absolute; z-index: 100; height: 640px; width: 814px; */
  border-radius: 3px;
  background: linear-gradient(
    rgb(245, 236, 170),
    orange
  ); /* margin-left: 18%; */
  padding-left: 29px;
  padding-right: 35px; /* margin-top: 3%; */
}
.desktop-model {
  background-image: url("../images/group-icons.svg");
  height: 640px;
  width: 100%;
}
.mixed-image {
  margin-left: 30px;
}
.information {
  text-align: -webkit-center;
}
.form {
  margin-top: 29px;
  margin-left: 18px;
  width: 300px; /* height: 263px; */
  background: orange;
  padding-left: 23px;
  padding-right: 27px;
  padding-top: 25px;
  padding-bottom: 20px;
}
.text {
  height: 42px;
  width: 250px;
  border-radius: 5px;
  border: none;
  padding-left: 15px;
  font-family: "Century Gothic";
  font-size: 13px;
  outline: none;
}
.space {
  margin-top: 10px;
}
.submit {
  height: 42px;
  width: 250px;
  border-radius: 5px;
  border: none;
  font-family: "Century Gothic";
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  background-color: #ed3124;
  margin-top: 15px;
  outline: none;
}
.group {
  /* width: 309px ; */ /* height: 445px ; */ /* background-color: white; */
  margin-top: 48px; /* opacity: 0.3; */ /* margin-left: 25px; */
}
.offers {
  text-align: right;
  font-family: "Century Gothic";
  font-size: 38px;
  color: #00030e;
}
.weight {
  font-weight: bold;
}
.amount {
  margin-top: 7px;
  color: #ed3124;
  font-family: "Century Gothic";
  font-size: 60px;
  font-weight: bold;
  text-align: right;
}
.boxs {
  margin-top: 19px;
  text-align: right;
}
.hours-box {
  height: 42px;
  width: 50px;
  border-radius: 5px;
  background-color: #ed3124;
  color: #ffffff;
  font-family: "Century Gothic";
  font-size: 24px;
  font-weight: bold;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 6px;
  padding-bottom: 7px;
}
.image-group {
  margin-right: 50%;
}
.time {
  text-align: right;
  margin-top: -5px;
}
.same {
  padding-left: 11px;
  padding-right: 12px;
  padding-top: 6px;
  padding-bottom: 7px;
  background-color: #454b51;
  font-size: 27px;
  color: #ffffff;
  font-family: "Century Gothic";
  font-size: 24px;
  font-weight: bold;
}
.carcility-logos {
  margin-top: -40px;
  height: 16px;
  width: 179px;
  margin-left: 43px;
}
.partner {
  color: #00030e;
  font-family: "Century Gothic";
  font-size: 10px;
  margin-left: 44px;
  margin-top: -15px;
}
.days {
  margin-right: 30px;
}
.hours {
  margin-right: 23px;
}
.minutes {
  margin-right: 15px;
}
.show-time {
  color: #00030e;
  font-family: "Century Gothic";
  font-size: 10px; /* margin-right: 5px; */
}
.dots {
  color: #454b51;
  padding-right: 8px;
  padding-left: 8px;
  font-size: 30px;
}
.group3 {
  height: 337px;
  width: 510px;
  margin-top: 90px; /* margin-left: 5%; */
  font-family: "Century Gothic";
}
.thank-ful {
  text-align: center;
  color: #00030e;
  font-family: "Century Gothic";
  font-size: 40px;
}
.team {
  margin-top: 38px;
}
.more {
  margin-top: 61px;
  margin-left: 40%;
  height: 42px;
  width: 250px;
  border-radius: 5px;
  background-color: #ed3124;
  font-family: "Century Gothic";
  border: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  outline: none;
}
.popup-content {
  padding-top: 29px;
}
.desktop-log {
  height: 33px;
  width: 32px;
}
.mobile-popups {
  display: none;
}
.social-media-icons {
  margin-left: 40%;
  margin-top: 57px;
}
.nospace {
  margin-top: 0px;
  margin-bottom: 0px;
  color: red;
  font-family: "Century Gothic";
  font-weight: normal;
  font-size: 10px;
}
.popup-close {
  margin-top: -7px;
  margin-left: 2px;
  color: #717982;
  font-family: material;
}

div#new-icons {
  position: fixed;
  right: 10px;
  display: grid;
  /* padding: 14px; */
  bottom: 80px;
  z-index: 99999;
}
.widget-visible {
  display: none !important;
}

.best-icons {
  height: 50px;
  width: 50px;
  overflow: hidden;
  border-radius: 50%;
  display: inline-block;
  background-color: ffffff;
  border: none;
  text-align: center;
  display: inline-block;
  margin: 5px;
}
.quickIcon-whatsapp,
.quickIcon-phone,
.quickIcon-chat {
  background-image: url("../images/quickicon-sprite.svg");
  background-repeat: no-repeat;
  height: 80px;
  width: 423px;
}
.quickIcon-whatsapp {
  background-position: -246px -10px;
}
.quickIcon-phone {
  background-position: -304.5px -10px;
}
.quickIcon-chat {
  background-position: -363px -10px;
}

.desk {
  display: none;
} /* #popupform{display: none;}*/
.mobile-popups {
  display: block;
}
.model-popup-mobile {
  width: 100%; /* height: 563px; */
  background-image: linear-gradient(
    rgb(245, 236, 170),
    orange
  ); /* margin-top: 30%; */ /* margin-left: 9%; */
  padding-left: 50px;
  padding-right: 13%; /* position: absolute; z-index: 100; */
}
.mobile-modal {
  padding-top: 20px; /* height: 563px; */
  padding-bottom: 20px;
  width: 100%;
  background-image: url("../images/Group 2.svg");
}
.mobile-modal .form {
  /* margin-left: 0px; */ /* height: 237px; */
  width: 300px;
  padding-left: 35px;
}
.mobile-log {
  height: 33px;
  width: 32px;
}
.desktop .group {
  display: none;
}
.mobile-modal .group {
  height: 177px; /* width: 250px; */ /* display: block; */
  margin-top: 20px; /* margin-left: 0px; */
}
.offers {
  color: #00030e;
  font-family: "Century Gothic";
  font-size: 16px;
}
.mixed-image {
  display: none;
}
.mobile-modal .amount {
  font-size: 30px;
}
.boxs {
  margin-left: -45px;
  margin-top: 10px;
}
.time {
  margin-left: -20px;
}
.thank-ful {
  text-align: center;
  color: #00030e;
  font-family: "Century Gothic";
  font-size: 16px;
}
.team {
  margin-top: 22px;
}
.group3 {
  margin-top: 127px;
  margin-left: 0px;
}
.more {
  margin-top: 47px;
  margin-left: 10%;
  height: 42px;
  width: 250px;
  border-radius: 5px;
  background-color: #ed3124;
  font-family: "Century Gothic";
  border: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  color: #ffffff;
  outline: none;
}
.social-media-icons {
  margin-left: 10%;
  margin-top: 110px;
}
.close-small {
  margin-left: -10px;
}
.info-box {
  padding: 0px;
}
.dots {
  padding-right: 4px;
  padding-left: 4px;
}


@media screen and (max-width: 480px) {
  
  .widget-visible {
    display: none !important;
  }

  .best-icons {
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    background-color: ffffff;
    border: none;
    text-align: center;
    display: inline-block;
    margin: 5px;
  }
  .quickIcon-whatsapp,
  .quickIcon-phone,
  .quickIcon-chat {
    background-image: url("../images/quickicon-sprite.svg");
    background-repeat: no-repeat;
    height: 80px;
    width: 423px;
  }
  .quickIcon-whatsapp {
    background-position: -246px -10px;
  }
  .quickIcon-phone {
    background-position: -304.5px -10px;
  }
  .quickIcon-chat {
    background-position: -363px -10px;
  }

  .desk {
    display: none;
  } /* #popupform{display: none;}*/
  .mobile-popups {
    display: block;
  }
  .model-popup-mobile {
    width: 100%; /* height: 563px; */
    background-image: linear-gradient(
      rgb(245, 236, 170),
      orange
    ); /* margin-top: 30%; */ /* margin-left: 9%; */
    padding-left: 50px;
    padding-right: 13%; /* position: absolute; z-index: 100; */
  }
  .mobile-modal {
    padding-top: 20px; /* height: 563px; */
    padding-bottom: 20px;
    width: 100%;
    background-image: url("../images/Group 2.svg");
  }
  .mobile-modal .form {
    /* margin-left: 0px; */ /* height: 237px; */
    width: 300px;
    padding-left: 35px;
  }
  .mobile-log {
    height: 33px;
    width: 32px;
  }
  .desktop .group {
    display: none;
  }
  .mobile-modal .group {
    height: 177px; /* width: 250px; */ /* display: block; */
    margin-top: 20px; /* margin-left: 0px; */
  }
  .offers {
    color: #00030e;
    font-family: "Century Gothic";
    font-size: 16px;
  }
  .mixed-image {
    display: none;
  }
  .mobile-modal .amount {
    font-size: 30px;
  }
  .boxs {
    margin-left: -45px;
    margin-top: 10px;
  }
  .time {
    margin-left: -20px;
  }
  .thank-ful {
    text-align: center;
    color: #00030e;
    font-family: "Century Gothic";
    font-size: 16px;
  }
  .team {
    margin-top: 22px;
  }
  .group3 {
    margin-top: 127px;
    margin-left: 0px;
  }
  .more {
    margin-top: 47px;
    margin-left: 10%;
    height: 42px;
    width: 250px;
    border-radius: 5px;
    background-color: #ed3124;
    font-family: "Century Gothic";
    border: none;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    color: #ffffff;
    outline: none;
  }
  .social-media-icons {
    margin-left: 10%;
    margin-top: 110px;
  }
  .close-small {
    margin-left: -10px;
  }
  .info-box {
    padding: 0px;
  }
  .dots {
    padding-right: 4px;
    padding-left: 4px;
  }
}
@media screen and (min-width: 1500px) {
  .gallery-cell {
    width: 285px;
    height: 500px;
    margin-right: 10px;
    counter-increment: gallery-cell;
    opacity: 0.5;
  }
  .whyLove-mech {
    width: 100%;
  }
  .is-selected .whyplus-content-back {
    display: block;
    height: 530px;
    width: 317px;
  }
  .brand-align {
    padding: 106px 7% 0px 7%;
    background: #fbfbfb;
  }
  .download-image {
    width: 295px;
    height: 470px;
    margin-left: 25%;
  }
}
@media screen and (max-width: 991px) {
  .menu-align {
    float: right;
    padding-right: 16px;
    padding-top: 5px;
    width: 40px;
    margin-top: -78px;
  }
}