body {
  font-family: 'Roboto', sans-serif; }

img {
  max-width: 100%; }

h1 {
  font-family: Roboto;
  font-size: 29px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  color: #001e4a; }

p {
  color: #6d7783;
  font-weight: 300; }

.home-banner-h1 {
  margin-bottom: 30px; }
  .home-banner-h1 span {
    display: block; }

.home-banner-list {
  display: flex;
  justify-content: space-between;
  padding-left: 0px;
  margin-top: 68px; }
  .home-banner-list li {
    list-style: none;
    display: flex;
    align-items: center; }
    .home-banner-list li img {
      margin-right: 10px; }
    .home-banner-list li h3 {
      font-size: 13px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.38;
      letter-spacing: normal;
      text-align: left;
      color: #001e4a; }
      .home-banner-list li h3 span {
        display: block; }

.section-title {
  font-size: 24px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.79;
  letter-spacing: normal;
  color: #001e4a; }

.section-para {
  font-size: 18px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.23;
  letter-spacing: normal;
  color: #222a41; }

.blue-section {
  background-image: linear-gradient(to bottom, rgba(52, 58, 64, 0.15) -133%, rgba(255, 255, 255, 0.22) 75%);
  padding: 20px 0px 73px; }

.sell-car-section {
  background-image: linear-gradient(to bottom, rgba(52, 58, 64, 0.15) -133%, rgba(255, 255, 255, 0.22) 75%);
  padding: 20px 0px 73px; }

.frequently-ask-question-section {
  background-image: linear-gradient(to bottom, rgba(52, 58, 64, 0.15) -133%, rgba(255, 255, 255, 0.22) 75%);
  padding: 20px 0px 73px; }

.ready-sell-your-car-section {
  background-image: linear-gradient(to bottom, rgba(240, 233, 0, 0.22) -130%, rgba(255, 255, 255, 0.22) 71%);
  padding: 20px 0px 73px; }

.white-section {
  background-color: #ffffff;
  padding: 20px 0px 73px; }

.timeline {
  padding-left: 0px;
  display: flex;
  list-style: none;
  margin-top: 30px; }
  .timeline li {
    text-align: center; }
    .timeline li .timeline-badge {
      display: inline-block;
      background: white;
      padding: 15px 19px;
      border-radius: 50%;
      box-shadow: 0 3px 10px 0 #41728f2b;
      background-color: #ffffff;
      z-index: 10;
      position: relative; }
      .timeline li .timeline-badge img {
        width: 30px;
        height: 40px; }
    .timeline li h3 {
      font-size: 18px;
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 2.78;
      letter-spacing: normal;
      color: #001e4a;
      margin-top: 11px; }
    .timeline li p {
      font-size: 14px;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.93;
      letter-spacing: normal;
      text-align: center;
      color: #222a41; }
  .timeline .timeline-item {
    position: relative; }
  .timeline .timeline-item::after {
    position: absolute;
    content: '';
    border: dashed 0.5px #989696;
    width: 68%;
    top: 33px;
    left: 66%; }
  .timeline .time-line-last-child::after {
    width: 0px; }

.why-choose-us-box {
  margin: 50px 0 0;
  padding: 40px 30px 39px;
  box-shadow: 0 8px 20px 0 rgba(111, 111, 111, 0.2);
  background-color: #ffffff;
  display: flex;
  list-style: none; }
  .why-choose-us-box li {
    display: flex; }
    .why-choose-us-box li img {
      width: 40px;
      height: 40px; }
    .why-choose-us-box li h3 {
      font-size: 16px;
      font-weight: 900;
      line-height: 3.13;
      text-align: left;
      color: #001e4a; }
    .why-choose-us-box li p {
      font-size: 14px;
      line-height: 1.57;
      text-align: left;
      color: #686565; }

.blue-color-badge {
  box-shadow: 0 6px 10px 0 #4885fa4d;
  background-color: #4885fa;
  display: inline-table;
  padding: 5px 13px;
  margin-right: 9px;
  border-radius: 25px; }

.green-color-badge {
  box-shadow: 0 6px 10px 0 rgba(38, 193, 149, 0.28);
  background-color: #26c195;
  display: inline-table;
  padding: 5px 13px;
  margin-right: 9px;
  border-radius: 25px; }

.yellow-color-badge {
  box-shadow: 0 6px 10px 0 rgba(248, 197, 70, 0.3);
  background-color: #f8c546;
  display: inline-table;
  padding: 5px 13px;
  margin-right: 9px;
  border-radius: 25px; }

.purple-color-badge {
  box-shadow: 0 6px 10px 0 rgba(125, 141, 224, 0.3);
  background-color: #7e8de0;
  display: inline-table;
  padding: 5px 13px;
  margin-right: 9px;
  border-radius: 25px; }

.sell-car-section-box {
  border-radius: 20px;
  box-shadow: 0 8px 20px 0 #6f6f6f33;
  background-color: #ffffff;
  display: flex;
  padding: 26px 14px;
  align-items: center; }
  .sell-car-section-box .mobile-flex-box {
    display: flex; }
  .sell-car-section-box img {
    width: 419px;
    padding-right: 27px; }
  .sell-car-section-box h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
    text-align: left;
    color: #001e4a; }
  .sell-car-section-box button {
    padding: 14px 30px 13px;
    border-radius: 3px;
    border: solid 1px #343a40;
    background-color: #343a40;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    color: #f0e900;
    cursor: pointer;
    width: 100%; }

.custom-accordion .card {
  background: none !important;
  border: none;
  border-radius: 0px;
  border-bottom: solid 1px rgba(0, 30, 74, 0.08);
  font-size: 16px;
  line-height: 1.17;
  text-align: left;
  color: #00060e; }
.custom-accordion .card-header {
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  padding: 24px 0px; }
  .custom-accordion .card-header img {
    float: right; }
.custom-accordion .collapsed img {
  float: right;
  transform: rotate(-90deg); }
.custom-accordion .card-body {
  font-weight: 300;
  font-size: 16px;
  line-height: 25px;
  padding: 0px 0px 22px; }

.contact-help-center-button {
  padding: 14px 63px 13px 64px;
  border-radius: 3px;
  border: solid 1px #343a40;
  background-color: #343a40;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  color: #f0e900;
  cursor: pointer;
  margin: 30px auto; }

.ready-sell-last {
  display: flex;
  align-items: center; }
  .ready-sell-last img {
    width: 730px; }
  .ready-sell-last h3 {
    font-size: 25px;
    font-weight: 900;
    line-height: 1.79;
    text-align: left;
    color: #001e4a; }
  .ready-sell-last button {
    padding: 11px 19px 10px 18px;
    border-radius: 4px;
    background-color: #343a40;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.33;
    color: #f0e900;
    border: none; }

.testimonial-carousel {
  overflow: hidden; }

#tesionmonail_items {
  overflow: hidden; }

.testimonial-items {
  position: relative;
  overflow: hidden;
  color: #fff; }

.star-checked {
  color: orange; }

.testimonial-item {
  width: 343px;
  height: 100%;
  transition: transform 1s;
  float: left;
  margin: 26px 16px 22px 12px;
  padding: 30px 24px 30px 30px;
  border-radius: 10px;
  box-shadow: 0 8px 20px 0 rgba(111, 111, 111, 0.2);
  background-color: #ffffff; }
  .testimonial-item p {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.69;
    text-align: left;
    color: #222a41;
    margin-top: 22px; }
  .testimonial-item h3 {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.35;
    text-align: left;
    color: #222a41; }

.testimonial-items {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.user-details {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .user-details .user-image {
    width: 53px; }
  .user-details .rating-image {
    width: 110px; }

.appointment-progress-bar {
  padding-left: 0px;
  list-style: none;
  display: flex;
  justify-content: space-between;
  margin-top: 28px; }
  .appointment-progress-bar li {
    position: relative;
    text-align: center; }
    .appointment-progress-bar li span::before {
      content: '';
      position: absolute;
      border: solid 1px #a4afbe;
      width: 15px;
      height: 14px;
      border-radius: 10px;
      left: 23px;
      right: 0px;
      top: -24px;
      bottom: 0;
      z-index: 100; }
    .appointment-progress-bar li span::after {
      content: '';
      position: absolute;
      background: #fcfc63;
      width: 15px;
      height: 14px;
      border-radius: 10px;
      left: 27px;
      right: 0px;
      top: -24px;
      bottom: 0; }
    .appointment-progress-bar li span {
      font-size: 14px;
      line-height: 3.13;
      text-align: left;
      color: #d9dde4;
      position: relative; }
    .appointment-progress-bar li .initiate-progress-color::before {
      border: solid 1px #001e4a; }
    .appointment-progress-bar li .initiate-progress-color {
      color: #001e4a; }
  .appointment-progress-bar li::after {
    content: '';
    position: absolute;
    border: dashed 1px #7070707a;
    width: auto;
    left: 54px;
    top: -5px;
    width: 179px; }
  .appointment-progress-bar .personal-info-li::after {
    width: 189px; }
  .appointment-progress-bar .li-last-child::after {
    content: '';
    position: absolute;
    border: none;
    width: auto;
    left: 53px;
    top: -5px;
    width: 78%; }
  .appointment-progress-bar li.active::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 9px;
    background: url(./../images/Icon-feather-check.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: 29px;
    top: -10px;
    z-index: 1000; }
  .appointment-progress-bar li.active::after {
    border-color: #000; }

.search-input {
  position: relative; }
  .search-input ::placeholder {
    color: #001e4a;
    opacity: 1;
    /* Firefox */ }
  .search-input :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #001e4a; }
  .search-input ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #001e4a; }
  .search-input .fa {
    position: absolute;
    z-index: 100;
    top: 9px; }
  .search-input input {
    width: 77%;
    border: none;
    border-bottom: solid 1px #d4d4d4;
    outline: none;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #001e4a;
    padding: 5px 23px 6px; }

.popular-cities {
  margin-top: 10px; }
  .popular-cities h6 {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 4.17;
    letter-spacing: normal;
    text-align: left;
    color: #001e4a; }

.select-default-ul {
  list-style: none;
  padding-left: 0px; }
  .select-default-ul li:hover {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #343a40;
    background-color: #e9e9e9;
    color: #001e4a; }
  .select-default-ul li.selected {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    border: solid 1px #005cea;
    background-color: #c8dcfb;
    color: #001e4a; }
  .select-default-ul li {
    box-shadow: 0 3px 6px 0 #00000029;
    background-color: #ffffff;
    font-family: HelveticaNeue;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.31;
    color: #001e4a;
    text-transform: capitalize;
    float: left;
    display: inline;
    padding: 12px 12px;
    margin: 11px 37px 8px 1px;
    width: 138px;
    text-align: center;
    cursor: pointer;
    border: solid 1px #fff; }
    .select-default-ul li .comming-soon {
      font-family: Roboto;
      font-size: 10px;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.3;
      letter-spacing: normal;
      text-align: left;
      color: #f0e900; }

.home-banner-selection-button {
  padding: 15px 22px 15px 25px;
  border-radius: 4px;
  background-color: #343a40;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  color: #f0e900;
  border: none; }

.list-of-search-cities {
  display: none;
  position: absolute;
  width: 79%;
  max-height: 190px;
  margin: 7px 0 0;
  border-radius: 8px;
  box-shadow: 0 3px 6px 0 #00000029;
  background-color: #ffffff;
  overflow-y: scroll; }
  .list-of-search-cities ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px; }
    .list-of-search-cities ul li {
      color: #001e4a;
      font-size: 17px;
      text-transform: capitalize;
      padding: 9px 17px;
      cursor: pointer; }
    .list-of-search-cities ul li.selected, .list-of-search-cities ul li:hover {
      background-color: #e9e9e9;
      color: #001e4a; }

/* width */
::-webkit-scrollbar {
  width: 7px; }

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #abb5c4;
  border-radius: 10px; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #001e4a;
  border-radius: 10px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #001e4a; }

.service-not-aviliable {
  display: none; }
  .service-not-aviliable .box {
    padding: 30px 14px;
    border-radius: 8px;
    box-shadow: 0 3px 6px 0 #00000029;
    background-color: #ffffff;
    text-align: center;
    margin-top: 21px; }
    .service-not-aviliable .box h3 {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.19;
      color: #001e4a;
      margin-top: 10px; }
    .service-not-aviliable .box h4 {
      font-size: 14px;
      font-weight: bold;
      line-height: 1.19;
      color: #001e4a; }
    .service-not-aviliable .box button {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.36;
      color: #f0e900;
      padding: 11px 59px 12px 60px;
      border-radius: 3px;
      border: solid 1px #f0e900;
      background-color: #343a40;
      cursor: pointer;
      margin-top: 10px; }
  .service-not-aviliable .go-back-home-text {
    margin-top: 68px;
    display: block;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #001e4a; }

.vehicle-detail-enter-div .vehicle-slider-div {
  overflow: hidden;
  height: 430px; }
.vehicle-detail-enter-div h6 {
  font-size: 14px;
  line-height: 1.36;
  color: #4a4a4a; }
.vehicle-detail-enter-div .vehicle-slider {
  margin-top: 23px; }
.vehicle-detail-enter-div .vehicle-slider .full-li {
  width: 100%;
  overflow: hidden;
  opacity: 0.4; }
.vehicle-detail-enter-div ul {
  list-style: none;
  padding-left: 0px; }
  .vehicle-detail-enter-div ul li h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.06;
    color: #001e4a;
    text-transform: uppercase;
    position: relative;
    display: inline-block; }
  .vehicle-detail-enter-div ul li h2::after {
    content: '';
    position: absolute;
    border: solid 1px #001e4a;
    width: 70%;
    left: 0;
    bottom: -12px; }
.vehicle-detail-enter-div .select-image-brand-fun li {
  padding: 12px 12px;
  margin: 11px 14px 7px 1px;
  width: 118px;
  height: 69px; }
  .vehicle-detail-enter-div .select-image-brand-fun li img {
    width: 20px;
    width: 78px; }

.vehicle-details-h6 span {
  position: relative;
  padding: 0px 7px;
  text-transform: capitalize; }

.poisiton-relative {
  position: relative; }

.material-textfield {
  position: relative;
  margin-top: 50px; }
  .material-textfield label {
    position: absolute;
    font-size: 13px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #001e4a;
    padding: 0 0.3rem;
    margin: 0 0.5rem;
    transition: .1s ease-out;
    transform-origin: left top;
    pointer-events: none;
    left: -12px; }
  .material-textfield input {
    outline: none;
    border: none;
    border-radius: 0px;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.06;
    letter-spacing: normal;
    text-align: left;
    color: #001e4a;
    transition: 0.1s ease-out;
    border-bottom: solid 1.5px #d4d4d4;
    width: 80%; }
  .material-textfield input:focus + label {
    top: 0;
    transform: translateY(-117%) scale(0.9);
    left: -12px; }
  .material-textfield input:not(:placeholder-shown) + label {
    top: 0;
    transform: translateY(-117%) scale(0.9);
    left: -12px; }

.otp-info {
  margin: 5.1px 295.3px 20px 0;
  font-size: 12px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #ababab; }

.styled-checkbox {
  position: absolute;
  opacity: 0; }

.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #00060e; }

.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 19px;
  height: 19px;
  background: white;
  border: solid 1px #908e8e;
  border-radius: 2px;
  outline: none; }

.styled-checkbox:hover + label:before {
  background: #fff; }

.styled-checkbox:checked + label:before {
  background: #000; }

.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto; }

.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd; }

.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 4px;
  top: 10px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: rotate(45deg); }

.send-otp-button {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.31;
  color: #333333;
  margin-top: 40px;
  padding: 14px 33px 12px;
  border-radius: 4px;
  border: solid 1px #343a40;
  background: none;
  outline: none !important;
  cursor: pointer; }

.vehicle-slider-bottom-button {
  margin-top: 30px; }
  .vehicle-slider-bottom-button ul {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center; }
    .vehicle-slider-bottom-button ul li {
      width: 10px;
      height: 10px;
      margin: 4px 0 4px 4px;
      background-color: #b9ceee;
      border-radius: 50%;
      cursor: pointer;
      margin-right: 7px; }
    .vehicle-slider-bottom-button ul li.active {
      background-color: #fa7269; }
    .vehicle-slider-bottom-button ul li.progress-active {
      background-color: #fa7269;
      box-shadow: 0px 0px 6px #ff2517; }

.enter-otp-div {
  margin-top: 40px; }
  .enter-otp-div .otp-inputs-div input {
    width: 38px;
    height: 38px;
    text-align: center;
    outline: none;
    border: solid 1px #d4d4d4;
    border-radius: 3px;
    float: left;
    margin-right: 16px; }
  .enter-otp-div .verify-button {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.31;
    color: #f0e903;
    padding: 11px 54px 11px 54px;
    border-radius: 4px;
    background-color: #343a40;
    border: none;
    margin-left: 20px;
    cursor: pointer; }

.grey-color-checkbox {
  color: #9b9b9b !important; }

.h4-test-driver-quest {
  font-size: 16px;
  line-height: 1.31;
  letter-spacing: normal;
  text-align: left;
  color: #001e4a;
  margin-top: 11px;
  font-weight: normal; }

.normal-button {
  width: 130px;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  text-align: center;
  color: #5c6065;
  padding: 10px 31px 11px;
  border-radius: 3px;
  border: solid 1px #e6e6f0;
  background-color: #ffffff;
  outline: none !important;
  cursor: pointer; }

.active-button {
  border: solid 1px #343a40;
  background-color: #e9e9e9;
  color: #5c6065; }

.normal-button:hover {
  border: solid 1px #343a40;
  background-color: #e9e9e9;
  color: #5c6065; }

.dealership-location {
  margin-top: 30px; }
  .dealership-location .content-div {
    display: flex;
    align-items: center; }
    .dealership-location .content-div h4 {
      font-size: 15px;
      color: #001e4a;
      margin-bottom: 0px; }
    .dealership-location .content-div h6 {
      font-size: 13px;
      color: #5c6065; }

.home-flex-input {
  justify-content: space-between;
  width: 78%;
  display: flex; }
  .home-flex-input input {
    width: 100%; }

.select-date-option {
  overflow: hidden; }
  .select-date-option li {
    list-style: none;
    background-color: #f8f8f8;
    border: solid 1px #fff;
    color: #5c6065;
    cursor: pointer;
    width: 58px;
    height: 52px;
    text-align: center;
    padding: 4px 4px;
    float: left;
    border-radius: 3px;
    margin-right: 20px; }
    .select-date-option li span {
      display: block;
      font-weight: bold;
      font-size: 15px; }
    .select-date-option li span:last-child {
      font-size: 12px; }
  .select-date-option li:hover {
    border: solid 1px #343a40;
    background-color: #e9e9e9; }
  .select-date-option li.active-date {
    border: solid 1px #343a40;
    background-color: #e9e9e9; }

.select-time-sheet li {
  list-style: none;
  border: solid 1px #e6e6f0;
  background-color: #ffffff;
  color: #5c6065;
  cursor: pointer;
  width: 148px;
  text-align: center;
  padding: 10px 10px;
  float: left;
  border-radius: 3px;
  margin-right: 20px; }
  .select-time-sheet li span {
    display: block;
    font-weight: bold;
    font-size: 15px; }
  .select-time-sheet li span:last-child {
    font-size: 12px; }
.select-time-sheet li:hover {
  border: solid 1px #343a40;
  background-color: #e9e9e9; }
.select-time-sheet li.active-time {
  border: solid 1px #343a40;
  background-color: #e9e9e9; }

.last-submit-book-inpection-div {
  display: none; }
  .last-submit-book-inpection-div .home-banner-selection-button {
    margin-top: 76px; }

.successfully-appointme-div .box {
  padding: 11px 14px 1px;
  border-radius: 8px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #ffffff; }
.successfully-appointme-div .home-inspection {
  display: flex;
  padding: 13px 14px 8px 17px;
  background-color: #8e8e8e73;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px; }
  .successfully-appointme-div .home-inspection .img-div {
    background: #8e8e8e;
    border-radius: 50%;
    height: 28px;
    width: 35px;
    text-align: center;
    margin-right: 10px;
    margin-top: -4px; }
  .successfully-appointme-div .home-inspection h1 {
    font-size: 22px;
    font-weight: 900;
    line-height: 2.27;
    color: #333333; }

.final-information h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.19;
  color: #001e4a; }
.final-information .flex-items {
  display: flex;
  border-bottom: solid 1px #707070;
  padding: 7px 1px; }
  .final-information .flex-items .item {
    margin-right: 30px; }
  .final-information .flex-items h3 {
    font-size: 12px;
    opacity: 0.35;
    font-weight: normal;
    line-height: 1.58;
    text-align: left;
    color: #001e4a;
    margin-bottom: 2px; }
  .final-information .flex-items h4 {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: left;
    color: #001e4a; }
  .final-information .flex-items label {
    display: block; }
.final-information .remove-border {
  border-bottom: none; }

.home-two-side-button {
  display: flex;
  width: 100%;
  align-items: center;
  padding-top: 58px; }
  .home-two-side-button h5 {
    font-size: 12px;
    text-transform: uppercase; }
    .home-two-side-button h5 .price {
      text-decoration: line-through; }
    .home-two-side-button h5 .free-tag {
      background: green;
      color: #fff;
      padding: 1px 5px;
      border-radius: 3px; }
    .home-two-side-button h5 .limited-offer {
      color: #008000c9; }
  .home-two-side-button button {
    padding: 13px 90px; }
  .home-two-side-button h3 {
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: underline; }
  .home-two-side-button h4 {
    font-size: 11px;
    text-transform: uppercase;
    color: #6d6d6d; }

.justify-content-center {
  justify-content: center; }

.address-continue-button {
  padding: 12px 80px;
  margin-bottom: 37px; }

.last-back-home-text {
  color: #001e4a;
  text-decoration: underline;
  margin-top: 58px;
  display: block; }

.mobile-input-edit-button {
  position: absolute;
  right: 110px;
  top: -13px;
  border: none;
  background: none;
  cursor: pointer;
  display: none;
  outline: none !important; }

.tooltip-custom {
  position: relative;
  display: inline-block;
  background: #005cea;
  border: none;
  color: #fff;
  border-radius: 90px;
  padding: 2px 9px;
  font-size: 10px;
  cursor: pointer; }

.tooltip-custom .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  left: -120px;
  top: -20px; }

.tooltip-custom:hover .tooltiptext {
  visibility: visible; }

@media (max-width: 767px) {
  p {
    font-size: 12px; }

  .mobile-banner-interchange {
    display: flex;
    flex-direction: column-reverse; }

  .home-banner-h1 {
    margin-bottom: 0px;
    text-align: center;
    font-size: 18px; }
    .home-banner-h1 span {
      display: inline; }

  .home-banner-list {
    margin-top: 18px; }
    .home-banner-list li {
      align-items: inherit; }
      .home-banner-list li img {
        height: 29px; }

  .search-input input {
    width: 100%; }

  .appointment-progress-bar li::after {
    width: 120px; }

  .appointment-progress-bar .personal-info-li::after {
    width: 140px; }

  .select-default-ul li {
    margin: 11px 14px 8px 1px;
    width: 29%; }
    .select-default-ul li .comming-soon {
      display: none; }

  .home-two-side-button {
    align-items: center;
    padding-top: 29px;
    flex-direction: column; }
    .home-two-side-button h5 {
      margin-bottom: 15px; }
    .home-two-side-button h3 {
      font-size: 16px;
      margin-right: 9px; }
    .home-two-side-button .check-car-text {
      display: flex;
      align-items: center;
      margin: 32px 0px;
      margin-left: 0px !important; }

  .timeline {
    flex-direction: column;
    margin-left: 11px; }
    .timeline li h3 {
      font-size: 14px;
      line-height: 10px; }
    .timeline .timeline-item {
      display: flex;
      text-align: left;
      align-items: center; }
      .timeline .timeline-item p {
        text-align: left; }
      .timeline .timeline-item .timeline-badge {
        margin-right: 20px;
        padding: 9px 17px; }

  .timeline .timeline-item::after {
    border: none; }

  .section-title {
    font-size: 18px; }

  .section-para {
    font-size: 14px; }

  .why-choose-us-box {
    margin: 0px;
    padding: 0px;
    box-shadow: none;
    display: block;
    list-style: none; }
    .why-choose-us-box li {
      width: 47%;
      float: left;
      margin: 19px 6px 0px;
      border-radius: 9px;
      padding: 8px 4px 2px;
      box-shadow: 4px 8px 17px 0px #6f6f6f33;
      background-color: #ffffff;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .why-choose-us-box li .blue-color-badge {
        padding: 9px 10px;
        border-radius: 75px;
        margin-right: 0px; }
      .why-choose-us-box li .green-color-badge {
        padding: 10px 11px;
        margin-right: 0px;
        border-radius: 55px; }
      .why-choose-us-box li .yellow-color-badge {
        padding: 10px 10px;
        margin-right: 0px;
        border-radius: 55px; }
      .why-choose-us-box li h3 {
        text-align: center;
        font-size: 14px; }
      .why-choose-us-box li p {
        text-align: center; }

  .sell-car-section-box {
    display: block; }
    .sell-car-section-box .mobile-flex-box {
      flex-direction: row-reverse;
      display: flex; }
    .sell-car-section-box h3 {
      font-size: 16px; }
    .sell-car-section-box button {
      font-size: 15px;
      margin-top: 31px; }

  .testimonial-item {
    width: 358px;
    margin: 23px 10px 29px 13px; }
    .testimonial-item p {
      font-size: 13px; }
    .testimonial-item h3 {
      font-size: 16px; }

  .custom-accordion .card-header {
    font-size: 14px; }

  .mobile-no-padding {
    padding: 0px !important; }

  .ready-sell-last {
    display: block;
    text-align: center; }
    .ready-sell-last h3 {
      font-size: 18px;
      text-align: center; }
    .ready-sell-last button {
      margin-top: 21px;
      width: 100%; }

  .otp-info {
    margin: 5.1px 0px 20px 0; }

  .material-textfield input {
    font-size: 14px;
    width: 100%; }

  .send-otp-button {
    width: 100%; }

  .enter-otp-div label {
    color: #9b9b9b;
    font-size: 12px; }
  .enter-otp-div .verify-button {
    margin-left: 0px;
    display: block;
    width: 100%;
    margin-top: 60px; }

  .vehicle-detail-enter-div .vehicle-slider-div {
    height: 450px; }

  .home-flex-input {
    display: block;
    width: 100%; }

  .vehicle-detail-enter-div ul li h2 {
    font-size: 16px; }

  .mobil-flex-button {
    display: flex;
    justify-content: space-around;
    align-items: center; }
    .mobil-flex-button button {
      margin-right: 0px !important; }

  .select-time-sheet li {
    width: 117px;
    margin-right: 12px; }

  .home-banner-selection-button {
    width: 100%; }

  .final-information .flex-items {
    display: block; }

  .successfully-appointme-div .home-inspection {
    padding: 8px 11px 0px 13px; }
    .successfully-appointme-div .home-inspection .img-div {
      height: 23px;
      width: 30px; }
    .successfully-appointme-div .home-inspection h1 {
      font-size: 16px; }
  .successfully-appointme-div .final-information h3 {
    font-size: 14px; }
  .successfully-appointme-div .final-information .flex-items .item {
    display: flex;
    margin-right: 0px; }
  .successfully-appointme-div .final-information h4 {
    font-size: 14px;
    margin-left: 12px; }

  .mobile-input-edit-button {
    right: 0px; }

  .tooltip-custom {
    font-size: 10px;
    width: 20px;
    height: 18px;
    cursor: pointer; } }
@media (max-width: 700px) {
  .testimonial-item {
    width: 488px; } }
@media (max-width: 500px) {
  .select-default-ul li {
    margin: 11px 9px 8px 1px;
    width: 29%; }

  .why-choose-us-box li {
    width: 46%; }

  .timeline .timeline-item .timeline-badge {
    margin-right: 20px;
    padding: 5px 17px; }

  .testimonial-item {
    width: 301px; }

  .select-time-sheet li {
    width: 96px;
    margin-right: 10px;
    padding: 10px 0px;
    font-size: 12px; }

  .appointment-progress-bar li::after {
    width: 76px; }

  .appointment-progress-bar .personal-info-li::after {
    width: 89px; } }

/*# sourceMappingURL=main.css.map */