@charset "UTF-8";
.container {
  margin-top: 40px;
}

.panel-heading {
  display: inline;
  font-weight: bold;
}

.flex-table {
  display: table;
}

.display-tr {
  display: table-row;
}

.display-td {
  display: table-cell;
  vertical-align: middle;
  width: 55%;
}

input {
  border-radius: 0;
}

.display-sm-none {
  display: block !important;
}

@media screen and (max-width: 767px) {
  .flex-direction-r {
    flex-direction: column-reverse;
  }

  .display-sm-none {
    display: none !important;
  }

  .d-sm-none {
    display: none !important;
  }
}
#online_payment_card {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "Raleway";
  /* CREDIT CARD IMAGE STYLING */
  /* CHANGEABLE CARD ELEMENTS */
  /* FRONT OF CARD */
  /* BACK OF CARD */
  /* FLIP ANIMATION */
}
#online_payment_card .payment-title {
  width: 100%;
  text-align: center;
}
#online_payment_card .form-container .field-container:first-of-type {
  grid-area: name;
}
#online_payment_card .form-container .field-container:nth-of-type(2) {
  grid-area: number;
}
#online_payment_card .form-container .field-container:nth-of-type(3) {
  grid-area: expiration;
}
#online_payment_card .form-container .field-container:nth-of-type(4) {
  grid-area: security;
}
#online_payment_card .field-container input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#online_payment_card .field-container {
  position: relative;
}
#online_payment_card .form-container {
  display: grid;
  grid-column-gap: 10px;
  grid-template-columns: auto auto;
  grid-template-rows: 90px 90px 90px;
  grid-template-areas: "name name" "number number" "expiration security";
  padding: 20px;
  color: #707070;
}
#online_payment_card label {
  padding-bottom: 5px;
  font-size: 13px;
}
#online_payment_card input {
  margin-top: 3px;
  padding: 15px;
  font-size: 16px;
  width: 100%;
  border: 1px solid #dcdcdc;
}
#online_payment_card .ccicon {
  height: 38px;
  position: absolute;
  right: 6px;
  top: calc(50% - 17px);
  width: 60px;
}
#online_payment_card .preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}
#online_payment_card .container {
  width: 100%;
  max-width: 400px;
  max-height: 251px;
  height: 54vw;
  padding: 20px;
}
#online_payment_card #ccsingle {
  position: absolute;
  right: 15px;
  top: 20px;
}
#online_payment_card #ccsingle svg {
  width: 100px;
  max-height: 60px;
}
#online_payment_card .creditcard svg#cardfront,
#online_payment_card .creditcard svg#cardback {
  width: 100%;
  -webkit-box-shadow: 1px 5px 6px 0px black;
  box-shadow: 1px 5px 6px 0px black;
  border-radius: 22px;
}
#online_payment_card #generatecard {
  cursor: pointer;
  float: right;
  font-size: 12px;
  color: #fff;
  padding: 2px 4px;
  background-color: #909090;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}
#online_payment_card .creditcard .lightcolor,
#online_payment_card .creditcard .darkcolor {
  -webkit-transition: fill 0.5s;
  transition: fill 0.5s;
}
#online_payment_card .creditcard .lightblue {
  fill: #03A9F4;
}
#online_payment_card .creditcard .lightbluedark {
  fill: #0288D1;
}
#online_payment_card .creditcard .red {
  fill: #ef5350;
}
#online_payment_card .creditcard .reddark {
  fill: #d32f2f;
}
#online_payment_card .creditcard .purple {
  fill: #ab47bc;
}
#online_payment_card .creditcard .purpledark {
  fill: #7b1fa2;
}
#online_payment_card .creditcard .cyan {
  fill: #26c6da;
}
#online_payment_card .creditcard .cyandark {
  fill: #0097a7;
}
#online_payment_card .creditcard .green {
  fill: #66bb6a;
}
#online_payment_card .creditcard .greendark {
  fill: #388e3c;
}
#online_payment_card .creditcard .lime {
  fill: #d4e157;
}
#online_payment_card .creditcard .limedark {
  fill: #afb42b;
}
#online_payment_card .creditcard .yellow {
  fill: #ffeb3b;
}
#online_payment_card .creditcard .yellowdark {
  fill: #f9a825;
}
#online_payment_card .creditcard .orange {
  fill: #ff9800;
}
#online_payment_card .creditcard .orangedark {
  fill: #ef6c00;
}
#online_payment_card .creditcard .grey {
  fill: #bdbdbd;
}
#online_payment_card .creditcard .greydark {
  fill: #616161;
}
#online_payment_card #svgname {
  text-transform: uppercase;
}
#online_payment_card #cardfront .st2 {
  fill: #FFFFFF;
}
#online_payment_card #cardfront .st3 {
  font-family: "Source Code Pro", monospace;
  font-weight: 600;
}
#online_payment_card #cardfront .st4 {
  font-size: 54.7817px;
}
#online_payment_card #cardfront .st5 {
  font-family: "Source Code Pro", monospace;
  font-weight: 400;
}
#online_payment_card #cardfront .st6 {
  font-size: 33.1112px;
}
#online_payment_card #cardfront .st7 {
  opacity: 0.6;
  fill: #FFFFFF;
}
#online_payment_card #cardfront .st8 {
  font-size: 24px;
}
#online_payment_card #cardfront .st9 {
  font-size: 36.5498px;
}
#online_payment_card #cardfront .st10 {
  font-family: "Source Code Pro", monospace;
  font-weight: 300;
}
#online_payment_card #cardfront .st11 {
  font-size: 16.1716px;
}
#online_payment_card #cardfront .st12 {
  fill: #4C4C4C;
}
#online_payment_card #cardback .st0 {
  fill: none;
  stroke: #0F0F0F;
  stroke-miterlimit: 10;
}
#online_payment_card #cardback .st2 {
  fill: #111111;
}
#online_payment_card #cardback .st3 {
  fill: #F2F2F2;
}
#online_payment_card #cardback .st4 {
  fill: #D8D2DB;
}
#online_payment_card #cardback .st5 {
  fill: #C4C4C4;
}
#online_payment_card #cardback .st6 {
  font-family: "Source Code Pro", monospace;
  font-weight: 400;
}
#online_payment_card #cardback .st7 {
  font-size: 27px;
}
#online_payment_card #cardback .st8 {
  opacity: 0.6;
}
#online_payment_card #cardback .st9 {
  fill: #FFFFFF;
}
#online_payment_card #cardback .st10 {
  font-size: 24px;
}
#online_payment_card #cardback .st11 {
  fill: #EAEAEA;
}
#online_payment_card #cardback .st12 {
  font-family: "Rock Salt", cursive;
}
#online_payment_card #cardback .st13 {
  font-size: 37.769px;
}
#online_payment_card .container {
  perspective: 1000px;
}
#online_payment_card .creditcard {
  width: 100%;
  max-width: 400px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition: -webkit-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s;
  cursor: pointer;
  min-height: 270px;
}
@media screen and (max-width: 676px) {
  #online_payment_card .creditcard {
    min-height: 220px;
  }
}
#online_payment_card .creditcard .front,
#online_payment_card .creditcard .back {
  position: absolute;
  width: 100%;
  max-width: 400px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  color: #47525d;
}
#online_payment_card .creditcard .back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#online_payment_card .creditcard.flipped {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

@media screen and (max-width: 767px) {
  .coolps-sm .vichles-class {
    display: inline-flex;
    width: calc(50% - 5px);
  }
}

#carslisting.row.accordion .coolps-sm {
  padding-left: 10px;
  font-size: 12px;
}
@media screen and (min-width: 767px) {
  #carslisting.row.accordion .filters-header {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #carslisting.row.accordion {
    flex-direction: column-reverse;
  }
  #carslisting.row.accordion .filters-header {
    display: block;
  }
  #carslisting.row.accordion .filters-header span.material-icons {
    font-size: 16px;
  }
}

.daterangepicker {
  border: 0px;
  margin-top: 0;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.daterangepicker td.start-date,
.daterangepicker td.end-date,
.daterangepicker td.start-date.end-date,
.daterangepicker td {
  border-radius: 0 !important;
  color: #000000;
}
.daterangepicker td.active,
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #0d6efd !important;
  color: #fff !important;
  border-radius: 4px;
}
.daterangepicker .applyBtn {
  border-radius: 4px !important;
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
  color: #fff !important;
  font-weight: 500;
  padding: 5px 14px;
}
.daterangepicker .applyBtn:hover {
  background-color: #0b5ed7 !important;
  border-color: #0a58ca !important;
}
.daterangepicker .cancelBtn {
  border-radius: 4px !important;
  background-color: #fff !important;
  border: 1px solid #ced4da !important;
  color: #495057 !important;
  font-weight: 500;
  padding: 5px 14px;
}
.daterangepicker .cancelBtn:hover {
  background-color: #f8f9fa !important;
  color: #212529 !important;
}
@media (min-width: 564px) {
  .daterangepicker td.start-date,
.daterangepicker td.end-date,
.daterangepicker td.start-date.end-date,
.daterangepicker td {
    font-size: 14px;
    padding: 0px 12px;
  }
  .daterangepicker .drp-calendar {
    max-width: none;
  }
}

.daterangepicker::before {
  border: 0px !important;
}

.pac-container:after {
  display: none !important;
}

.pac-container {
  z-index: 99999 !important;
}

.toasts {
  z-index: 1200;
}

.h-0 {
  z-index: -1;
  display: none !important;
}

#map.map-loctn {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 500 !important;
  display: block !important;
}

#map.map-loctn.h-0 {
  display: none !important;
  z-index: -1 !important;
}

.searchbar-map {
  z-index: 1050 !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
}

.text-decoration a {
  text-decoration: none !important;
}

header {
  z-index: 1200;
}
header .bg-white {
  background-color: #fff;
}
header .top-nav {
  z-index: 1200;
}
header .top-nav li:hover .btn {
  border-color: #007bff;
}
header .top-nav li:hover .btn *,
header .top-nav li:hover .btn span,
header .top-nav li:hover .btn span.a {
  color: #007bff;
}

.fs-12px {
  font-size: 12;
}

.my-dropdown-menu {
  display: none;
  width: 200px;
  position: absolute;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 20px;
  opacity: 0;
}
.my-dropdown-menu select {
  margin-bottom: 20px;
  border-radius: 0px !important;
}
.my-dropdown-menu select > option {
  border-radius: 0px !important;
}
.my-dropdown-menu select:last-child {
  margin-bottom: 0px;
}

.my-dropdown-menu:hover,
.my-dropdown-toggle:hover + .my-dropdown-menu {
  display: block;
  opacity: 1;
}

/*home page css*/
.pre-loader {
  animation-duration: 0.4s;
}

.loader-bg {
  background: url(../images/canada.svg);
  background-size: 100%;
  background-repeat-y: no-repeat;
  background-position: center bottom;
}

.bg-blue {
  background-color: #007bff;
}

.text-blue {
  color: #007bff;
}

.bg-my-blue {
  background-color: #129dff;
}

.gradient-white {
  background-image: linear-gradient(#fff, #ffffffb8, transparent);
}

.text-my-blue {
  color: #129dff;
}

.container {
  max-width: 1170px;
  margin: auto;
}
@media screen and (min-width: 1600px) {
  .container {
    max-width: 1400px !important;
  }
}

.header-nav {
  z-index: 1;
  height: 90px;
}

@media screen and (max-width: 767px) {
  .nav-right .col-sm-12.col-lg-11 {
    padding-right: 0px;
  }
  .nav-right .col-sm-12.col-lg-11 ul {
    padding-left: 0px;
    margin-bottom: 5px;
  }
}

.nav-item {
  font-size: 13px;
  font-family: "Poppins", sans-serif;
  color: black !important;
}
@media screen and (max-width: 767px) {
  .nav-item .btn .a {
    display: none;
  }
}
.nav-item .btn {
  height: 35px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: #313131;
  border: 1px solid #e0dfde;
  border-radius: 0px;
}
.nav-item .btn span.material-icons-outlined {
  font-size: 19px;
}
.nav-item .btn img {
  width: 14px;
}
.nav-item .btn .a {
  color: #313131;
  text-decoration: none;
  padding-left: 10px;
}

.menu-bar {
  width: 0px;
  height: 0px;
  border-radius: 50%;
  opacity: 0.3;
  overflow: hidden;
  display: none;
  background-image: url(../images/menu-bg.svg);
  background-position: right;
  background-repeat: no-repeat;
}
.menu-bar .news-letter {
  background-image: url(../images/subscribe-icon.svg);
  width: 300px;
  height: auto;
  padding: 25px 10px;
}
.menu-bar .news-letter .news-letter-heading {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #ffffff;
}
.menu-bar .news-letter .news-letter-heading h3 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 10px;
}
.menu-bar .news-letter .news-letter-form input {
  width: 100%;
  height: 40px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: black;
  border: 0px solid lightgray;
  border-radius: 0px;
  padding: 0px 20px;
  font-size: 14px;
}
.menu-bar .news-letter .news-letter-form input input::placeholder {
  color: #007bff;
}
.menu-bar .news-letter .news-letter-form .news-letter-text {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: white;
  margin-bottom: 10px;
  width: 100%;
}
.menu-bar .news-letter .news-letter-form .btn {
  width: 50%;
  height: 40px;
  background-color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #007bff;
  margin-top: 11px;
  border-radius: 0px;
  border: none;
}
.menu-bar .news-letter .news-letter-form .btn:hover {
  background-color: #00000070;
  color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.menu-bar .footer-head {
  padding-left: 1.25rem !important;
  width: 440px;
}
.menu-bar .footer-head .footer-copyright {
  margin-right: 10px;
}
.menu-bar .footer-head .footer-copyright p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
}
.menu-bar .footer-head .footer-copyright .social-links {
  margin-bottom: 10px;
}
.menu-bar .footer-head .footer-copyright .social-links span {
  font-size: 18px;
  color: white;
}
.menu-bar .footer-head .footer-copyright .social-links a {
  display: inline-block;
  height: 25px;
  width: 30px;
  font-size: 19px;
  margin: 0 5px 5px 0;
  text-align: left;
  line-height: 30px;
  border-radius: 5%;
  color: white;
  transition: all 0.5s ease;
  padding-top: 6px;
}
.menu-bar .footer-head .footer-copyright .social-links a:hover {
  color: black;
}
.menu-bar .footer-head .footer-app-logo .app-store-logo {
  margin-top: 5px;
}
.menu-bar .footer-head .footer-app-logo .app-store-logo img {
  width: auto;
  height: 40px;
}
.menu-bar .menu-bar-nav {
  padding: 0px 30px;
}
.menu-bar .menu-bar-nav ul {
  width: 400px;
  padding: 0px 100px 0px 0px;
  margin: 0px;
}
.menu-bar .menu-bar-nav ul li a {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #ffffff;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: none;
  display: block;
  text-align: right;
  letter-spacing: 1px;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: end;
}
.menu-bar .menu-bar-nav ul li a:after {
  content: "";
  width: 0px;
  height: 3px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
.menu-bar .menu-bar-nav ul li a:hover:after {
  width: 100px;
  margin: auto 0px auto 8px;
}
.menu-bar .menu-bar-nav .footer-head {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .menu-bar .left-section {
    display: none;
  }
  .menu-bar .right-section ul {
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .menu-bar .right-section ul {
    margin-top: -124px;
  }
}
@media screen and (max-width: 767px) {
  .menu-bar .right-section .footer-head {
    display: block !important;
    padding: 5px !important;
  }
  .menu-bar .right-section .footer-head .row {
    padding: 0px !important;
  }
  .menu-bar .right-section .footer-head .footer-copyright p,
.menu-bar .right-section .footer-head .footer-copyright b {
    font-size: 10px;
  }
}

.menu-bar.show {
  z-index: 1000;
  width: 100%;
  height: 100%;
  border-radius: 0%;
  opacity: 1;
  display: block;
  animation-name: menu-animation;
  animation-duration: 0.3s;
}

@keyframes menu-animation {
  0% {
    z-index: 1000;
    width: 200px;
    height: 200px;
    opacity: 0;
    right: 20%;
    overflow: hidden;
  }
  100% {
    width: 100%;
    height: 100%;
    border-radius: 0%;
    opacity: 1;
    right: 0%;
    overflow: hidden;
  }
}
.my-indicators {
  width: 100px;
  height: 30px;
}
.my-indicators span.dot {
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
}
.my-indicators span.dot.active {
  position: relative;
  width: 14px;
  height: 14px;
  border: 3px solid white;
  border-right-color: transparent;
  background-color: transparent;
}
.my-indicators span.dot.active:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  width: 14px;
  height: 14px;
  border-right-color: transparent;
  background-color: transparent;
}

.row {
  margin: 0px;
  padding: 0px;
}

.blue {
  background-color: blue;
}

nav {
  font-family: "Poppins", sans-serif;
  font-size: 12px !important;
  margin-top: 30px;
  height: 37px;
  border: 0px;
}

.searchbar-map h5 {
  font-family: "Poppins", sans-serif;
  font-size: 20px !important;
  color: white;
}
.searchbar-map p {
  font-family: "Poppins", sans-serif;
  font-size: 14px !important;
  color: white;
  padding-bottom: 5px !important;
  margin-bottom: 5px !important;
}
.searchbar-map .btn {
  border-radius: 0px !important;
  text-align: center;
  justify-content: center;
}
.searchbar-map hr {
  margin-bottom: 5px;
}

.home-page {
  position: fixed;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .home-page {
    height: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .home-page .home-slider {
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .home-page .upr-section {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .home-page .find-car-section {
    overflow: scroll;
    scroll-behavior: smooth;
  }
}
@media screen and (max-width: 767px) {
  .home-page .car-image-slider {
    margin-top: 36px;
  }
}
@media screen and (max-width: 767px) {
  .home-page .car-picture-sectr {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .home-page .vichle-sectr {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .home-page .carousel-inner {
    margin-top: 13px;
  }
}
.home-page #searchbar-searchbtn .text {
  display: none;
  font-size: 16px;
  text-align: left;
  justify-content: flex-start !important;
}
@media screen and (max-width: 767px) {
  .home-page #searchbar-searchbtn {
    padding: 10px;
    padding-left: 30px;
  }
  .home-page #searchbar-searchbtn .text {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .home-page .find-title-scetr {
    margin-top: -99px;
    height: 100% !important;
  }
}
@media screen and (max-width: 767px) {
  .home-page .my-indicators {
    padding-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  .home-page .find-car {
    overflow-y: scroll;
    height: 425px !important;
  }
}
.home-page .top-nav {
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .home-page .top-nav .navbar-nav {
    margin-left: -23px !important;
  }
}
@media screen and (max-width: 767px) {
  .home-page .car-slider {
    padding-top: 49px;
  }
}
.home-page .car-seclect {
  display: flex;
  margin-left: 37px;
}
@media screen and (max-width: 767px) {
  .home-page .car-seclect {
    padding-bottom: 20px;
    display: flex;
    margin-left: 0px;
  }
}
.home-page .title-car {
  margin-top: -20px;
}
@media screen and (max-width: 767px) {
  .home-page .title-car {
    margin-bottom: 14px;
    margin-left: 19px;
    margin-top: 0px;
  }
}
@media screen and (max-width: 767px) {
  .home-page .nav-tabs {
    justify-content: flex-start !important;
    margin-left: -13px;
  }
}
@media screen and (max-width: 767px) {
  .home-page .ms-4 {
    margin-left: 0px !important;
  }
}
.home-page .left-section {
  background: url(../images/homebackground.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom;
}
@media screen and (max-width: 767px) {
  .home-page .left-section {
    height: 290px !important;
  }
}
@media screen and (max-width: 767px) {
  .home-page .left-section .home-slider h1 {
    font-size: 22px;
  }
}
.home-page .left-section .home-slider .carousel.carousel-fade .carousel-item {
  opacity: 0;
}
.home-page .left-section .home-slider .carousel.carousel-fade .carousel-item.active {
  transition: opacity ease-in-out 0.7s;
  opacity: 1 !important;
}
.home-page .material-icons-round {
  font-size: 21px !important;
  color: #313131;
}
.home-page .right-section #s-drop.hide,
.home-page .right-section #s-counter.hide {
  display: none !important;
  width: 0px;
  overflow: hidden;
  opacity: 0.3;
}
.home-page .right-section #s-drop.show,
.home-page .right-section #s-counter.show {
  opacity: 1;
}
.home-page .right-section h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: black;
}
.home-page .right-section li .country.btn {
  border: 1px solid;
  border-radius: 2em;
  padding: 5px;
}
.home-page .right-section li .help {
  text-decoration: none;
}
.home-page .right-section li .help p {
  line-height: 16px;
}
@media screen and (max-width: 767px) {
  .home-page .right-section .searchbar-radio-btns label {
    font-size: 10px;
  }
}
.home-page .right-section .search-bar {
  border-radius: 3px;
  overflow: hidden;
  margin-top: 15px;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
@media screen and (min-width: 767px) {
  .home-page .right-section .search-bar .location-box {
    background-color: #ffffff;
    z-index: 0;
  }
  .home-page .right-section .search-bar .location-box.active {
    z-index: 10;
    position: absolute !important;
    width: 100%;
    animation-name: activelocation;
    animation-duration: 0.3s;
  }
  @keyframes activelocation {
    from {
      width: 25%;
    }
    to {
      width: 100%;
      opacity: 1;
    }
  }
}
@media screen and (max-width: 767px) {
  .home-page .right-section .search-bar {
    margin-top: 5px;
  }
}
.home-page .right-section .search-bar input.input {
  height: 50px;
  border: none;
  font-family: Poppins;
  font-size: 13px;
  color: #313131 !important;
}
.home-page .right-section .search-bar :disabled {
  background-color: transparent;
}
@media screen and (max-width: 767px) {
  .home-page .right-section .search-bar .date-picker .date-inputs {
    display: flex;
    width: 100%;
    overflow: hidden;
  }
}
.home-page .right-section .search-bar .date-picker .date-inputs .divider {
  display: none;
}
.home-page .right-section .search-bar .date-picker .date-inputs input.input {
  font-family: Poppins;
  text-align: left;
  height: 15px;
  width: 100%;
  padding: 0px;
  padding-left: 2em;
}
@media screen and (max-width: 767px) {
  .home-page .right-section .search-bar .date-picker .date-inputs input.input {
    height: 50px !important;
    width: 50%;
    padding-left: 1.5rem !important;
  }
}
@media screen and (max-width: 767px) {
  .home-page .right-section .search-bar .date-picker .date-inputs input.input:first-child {
    border-radius: 0px;
    width: 115px;
    margin-right: 10px;
  }
  .home-page .right-section .search-bar .date-picker .date-inputs .divider {
    display: block;
    width: 5px;
    height: 26px;
    margin: 12px 0px;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
  }
  .home-page .right-section .search-bar .date-picker .date-inputs input.input:last-child {
    border-radius: 0px;
    margin-left: -0.25rem !important;
    padding-left: 15px !important;
  }
}
.home-page .right-section .search-bar .time-button {
  line-height: 10px;
}
.home-page .right-section .search-bar :focus {
  box-shadow: none;
  border: none;
}
.home-page .right-section .search-bar .search-btn {
  text-decoration: none;
}
.home-page .right-section .search-bar .search-btn span {
  font-size: 25px;
  cursor: pointer;
}
.home-page .right-section .search-bar .seprator::before {
  content: "";
  position: absolute;
  height: 75%;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  left: -2px;
  border-radius: 50%;
  background-color: #f7f7f7;
}
.home-page .right-section .banner {
  position: absolute;
  bottom: 0;
  right: 0;
}
.home-page .right-section .banner .banner-img-box {
  height: 90px;
}
.home-page .right-section .banner .banner-img-box img {
  margin-top: -80px;
}
.home-page .right-section .banner .banner-item {
  margin-top: 70px;
}
.home-page .right-section .banner .car-specs {
  text-align: center;
}
.home-page .right-section .banner .car-specs h3 {
  width: 100%;
  font-family: Poppins;
  font-size: 22px;
  color: white;
  font-weight: 400;
  margin-bottom: 0px;
}
.home-page .right-section .banner .car-specs p {
  width: 100%;
  font-size: 12px;
  font-family: Poppins;
  color: white;
}
.home-page .right-section .banner .rent p {
  font-size: 10px;
  font-family: Poppins;
}
.home-page .right-section .banner .rent span h2 {
  font-family: Poppins;
  font-size: 36px;
  color: white;
  font-weight: 500;
  letter-spacing: 1px;
}
.home-page .right-section .banner .rent span p {
  line-height: 15px;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .home-page .right-section .banner {
    height: 180px;
    position: fixed;
  }
  .home-page .right-section .banner .carousel {
    height: 100%;
  }
  .home-page .right-section .banner .carousel .carousel-inner {
    height: 100%;
    margin-top: 0px;
  }
  .home-page .right-section .banner .carousel .carousel-inner .carousel-item .banner-item {
    height: 70px !important;
    margin-top: 110px;
  }
  .home-page .right-section .banner .carousel .carousel-inner .carousel-item .banner-item .car-specs-box {
    display: none !important;
  }
  .home-page .right-section .banner .carousel .carousel-inner .carousel-item .banner-item .rent h2 {
    font-size: 15px;
  }
  .home-page .right-section .banner .carousel .carousel-inner .carousel-item .banner-item .rent br {
    display: none;
  }
  .home-page .right-section .banner .carousel .carousel-inner .carousel-item .banner-item .car-specs-model {
    display: none;
  }
  .home-page .right-section .banner .carousel .carousel-inner .carousel-item .banner-item .car-specs-model .car-specs h3 {
    font-size: 14px;
  }
  .home-page .right-section .banner .carousel .carousel-inner .carousel-item .banner-item .banner-img-box {
    height: 100%;
    position: relative;
  }
  .home-page .right-section .banner .carousel .carousel-inner .carousel-item .banner-item .banner-img-box img {
    width: 100%;
    margin-top: 0px;
    position: absolute;
    bottom: 0px;
  }
}
@media screen and (max-width: 767px) {
  .home-page .right-section .right-section-center {
    width: 90%;
    margin: 0 auto;
    justify-self: center;
  }
}

.home-page::after {
  z-index: -1;
  content: "";
  background-color: #007bff;
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 90px;
}
@media screen and (max-width: 767px) {
  .home-page::after {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .search-mp-br {
    position: relative;
    margin-left: 53px;
  }
}

@media screen and (max-width: 767px) {
  .pac-container {
    width: 255px !important;
  }
}

@media screen and (max-width: 767px) {
  .show-calendar {
    position: fixed;
    top: 70.875px !important;
  }
}

.home-slider {
  margin-bottom: 170px;
}
.home-slider h1 {
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  color: #000000;
  font-weight: 500;
}
.home-slider p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: white;
  margin-bottom: 20px;
}

.about-page {
  width: 100%;
  min-height: 600px;
  background-color: #f9f9f9;
  padding-top: 50px;
}
.about-page .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 20px;
  padding-top: 30px;
  min-height: 600px;
}
.about-page .container .about-content h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: black;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 0px;
}
@media screen and (max-width: 676px) {
  .about-page .container .about-content h2 {
    font-size: 18px;
  }
}
.about-page .container .about-content h3 {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  color: #007bff;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
@media screen and (max-width: 676px) {
  .about-page .container .about-content h3 {
    font-size: 14px;
  }
}
.about-page .container .about-content p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: black;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
@media screen and (max-width: 676px) {
  .about-page .container .about-content p {
    font-size: 12px;
  }
}
.about-page .container .about-services {
  padding: 20px 0px;
}
.about-page .container .about-services .service-box {
  width: 100%;
  height: 250px;
  padding: 30px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition: all 0.3s ease;
}
.about-page .container .about-services .service-box .service-img {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .about-page .container .about-services .service-box .service-img {
    text-align: center;
  }
}
.about-page .container .about-services .service-box .service-img img {
  height: 70px;
}
.about-page .container .about-services .service-box .service-heading {
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .about-page .container .about-services .service-box .service-heading {
    text-align: center;
  }
}
.about-page .container .about-services .service-box .service-heading h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  letter-spacing: 0.5px;
}
.about-page .container .about-services .service-box .service-text {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.about-page .container .about-services .service-box:hover {
  background-color: #007bff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  color: #ffffff;
  margin-top: -10px;
}
.about-page .container .about-banner {
  background-color: #007bff;
  width: 100%;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.about-page .container .about-banner .banner-text {
  padding: 55px 30px;
}
@media screen and (max-width: 676px) {
  .about-page .container .about-banner .banner-text {
    height: 228px;
  }
}
.about-page .container .about-banner .banner-text h3 {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}
@media screen and (max-width: 676px) {
  .about-page .container .about-banner .banner-text h3 {
    font-size: 12px;
  }
}
.about-page .container .about-banner .banner-text p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.about-page .container .about-banner .banner-text .btn {
  height: 40px;
  background-color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  padding-top: 10px;
  color: #007bff;
  margin-top: 11px;
  border-radius: 0px;
  border: none;
}
@media screen and (max-width: 676px) {
  .about-page .container .about-banner .banner-text .btn {
    width: 68%;
    height: 37px;
    margin-top: -1px;
  }
}
.about-page .container .about-banner .banner-text .btn:hover {
  background-color: #000;
  color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.about-page .container .about-banner .banner-img {
  width: 100%;
}
.about-page .container .about-banner .banner-img img {
  width: 100%;
}
@media screen and (max-width: 676px) {
  .about-page .container .text-decoration {
    margin-left: 18px;
  }
}
.about-page .container .blue-box {
  margin-right: -24px;
  width: 100%;
  min-height: 316px;
  background-color: #007bff;
  margin-top: -75px;
}
@media screen and (max-width: 676px) {
  .about-page .container .blue-box {
    margin-top: 150px;
    display: none;
  }
}
.about-page .container .blue-box .pages-menu-heading {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: white;
  line-height: 60px;
  padding: 0px 20px;
  border-bottom: 1px solid #3c8fed;
}
.about-page .container .blue-box .pages-menu {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 0 0px;
}
.about-page .container .blue-box .pages-menu ul {
  padding: 0px;
  margin: 0px;
}
.about-page .container .blue-box .pages-menu ul li {
  margin-bottom: 0px;
  line-height: 50px;
  border-bottom: 1px solid #3c8fed;
  padding: 0px 20px;
}
.about-page .container .blue-box .pages-menu ul li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  display: block;
  transition: all 0.3s ease;
}
.about-page .container .blue-box .pages-menu ul li a:hover {
  color: black;
  padding-left: 8px;
}
.about-page .container .blue-box .pages-menu ul li .active {
  color: #000000;
}
.about-page .container .blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.about-page .container .blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.about-page .container .blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.about-page .container .blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.about-page .container .blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}

.faq-page {
  width: 100%;
  min-height: 600px;
  background-color: #f9f9f9;
  padding-top: 50px;
}
.faq-page .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 20px;
  padding-top: 30px;
  min-height: 600px;
}
.faq-page .container .accordion .accordion-item {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
@media screen and (max-width: 676px) {
  .faq-page .container .accordion .accordion-item {
    border: 1px solid none !important;
  }
}
.faq-page .container .accordion .accordion-item .accordion-button {
  background-color: #ffffff;
  border-top-left-radius: calc(0rem - 0px);
  border-top-right-radius: calc(0rem - 0px);
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.faq-page .container .accordion .accordion-item .accordion-button :focus {
  border-color: #ffffff;
}
.faq-page .container .accordion .accordion-item .accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #ffffff;
  box-shadow: none;
}
.faq-page .container .accordion .accordion-item .accordion-button:focus {
  color: #0c63e4;
  border-color: #ffffff;
  box-shadow: none;
}
.faq-page .container .accordion .accordion-item .accordion-body p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: black;
  font-weight: 300;
  text-align: justify;
}
.faq-page .container .blue-box {
  margin-right: -24px;
  width: 100%;
  min-height: 316px;
  background-color: #007bff;
  margin-top: -75px;
}
@media screen and (max-width: 676px) {
  .faq-page .container .blue-box {
    margin-top: 50px;
  }
}
.faq-page .container .blue-box .pages-menu-heading {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: white;
  line-height: 60px;
  padding: 0px 20px;
  border-bottom: 1px solid #3c8fed;
}
.faq-page .container .blue-box .pages-menu {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 0 0px;
}
.faq-page .container .blue-box .pages-menu ul {
  padding: 0px;
  margin: 0px;
}
.faq-page .container .blue-box .pages-menu ul li {
  margin-bottom: 0px;
  line-height: 50px;
  border-bottom: 1px solid #3c8fed;
  padding: 0px 20px;
}
.faq-page .container .blue-box .pages-menu ul li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  display: block;
  transition: all 0.3s ease;
}
.faq-page .container .blue-box .pages-menu ul li a:hover {
  color: black;
  padding-left: 8px;
}
.faq-page .container .blue-box .pages-menu ul li .active {
  color: #000000;
}
.faq-page .container .blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.faq-page .container .blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.faq-page .container .blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.faq-page .container .blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.faq-page .container .blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}
.faq-page h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.faq-page h5 .mdi {
  color: white;
  font-size: 20px;
}
.faq-page hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}

.rent-book {
  background-color: #f9f9f9;
  width: 100%;
  min-height: 800px;
}
.rent-book .input.input-number {
  height: 20px;
  border-radius: 0px;
}
.rent-book .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 20px;
  padding-top: 30px;
}
.rent-book .car-listing {
  background-color: white;
  padding: 20px 0px 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
  border: 2px solid transparent;
}
.rent-book .car-listing .car-listing:last-child {
  border-bottom: 0px solid #eaeeef;
  margin-bottom: 0px;
  border-radius: 0px;
}
.rent-book .car-listing.border-blue {
  border: 2px solid #007bff;
  transform: scale(1.008);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.rent-book .terms-conditions h2 {
  font-size: 14px;
}
.rent-book .terms-conditions a,
.rent-book .terms-conditions p {
  font-size: 12px;
}
.rent-book .collapse .nav {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
}
.rent-book .collapse .nav a.nav-link {
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: grey;
  border: 0px;
  border-bottom: 2px solid #dee2e6;
}
.rent-book .collapse .nav a.nav-link.active {
  border: 0px;
  border-bottom: 2px solid #007bff;
}
@media screen and (max-width: 676px) {
  .rent-book .additional {
    padding-top: 30px;
    height: 65px;
  }
}
@media screen and (max-width: 676px) {
  .rent-book .childern-care {
    padding-left: 90px;
  }
}
@media screen and (max-width: 676px) {
  .rent-book .childern-care .btn {
    width: 46% !important;
    HEIGHT: 26PX;
  }
}
@media screen and (max-width: 676px) {
  .rent-book input {
    margin-left: -28px !important;
  }
}
.rent-book .paraghp-car-rent {
  font-size: 13px;
  text-align: justify;
}
@media screen and (max-width: 676px) {
  .rent-book .paraghp-car-rent {
    font-size: 12px;
    text-align: justify;
  }
}
.rent-book .audi-bbok {
  width: 100%;
  min-height: 205px;
}
.rent-book .audi-bbok .bg-car {
  display: flex;
  justify-content: center;
  background-size: cover;
  background-position: center;
  min-height: 160px;
  width: 100%;
  padding-top: 0px;
  vertical-align: middle;
  border-right: 1px solid lightgray;
}
.rent-book .audi-bbok .bg-car img {
  background-size: cover;
  background-position: center;
  width: 100%;
}
.rent-book .audi-bbok .login-title {
  padding-bottom: 20px;
}
.rent-book .audi-bbok .login-title a {
  text-decoration: none;
  color: black;
  font-size: 12px;
}
.rent-book .audi-bbok .login-title .mdi {
  color: blue;
}
.rent-book .audi-bbok .blue-box {
  margin-right: -24px;
  width: 100%;
  height: 250px;
  background-color: #007bff;
  margin-top: -75px;
}
.rent-book .audi-bbok .blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.rent-book .audi-bbok .blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.rent-book .audi-bbok .blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.rent-book .audi-bbok .blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.rent-book .audi-bbok .blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}
.rent-book .audi-bbok .two-box {
  display: flex;
  width: 100%;
  background-color: white;
  min-height: 480px;
  padding: 45px;
}
.rent-book .audi-bbok .two-box .login-first {
  width: 100%;
}
.rent-book .audi-bbok .two-box .login-first .msg-tittle {
  padding-bottom: 20px;
}
.rent-book .audi-bbok .two-box .login-first .msg-tittle strong {
  font-size: 30px;
}
.rent-book .audi-bbok .two-box .login-first .status {
  width: 95%;
  background-color: #e0dfde;
  height: 40px;
  padding: 10px 22px;
  margin-bottom: 5px;
}
.rent-book .audi-bbok .two-box .login-first .status h4 {
  font-size: 16px;
}
.rent-book .audi-bbok .two-box .login-first .text-box {
  width: 95%;
  background-color: white;
  height: 40px;
  border: 1px solid lightgrey;
  min-height: 140px;
  padding: 10px 22px;
}
.rent-book .audi-bbok .two-box .login-first .text-box .heelo {
  margin-top: 20px;
}
.rent-book .audi-bbok .two-box .login-first .text-box .heelo h4 {
  font-size: 16px;
}
.rent-book .audi-bbok .two-box .login-first .text-box .heelo strong {
  color: blue;
}
.rent-book .audi-bbok .two-box .login-first .text-box .heelo h6 {
  font-size: 16px;
  margin-top: 40px;
}
.rent-book .audi-bbok .two-box .login-first .text-box .heelo h6 .mdi {
  color: #007bff;
}
.rent-book .audi-bbok .two-box .login-first .text-box .heelo p {
  font-size: 13px;
}
.rent-book .audi-bbok .two-box .login-first .text-box .heelo-bd h4 {
  font-size: 16px;
  margin-top: 40px;
}
.rent-book .audi-bbok .two-box .blue-box {
  margin-right: -24px;
  width: 32%;
  height: 250px;
  background-color: #007bff;
  margin-top: -84px;
}
.rent-book .audi-bbok .two-box .blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.rent-book .audi-bbok .two-box .blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.rent-book .audi-bbok .two-box .blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.rent-book .audi-bbok .two-box .blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.rent-book .audi-bbok .two-box .blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}
@media screen and (max-width: 676px) {
  .rent-book .perfomance {
    flex-direction: column;
  }
}

.message-page {
  width: 100%;
  min-height: 600px;
  background-color: #f9f9f9;
  padding-top: 50px;
}
.message-page .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 20px;
  padding-top: 30px;
  min-height: 600px;
}
.message-page .container .message-heading {
  background-color: #f6f6f6;
}
.message-page .container .message-heading h3 {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: black;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 15px 10px;
  margin: 0px;
}
.message-page .container .message-content {
  background-color: #fff;
  padding: 20px 0px;
  border-right: 1px solid #f6f6f6;
  border-left: 1px solid #f6f6f6;
  border-bottom: 1px solid #f6f6f6;
}
.message-page .container .message-content h3 {
  display: flex;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: black;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 2px 0px;
  margin: 0px;
  align-items: center;
}
.message-page .container .message-content h4 {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: black;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 0px 0px 10px;
  margin: 0px;
}
.message-page .container .message-content p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: black;
  letter-spacing: 0.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;
}
.message-page .container .message-content span {
  font-size: 17px;
  color: #007bff;
  margin-right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.message-page .container .account-blue-box {
  margin-right: -24px;
  width: 100%;
  min-height: 316px;
  background-color: #007bff;
  margin-top: -75px;
}
@media screen and (max-width: 676px) {
  .message-page .container .account-blue-box {
    margin-top: 18px;
  }
}
.message-page .container .account-blue-box .account-heading {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #3c8fed;
  display: flex;
  justify-content: space-between;
}
.message-page .container .account-blue-box .account-heading h4 {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: white;
  font-weight: 300;
  line-height: 60px;
  padding: 0px 20px;
  margin-bottom: 0px;
}
.message-page .container .account-blue-box .account-heading .profile-pic {
  width: 50px;
  height: 50px;
  border-radius: 55px;
  margin: 5px;
  overflow: hidden;
  justify-content: flex-end;
  color: transparent;
  transition: all 0.3s ease;
  position: relative;
  transition: all 0.3s ease;
}
.message-page .container .account-blue-box .account-heading .profile-pic input {
  display: none;
}
.message-page .container .account-blue-box .account-heading .profile-pic img {
  width: auto;
  height: 50px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  object-fit: cover;
  width: 55px;
  height: 55px;
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.35);
  border-radius: 55px;
  z-index: 0;
}
.message-page .container .account-blue-box .account-heading .profile-pic .-label {
  cursor: pointer;
  height: 55px;
  width: 55px;
}
.message-page .container .account-blue-box .account-heading .profile-pic:hover .-label {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  color: #fafafa;
  transition: background-color 0.2s ease-in-out;
  border-radius: 55px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.message-page .container .account-blue-box .account-heading .profile-pic span {
  font-size: 20px;
  display: inline-flex;
  padding: 5px;
}
.message-page .container .account-blue-box .account-menu {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 0 0px;
}
.message-page .container .account-blue-box .account-menu ul {
  padding: 0px;
  margin: 0px;
}
.message-page .container .account-blue-box .account-menu ul li {
  margin-bottom: 0px;
  line-height: 50px;
  border-bottom: 1px solid #3c8fed;
  padding: 0px 20px;
}
.message-page .container .account-blue-box .account-menu ul li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
.message-page .container .account-blue-box .account-menu ul li a .menu-icon {
  font-size: 19px;
  color: #fff;
  width: auto;
  margin-right: 10px;
}
.message-page .container .account-blue-box .account-menu ul li a .menu-text {
  width: auto;
  font-size: 14px;
  text-transform: capitalize;
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  margin: 0px;
}
.message-page .container .account-blue-box .account-menu ul li a:hover {
  color: black;
  padding-left: 8px;
}
.message-page .container .account-blue-box .account-menu ul li .active {
  color: #000000;
}
.message-page .container .account-blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.message-page .container .account-blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.message-page .container .account-blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.message-page .container .account-blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.message-page .container .account-blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}

.servation-page {
  width: 100%;
  min-height: 600px;
  background-color: #f9f9f9;
  padding-top: 50px;
}
.servation-page .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 20px;
  padding-top: 30px;
  min-height: 600px;
}
.servation-page .container .car-listing {
  background-color: white;
  padding: 20px 0px 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-bottom: 10px;
}
.servation-page .container .car-listing .car-listing:last-child {
  border-bottom: 0px solid #eaeeef;
  margin-bottom: 0px;
  border-radius: 0px;
}
.servation-page .container .account-blue-box {
  margin-right: -24px;
  width: 100%;
  min-height: 316px;
  background-color: #007bff;
  margin-top: -75px;
}
.servation-page .container .account-blue-box .account-heading {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #3c8fed;
  display: flex;
  justify-content: space-between;
}
.servation-page .container .account-blue-box .account-heading h4 {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: white;
  font-weight: 300;
  line-height: 60px;
  padding: 0px 20px;
  margin-bottom: 0px;
}
.servation-page .container .account-blue-box .account-heading .profile-pic {
  width: 50px;
  height: 50px;
  border-radius: 55px;
  margin: 5px;
  overflow: hidden;
  justify-content: flex-end;
  color: transparent;
  transition: all 0.3s ease;
  position: relative;
  transition: all 0.3s ease;
}
.servation-page .container .account-blue-box .account-heading .profile-pic input {
  display: none;
}
.servation-page .container .account-blue-box .account-heading .profile-pic img {
  width: auto;
  height: 50px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  object-fit: cover;
  width: 55px;
  height: 55px;
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.35);
  border-radius: 55px;
  z-index: 0;
}
.servation-page .container .account-blue-box .account-heading .profile-pic .-label {
  cursor: pointer;
  height: 55px;
  width: 55px;
}
.servation-page .container .account-blue-box .account-heading .profile-pic:hover .-label {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  color: #fafafa;
  transition: background-color 0.2s ease-in-out;
  border-radius: 55px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.servation-page .container .account-blue-box .account-heading .profile-pic span {
  font-size: 20px;
  display: inline-flex;
  padding: 5px;
}
.servation-page .container .account-blue-box .account-menu {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 0 0px;
}
.servation-page .container .account-blue-box .account-menu ul {
  padding: 0px;
  margin: 0px;
}
.servation-page .container .account-blue-box .account-menu ul li {
  margin-bottom: 0px;
  line-height: 50px;
  border-bottom: 1px solid #3c8fed;
  padding: 0px 20px;
}
.servation-page .container .account-blue-box .account-menu ul li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
.servation-page .container .account-blue-box .account-menu ul li a .menu-icon {
  font-size: 19px;
  color: #fff;
  width: auto;
  margin-right: 10px;
}
.servation-page .container .account-blue-box .account-menu ul li a .menu-text {
  width: auto;
  font-size: 14px;
  text-transform: capitalize;
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  margin: 0px;
}
.servation-page .container .account-blue-box .account-menu ul li a:hover {
  color: black;
  padding-left: 15px;
}
.servation-page .container .account-blue-box .account-menu ul li .active {
  color: #000000;
}
.servation-page .container .account-blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.servation-page .container .account-blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.servation-page .container .account-blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.servation-page .container .account-blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.servation-page .container .account-blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}

.user-profile-page {
  width: 100%;
  min-height: 600px;
  background-color: #f9f9f9;
  padding-top: 50px;
}
.user-profile-page .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 20px;
  padding-top: 30px;
  min-height: 600px;
}
.user-profile-page .container .car-listing {
  background-color: white;
  padding: 20px 0px 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-bottom: 10px;
}
.user-profile-page .container .car-listing .car-listing:last-child {
  border-bottom: 0px solid #eaeeef;
  margin-bottom: 0px;
  border-radius: 0px;
}
.user-profile-page .container .info-person {
  width: 100%;
  min-height: 225px;
  background-color: white;
  margin-bottom: 20px;
}
.user-profile-page .container .info-person .title-info {
  padding-top: 18px;
  padding-left: 16px;
}
.user-profile-page .container .info-person .title-info h5 {
  font-family: inherit;
  font-size: 18px;
  color: black;
  font-weight: 400;
}
.user-profile-page .container .info-person .text-error {
  font-size: 12px;
}
.user-profile-page .container .info-person .name-section .mainer {
  display: flex;
  width: 100%;
  align-items: flex-end;
}
.user-profile-page .container .info-person .name-section .mainer .first-info {
  width: 50%;
  height: 40px;
  border-radius: 0px;
  border: 1px solid lightgray;
  padding-top: 10px;
  margin-top: 19px !important;
  font-size: 14px;
}
@media screen and (max-width: 676px) {
  .user-profile-page .container .info-person .name-section .mainer .first-info:last-child {
    border-left: 0px;
  }
}
.user-profile-page .container .info-person .name-section .mainer .bulit-point {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: black;
  padding-left: 10px;
}
.user-profile-page .container .info-person .name-section .enter {
  width: 100%;
}
.user-profile-page .container .info-person .name-section .enter input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0px 20px;
  font-size: 14px;
}
.user-profile-page .container .info-person .name-section .enter label {
  margin-bottom: 0px;
  font-size: 12px;
  width: 100%;
}
@media screen and (max-width: 676px) {
  .user-profile-page .container .info-person .name-section .enter label {
    margin-bottom: 5px;
  }
}
.user-profile-page .container .info-person .name-section .enter .btn {
  width: 100%;
  height: 40px;
  background-color: #007bff;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
  margin-top: 17px;
  border-radius: 0px;
  border: none;
}
.user-profile-page .container .info-person .name-section .enter .phone-nbr {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .user-profile-page .container .info-person .name-section .enter .phone-nbr {
    margin-left: 0px;
  }
}
.user-profile-page .container .info-person .name-section .enter .phone-nbr input {
  margin-left: 0px;
  width: 100%;
}
.user-profile-page .container .info-person .name-section .enter .phone-nbr .form-select {
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  height: 39px;
  width: 25%;
  margin: 1px;
}
.user-profile-page .container .info-person .name-section .date-birth {
  width: 100%;
}
.user-profile-page .container .info-person .name-section .date-birth label {
  margin-bottom: 0px;
  font-size: 12px;
  width: 100%;
}
.user-profile-page .container .info-person .name-section .date-birth .birthdy {
  display: flex;
  width: 100%;
}
.user-profile-page .container .info-person .name-section .date-birth .birthdy input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.user-profile-page .container .info-person .name-section .date-birth .birthdy .form-select {
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  width: 32%;
  height: 39px;
  margin: 2px;
}
.user-profile-page .container .info-person .name-section .mail-line {
  width: 100%;
  margin-top: 0px;
  margin-left: 0px;
}
.user-profile-page .container .info-person .name-section .mail-line input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.user-profile-page .container .info-person .name-section .mail-line label {
  margin-bottom: 0px;
  font-size: 12px;
}
.user-profile-page .container .info-person .name-section .enter-scnd {
  width: 100%;
}
.user-profile-page .container .info-person .name-section .enter-scnd input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.user-profile-page .container .info-person .name-section .enter-scnd label {
  margin-bottom: 0px;
  font-size: 12px;
}
.user-profile-page .container .info-person .name-section .driving-age {
  width: 90%;
  margin-top: -3px;
  margin-left: 34px;
}
.user-profile-page .container .info-person .name-section .driving-age label {
  margin-bottom: 0px;
  font-size: 12px;
}
.user-profile-page .container .info-person .name-section .driving-age .age-nbr {
  width: 100%;
}
.user-profile-page .container .info-person .name-section .driving-age .age-nbr .form-select {
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  height: 39px;
  width: 59%;
}
.user-profile-page .container .info-person .name-section .driving-age label h6 {
  font-size: 10px;
  color: gray;
}
.user-profile-page .container .info-person .name-section .countine {
  padding-left: 210px;
}
.user-profile-page .container .info-person .name-section .countine .btn {
  border-radius: 0px;
  width: 80%;
  margin-top: 27px;
}
.user-profile-page .container .account-blue-box {
  margin-right: -24px;
  width: 100%;
  min-height: 316px;
  background-color: #007bff;
  margin-top: -75px;
}
@media screen and (max-width: 676px) {
  .user-profile-page .container .account-blue-box {
    margin-top: 15px;
  }
}
.user-profile-page .container .account-blue-box .account-heading {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #3c8fed;
  display: flex;
  justify-content: space-between;
}
.user-profile-page .container .account-blue-box .account-heading h4 {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: white;
  font-weight: 300;
  line-height: 60px;
  padding: 0px 20px;
  margin-bottom: 0px;
}
.user-profile-page .container .account-blue-box .account-heading .profile-pic {
  width: 50px;
  height: 50px;
  border-radius: 55px;
  margin: 5px;
  overflow: hidden;
  justify-content: flex-end;
  color: transparent;
  transition: all 0.3s ease;
  position: relative;
  transition: all 0.3s ease;
}
.user-profile-page .container .account-blue-box .account-heading .profile-pic input {
  display: none;
}
.user-profile-page .container .account-blue-box .account-heading .profile-pic img {
  width: auto;
  height: 50px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  object-fit: cover;
  width: 55px;
  height: 55px;
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.35);
  border-radius: 55px;
  z-index: 0;
}
.user-profile-page .container .account-blue-box .account-heading .profile-pic .-label {
  cursor: pointer;
  height: 55px;
  width: 55px;
}
.user-profile-page .container .account-blue-box .account-heading .profile-pic:hover .-label {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  color: #fafafa;
  transition: background-color 0.2s ease-in-out;
  border-radius: 55px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.user-profile-page .container .account-blue-box .account-heading .profile-pic span {
  font-size: 20px;
  display: inline-flex;
  padding: 5px;
}
.user-profile-page .container .account-blue-box .account-menu {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 0 0px;
}
.user-profile-page .container .account-blue-box .account-menu ul {
  padding: 0px;
  margin: 0px;
}
.user-profile-page .container .account-blue-box .account-menu ul li {
  margin-bottom: 0px;
  line-height: 50px;
  border-bottom: 1px solid #3c8fed;
  padding: 0px 20px;
}
.user-profile-page .container .account-blue-box .account-menu ul li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: all 0.3s ease;
}
.user-profile-page .container .account-blue-box .account-menu ul li a .menu-icon {
  font-size: 19px;
  color: #fff;
  width: auto;
  margin-right: 10px;
}
.user-profile-page .container .account-blue-box .account-menu ul li a .menu-text {
  width: auto;
  font-size: 14px;
  text-transform: capitalize;
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  margin: 0px;
}
.user-profile-page .container .account-blue-box .account-menu ul li a:hover {
  color: black;
  padding-left: 15px;
}
.user-profile-page .container .account-blue-box .account-menu ul li .active {
  color: #000000;
}
.user-profile-page .container .account-blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.user-profile-page .container .account-blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.user-profile-page .container .account-blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.user-profile-page .container .account-blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.user-profile-page .container .account-blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}

.reservation-page {
  width: 100%;
  min-height: 600px;
  background-color: #f9f9f9;
  padding-top: 50px;
}
.reservation-page .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 20px;
  padding-top: 30px;
  min-height: 600px;
}
.reservation-page .container .car-listing {
  background-color: white;
  padding: 20px 0px 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-bottom: 10px;
}
.reservation-page .container .car-listing .car-listing:last-child {
  border-bottom: 0px solid #eaeeef;
  margin-bottom: 0px;
  border-radius: 0px;
}
.reservation-page .container .account-blue-box {
  margin-right: -24px;
  width: 100%;
  min-height: 316px;
  background-color: #007bff;
  margin-top: -75px;
}
@media screen and (max-width: 676px) {
  .reservation-page .container .account-blue-box {
    margin-top: 15px;
  }
}
.reservation-page .container .account-blue-box .account-heading {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #3c8fed;
  display: flex;
  justify-content: space-between;
}
.reservation-page .container .account-blue-box .account-heading h4 {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: white;
  font-weight: 300;
  line-height: 60px;
  padding: 0px 20px;
  margin-bottom: 0px;
}
.reservation-page .container .account-blue-box .account-heading .profile-pic {
  width: 50px;
  height: 50px;
  border-radius: 55px;
  margin: 5px;
  overflow: hidden;
  justify-content: flex-end;
  color: transparent;
  transition: all 0.3s ease;
  position: relative;
  transition: all 0.3s ease;
}
.reservation-page .container .account-blue-box .account-heading .profile-pic input {
  display: none;
}
.reservation-page .container .account-blue-box .account-heading .profile-pic img {
  width: auto;
  height: 50px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  object-fit: cover;
  width: 55px;
  height: 55px;
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.35);
  border-radius: 55px;
  z-index: 0;
}
.reservation-page .container .account-blue-box .account-heading .profile-pic .-label {
  cursor: pointer;
  height: 55px;
  width: 55px;
}
.reservation-page .container .account-blue-box .account-heading .profile-pic:hover .-label {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10000;
  color: #fafafa;
  transition: background-color 0.2s ease-in-out;
  border-radius: 55px;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.reservation-page .container .account-blue-box .account-heading .profile-pic span {
  font-size: 20px;
  display: inline-flex;
  padding: 5px;
}
.reservation-page .container .account-blue-box .account-menu {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 0 0px;
}
.reservation-page .container .account-blue-box .account-menu ul {
  padding: 0px;
  margin: 0px;
}
.reservation-page .container .account-blue-box .account-menu ul li {
  margin-bottom: 0px;
  line-height: 50px;
  border-bottom: 1px solid #3c8fed;
  padding: 0px 20px;
}
.reservation-page .container .account-blue-box .account-menu ul li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.reservation-page .container .account-blue-box .account-menu ul li a .menu-icon {
  font-size: 19px;
  color: #fff;
  width: auto;
  margin-right: 10px;
}
.reservation-page .container .account-blue-box .account-menu ul li a .menu-text {
  width: auto;
  font-size: 14px;
  text-transform: capitalize;
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  margin: 0px;
}
.reservation-page .container .account-blue-box .account-menu ul li a:hover {
  color: black;
  padding-left: 15px;
}
.reservation-page .container .account-blue-box .account-menu ul li .active {
  color: #000000;
}
.reservation-page .container .account-blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.reservation-page .container .account-blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.reservation-page .container .account-blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.reservation-page .container .account-blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.reservation-page .container .account-blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}

.login-main-page {
  width: 100%;
  min-height: 600px;
  background-color: #e0dfde;
  padding-top: 50px;
}
.login-main-page .login-title {
  padding-bottom: 20px;
}
.login-main-page .login-title a {
  text-decoration: none;
  color: black;
  font-size: 12px;
}
.login-main-page .login-title .mdi {
  color: blue;
}
.login-main-page .two-box {
  display: flex;
  width: 100%;
  background-color: white;
  min-height: 480px;
  padding: 45px;
}
.login-main-page .two-box .login-first {
  width: 100%;
}
.login-main-page .two-box .login-first .msg-tittle {
  padding-bottom: 20px;
}
.login-main-page .two-box .login-first .msg-tittle strong {
  font-size: 30px;
}
.login-main-page .two-box .login-first .status {
  width: 95%;
  background-color: #e0dfde;
  height: 40px;
  padding: 10px 22px;
  margin-bottom: 5px;
}
.login-main-page .two-box .login-first .status h4 {
  font-size: 16px;
}
.login-main-page .two-box .login-first .text-box {
  width: 95%;
  background-color: white;
  height: 40px;
  border: 1px solid lightgrey;
  min-height: 140px;
  padding: 10px 22px;
}
.login-main-page .two-box .login-first .text-box .heelo {
  margin-top: 20px;
}
.login-main-page .two-box .login-first .text-box .heelo h4 {
  font-size: 16px;
}
.login-main-page .two-box .login-first .text-box .heelo strong {
  color: blue;
}
.login-main-page .two-box .login-first .text-box .heelo h6 {
  font-size: 16px;
  margin-top: 40px;
}
.login-main-page .two-box .login-first .text-box .heelo h6 .mdi {
  color: #007bff;
}
.login-main-page .two-box .login-first .text-box .heelo p {
  font-size: 13px;
}
.login-main-page .two-box .login-first .text-box .heelo-bd h4 {
  font-size: 16px;
  margin-top: 40px;
}
.login-main-page .two-box .blue-box {
  margin-right: -24px;
  width: 32%;
  height: 250px;
  background-color: #007bff;
  margin-top: -84px;
}
.login-main-page .two-box .blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.login-main-page .two-box .blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.login-main-page .two-box .blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.login-main-page .two-box .blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.login-main-page .two-box .blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}

.rent-book {
  background-color: #f9f9f9;
  width: 100%;
  min-height: 800px;
}
.rent-book .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 20px;
  padding-top: 30px;
}
.rent-book .car-listing {
  background-color: white;
  padding: 20px 0px 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-bottom: 10px;
}
.rent-book .car-listing .car-listing:last-child {
  border-bottom: 0px solid #eaeeef;
  margin-bottom: 0px;
  border-radius: 0px;
}
.rent-book .collapse .nav {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
}
.rent-book .collapse .nav a.nav-link {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: grey;
  border: 0px;
  border-bottom: 2px solid #dee2e6;
}
@media screen and (max-width: 676px) {
  .rent-book .collapse .nav a.nav-link {
    width: 65px;
    margin-left: 4px;
    padding-left: 0px;
  }
}
.rent-book .collapse .nav a.nav-link.active {
  border: 0px;
  border-bottom: 2px solid #007bff;
}
@media screen and (max-width: 676px) {
  .rent-book .car-box-listing {
    flex-direction: column;
  }
}
.rent-book .audi-bbok {
  width: 100%;
  min-height: 205px;
}
.rent-book .audi-bbok .bg-car {
  display: flex;
  justify-content: center;
  background-size: cover;
  background-position: center;
  min-height: 166px;
  width: 100%;
  padding-top: 0px;
  vertical-align: middle;
  border-right: 1px solid lightgray;
}
.rent-book .audi-bbok .bg-car img {
  background-size: cover;
  background-position: center;
  width: 100%;
}
@media screen and (max-width: 676px) {
  .rent-book .audi-bbok .view-all {
    margin-top: 5px;
  }
}
.rent-book .audi-bbok .view-all .inner-view {
  background-color: #f5fafe;
  min-height: 166px;
  text-align: center;
}
@media screen and (max-width: 676px) {
  .rent-book .audi-bbok .view-all .inner-view {
    min-height: 90px;
  }
}
.rent-book .audi-bbok .view-all .inner-view .text-tile {
  padding-top: 13px;
}
.rent-book .audi-bbok .view-all .inner-view .text-tile h4 {
  font-size: 12px;
  color: gray;
}
.rent-book .audi-bbok .view-all .inner-view .btn {
  font-size: 14px;
  padding: 10px 20px;
}
@media screen and (max-width: 676px) {
  .rent-book .audi-bbok .view-all .inner-view .btn {
    padding: 4px 20px;
  }
}
.rent-book .audi-bbok .view-all .inner-view .text-vew {
  color: #1356ad;
  display: flex;
  margin-left: 0px;
  justify-content: center;
}
.rent-book .audi-bbok .view-all .inner-view .text-vew strong {
  font-size: 36px;
}
.rent-book .audi-bbok .view-all .inner-view .text-vew h6 {
  font-size: 24px;
  margin-top: 26px;
  margin-bottom: 15px;
  font-weight: 500;
}
@media screen and (max-width: 676px) {
  .rent-book .audi-bbok .view-all .inner-view .text-vew h6 {
    margin-top: -9px;
    font-size: 22px;
    margin-bottom: 0px;
  }
}
.rent-book .audi-bbok .view-all .inner-view .text-vew h5 {
  font-size: 12px;
  font-weight: 600;
  margin-top: 11px;
}
.rent-book .audi-bbok .view-all .inner-view .text-upr {
  display: flex;
  margin-left: 45px;
  height: 15px;
  color: #1356ad;
}
.rent-book .audi-bbok .view-all .inner-view .text-upr strong {
  text-decoration: line-through;
  font-size: 22px;
}
.rent-book .audi-bbok .view-all .inner-view .text-upr h5 {
  font-size: 16px;
  margin-top: 10px;
}
.rent-book .audi-bbok .view-all .inner-view .dooler {
  text-align: center;
  color: #1356ad;
}
.rent-book .audi-bbok .view-all .inner-view .dooler h5 {
  font-size: 12px;
}
.rent-book .audi-bbok .view-all .inner-view .dooler span {
  font-size: 14px;
}
.rent-book .audi-bbok .view-all .inner-view .dooler .btn {
  width: 84%;
  border-radius: 0px;
  background-color: red !important;
  border: none;
}
.rent-book .audi-bbok .miner {
  padding-top: 0px;
  width: 110%;
  margin-left: 0px;
}
@media screen and (min-width: 1600px) {
  .rent-book .audi-bbok .miner {
    width: 114%;
    margin-left: 0px;
  }
}
.rent-book .audi-bbok .miner .inner-text .btn {
  background-color: white;
  border: 1px solid lightgray;
  width: 100%;
  border-radius: 16px;
  height: 30px;
  font-size: 12px;
  margin-top: 14px;
}
@media screen and (max-width: 676px) {
  .rent-book .audi-bbok .miner .inner-text .btn {
    margin-top: -14px;
    margin-bottom: 10px;
  }
}
.rent-book .audi-bbok .miner .inner-text h2 {
  font-family: inherit;
  color: black;
  font-weight: 400;
  margin-left: 6px;
  font-size: 19px;
  margin-top: 14px;
  margin-bottom: 15px;
}
.rent-book .audi-bbok .miner .list-option {
  display: flex;
  width: 100%;
  border-bottom: 0px solid lightgray;
  margin-bottom: 0px;
}
.rent-book .audi-bbok .miner .list-option .two {
  width: 100%;
  border-top: 1px solid lightgray;
  border-right: 0px solid lightgray;
  height: 34px;
}
@media screen and (max-width: 676px) {
  .rent-book .audi-bbok .miner .list-option .two {
    height: 50px;
  }
}
.rent-book .audi-bbok .miner .list-option .two .sector {
  border-bottom: 0px solid lightgray;
  display: flex;
  align-items: baseline;
}
.rent-book .audi-bbok .miner .list-option .two .sector h6 {
  font-size: 12px;
  margin-left: 10px;
}
.rent-book .audi-bbok .miner .list-option .two .sector .mdi {
  margin-left: 6px;
  color: gray;
}
.rent-book .audi-bbok .miner .list-option .two .section {
  display: flex;
  height: 34px;
  border-bottom: 0px solid lightgray;
}
.rent-book .audi-bbok .miner .list-option .two .section .sec-min {
  border-right: 1px solid lightgray;
  width: 50%;
  text-align: center;
  display: flex;
}
@media screen and (max-width: 676px) {
  .rent-book .audi-bbok .miner .list-option .two .section .sec-min {
    height: 49px;
  }
}
.rent-book .audi-bbok .miner .list-option .two .section .sec-min span {
  font-size: 15px;
  color: grey;
  margin-top: 2px;
  margin-left: 4px;
  display: flex;
}
.rent-book .audi-bbok .miner .list-option .two .section .sec-min h6 {
  font-family: "Poppins", sans-serif;
  font-size: 9px;
  color: grey;
  margin-left: 4px;
  font-weight: 300;
}
.rent-book .audi-bbok .miner .list-option .two .section .sec-min .mdi {
  text-align: center;
  font-size: 22px;
  color: gray;
}
.rent-book .audi-bbok .miner .list-option .two .section .sec {
  width: 30%;
  text-align: center;
  color: #129dff;
}
.rent-book .audi-bbok .miner .list-option .two .section .sec h6 {
  font-size: 12px;
}
.rent-book .audi-bbok .miner .list-option .two .section .sec .mdi {
  text-align: center;
  font-size: 22px;
}
.rent-book .audi-bbok .miner .diver {
  display: flex;
  width: 100%;
  border-bottom: 1px solid lightgray;
  margin-bottom: 0px;
}
.rent-book .audi-bbok .miner .diver .one {
  width: 100%;
  border-top: 1px solid lightgray;
  border-right: 0px solid lightgray;
  height: 70px;
}
.rent-book .audi-bbok .miner .diver .one img {
  background-size: cover;
  background-position: center;
  width: 100%;
}
.rent-book .audi-bbok .miner .diver .one .sector {
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid lightgray;
}
.rent-book .audi-bbok .miner .diver .one .sector h6 {
  font-size: 12px;
  color: #129dff;
  margin-left: 3px;
}
.rent-book .audi-bbok .miner .diver .one .sector .mdi {
  color: #129dff;
}
.rent-book .audi-bbok .miner .diver .one .section {
  display: flex;
  height: 70px;
}
.rent-book .audi-bbok .miner .diver .one .section .sec-min {
  border-right: 1px solid lightgray;
  text-align: center;
  justify-content: center;
  width: 33%;
}
@media screen and (max-width: 676px) {
  .rent-book .audi-bbok .miner .diver .one .section .sec-min .extra-detail h6 {
    font-size: 10px;
  }
}
@media screen and (max-width: 676px) {
  .rent-book .audi-bbok .miner .diver .one .section .sec-min .heading-scetion {
    font-size: 11px;
  }
}
.rent-book .audi-bbok .miner .diver .one .section .sec-min h6,
.rent-book .audi-bbok .miner .diver .one .section .sec-min a {
  font-size: 12px;
  margin-top: 21px;
}
.rent-book .audi-bbok .miner .diver .one .section .sec-min .mdi {
  text-align: center;
  font-size: 22px;
  color: gray;
}
.rent-book .audi-bbok .miner .diver .one .section .sec-min span {
  font-size: 19px;
  height: 20px;
}
.rent-book .audi-bbok .miner .diver .one .section .sec-min span h6 {
  font-size: 12px;
}
@media screen and (max-width: 676px) {
  .rent-book .audi-bbok .miner .diver .one .section .sec-min span h6 {
    font-size: 10px !important;
  }
}
.rent-book .audi-bbok .miner .diver .one .section .sec {
  width: 33%;
  text-align: center;
}
.rent-book .audi-bbok .miner .diver .one .section .sec h6 {
  font-size: 12px;
  margin-top: 12px;
}
.rent-book .audi-bbok .miner .diver .one .section .sec .mdi {
  text-align: center;
  color: gray;
  font-size: 22px;
}
.rent-book .audi-bbok .miner .diver .view-all .inner-view {
  background-color: #f5fafe;
  min-height: 160px;
  text-align: center;
}
.rent-book .audi-bbok .miner .diver .view-all .inner-view .text-tile {
  padding-top: 13px;
}
.rent-book .audi-bbok .miner .diver .view-all .inner-view .text-tile h4 {
  font-size: 12px;
  color: gray;
}
.rent-book .audi-bbok .miner .diver .view-all .section {
  display: flex;
  height: 70px;
}
.rent-book .audi-bbok .miner .diver .view-all .section .sec-min {
  border-right: 1px solid lightgray;
  text-align: center;
  justify-content: center;
  width: 33%;
}
.rent-book .audi-bbok .miner .diver .view-all .section .sec-min h6 {
  font-size: 12px;
  margin-top: 21px;
}
@media screen and (max-width: 676px) {
  .rent-book .audi-bbok .miner .diver .view-all .section .sec-min h6 {
    font-size: 11px !important;
  }
}
.rent-book .audi-bbok .miner .diver .view-all .section .sec-min .mdi {
  text-align: center;
  font-size: 22px;
  color: gray;
}
.rent-book .audi-bbok .miner .diver .view-all .section .sec {
  width: 33%;
  text-align: center;
}
.rent-book .audi-bbok .miner .diver .view-all .section .sec h6 {
  font-size: 12px;
  margin-top: 12px;
}
.rent-book .audi-bbok .miner .diver .view-all .section .sec .mdi {
  text-align: center;
  color: gray;
  font-size: 22px;
}
.rent-book .bok-now {
  background-color: white;
  width: 100%;
  min-height: 200px;
  border: 2px solid #007bff;
  padding: 0px 20px 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media screen and (max-width: 767px) {
  .rent-book .bok-now {
    min-height: 145px;
  }
}
.rent-book .bok-now .informtion h3 {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: black;
  text-align: center;
  border-bottom: 1px solid lightgray;
  padding: 5px 0px 15px;
  margin-bottom: 0px;
}
.rent-book .bok-now .informtion .mdi {
  color: #129dff;
}
.rent-book .bok-now .car-text-t {
  display: flex;
  margin-left: 0px;
  color: gray;
}
.rent-book .bok-now .car-text-t .location-icon {
  font-size: 24px;
  margin-right: 10px;
}
.rent-book .bok-now .car-text-t .location-info .bold {
  font-weight: 500;
}
.rent-book .bok-now .car-text-t .location-info span {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: black;
  font-weight: 300;
}
.rent-book .bok-now .car-text-t h6 {
  font-size: 12px;
  margin-left: 4px;
}
.rent-book .bok-now .car-text {
  display: flex;
  margin-left: 0px;
  color: gray;
}
.rent-book .bok-now .car-text .location-icon {
  font-size: 24px;
  margin-right: 10px;
}
.rent-book .bok-now .car-text .location-info .bold {
  font-weight: 500;
}
.rent-book .bok-now .car-text .location-info span {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: black;
  font-weight: 300;
}
.rent-book .bok-now .car-text-heading {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: grey;
  margin-bottom: 5px;
  margin-top: 10px;
}
.rent-book .coolps {
  width: 100%;
  background-color: white;
  margin-top: 10px;
  min-height: 600px;
  padding: 0px 12px;
}
@media screen and (max-width: 767px) {
  .rent-book .coolps {
    min-height: 120px;
    display: flex;
  }
}
.rent-book .coolps .title-bar {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}
@media screen and (max-width: 767px) {
  .rent-book .coolps .title-bar {
    width: 40%;
  }
}
.rent-book .coolps .vichles-class {
  border-bottom: 1px solid lightgray;
}
@media screen and (max-width: 767px) {
  .rent-book .coolps .vichles-class {
    margin-left: 47px;
    border-bottom: none;
  }
}
.rent-book .coolps .vichles-class .bar-class {
  margin: 10px;
  padding-left: 0px !important;
}
@media screen and (max-width: 767px) {
  .rent-book .coolps .vichles-class .bar-class {
    margin-left: -128px;
    margin-top: 28px;
  }
}
.rent-book .coolps .vichles-class .bar-class input {
  width: 15px;
  height: 15px;
  margin: 3px 0px 0px 0px;
}
.rent-book .coolps .vichles-class .bar-class h6 {
  font-size: 14px;
  padding: 6px ​0px;
}
.rent-book .coolps .vichles-class .bar-class-secnd {
  margin: 10px;
  padding-left: 0px !important;
}
@media screen and (max-width: 767px) {
  .rent-book .coolps .vichles-class .bar-class-secnd {
    margin-left: -20px;
    margin-top: -2px;
  }
}
.rent-book .coolps .vichles-class .bar-class-secnd input {
  width: 15px;
  height: 15px;
  margin: 3px 0px 0px 0px;
}
.rent-book .coolps .vichles-class .bar-class-secnd h6 {
  font-size: 14px;
  padding: 6px ​0px;
}
@media screen and (max-width: 767px) {
  .rent-book .coolps .vichles-class .bar-class-secnd h6 {
    margin-left: -24px;
  }
}
.rent-book .coolps .vichles-class .form-check {
  padding-left: 0px;
}
.rent-book .coolps .vichles-class .form-check .form-check-label {
  font-size: 13px;
  color: black;
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  .rent-book .coolps .vichles-class .form-check .form-check-label {
    padding-left: 0px;
    margin: 4px;
  }
}
.rent-book .tb-car {
  padding-bottom: 3px;
}
.rent-book .tb-car .nav-tabs {
  border-bottom: none;
}
.rent-book .tb-car .nav-link {
  border: none;
  font-size: 14px;
}
.rent-book .tb-car .nav-item {
  font-size: 12px;
  font-family: "Poppins", sans-serif;
}
.rent-book .tb-car #home .box-divd {
  padding: 0px 14px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.rent-book .tb-car #home .box-divd .chlid {
  width: 100%;
  border-right: 1px solid lightgray;
  display: flex;
  justify-content: space-between;
}
.rent-book .tb-car #home .box-divd .chlid .mini-cr {
  display: flex;
}
.rent-book .tb-car #home .box-divd .chlid .min-pls .btn {
  border: 1px solid lightgray;
  padding-top: 0px;
  height: 24px;
  width: 25px;
  border-radius: 12px;
  padding-left: 3px;
}
.rent-book .tb-car #home .box-divd .chlid .min-pls h6 {
  margin-left: 10px;
}
.rent-book .tb-car #home .box-divd .chlid .min-pls .mins-sign {
  margin-top: -17px;
}
.rent-book .tb-car #home .box-divd .last-on {
  border: none;
}
.rent-book .tb-car #home .inner-view {
  display: flex;
  margin-left: 595px;
}
.rent-book .tb-car #home .inner-view .dooler .btn {
  margin-top: 6px;
  margin-left: 11px;
  border: none;
  width: 100%;
}
.rent-book .tb-car #home .inner-view .text-vew .dp {
  display: flex;
  justify-content: center;
}
.rent-book .tb-car #home .inner-view .text-vew .dp h6 {
  margin-top: 10px;
}
.rent-book .tb-car #home .inner-view .text-vew .dp strong {
  font-size: 24px;
}
.rent-book .tb-car #home .inner-view .text-vew h5 {
  font-size: 12px;
}
.rent-book .tb-car .rental-car {
  padding: 0px 14px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.rent-book .tb-car .rental-car .inner-view {
  display: flex;
  margin-left: 595px;
}
.rent-book .tb-car .rental-car .inner-view .dooler .btn {
  margin-top: 6px;
  margin-left: 11px;
  border: none;
  width: 100%;
}
.rent-book .tb-car .rental-car .inner-view .text-vew .dp {
  display: flex;
}
.rent-book .tb-car .rental-car .inner-view .text-vew .dp h6 {
  margin-top: 10px;
}
.rent-book .tb-car .rental-car .inner-view .text-vew .dp strong {
  font-size: 24px;
}
.rent-book .tb-car .rental-car .inner-view .text-vew h5 {
  font-size: 12px;
}
.rent-book .tb-car .rental-car .all-specification {
  padding: 0px 14px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.rent-book .tb-car .rental-car .all-specification .box-divd .chlid {
  width: 100%;
  border-right: 1px solid lightgray;
  display: flex;
  justify-content: space-between;
}
.rent-book .tb-car .rental-car .all-specification .box-divd .chlid .min-pls h6 {
  margin-left: 10px;
}
.rent-book .tb-car .rental-car .all-specification .box-divd .last-on {
  border: none;
}

.explore-vehicle {
  width: 100%;
  min-height: 600px;
  background-color: #f9f9f9;
  padding-top: 50px;
}
.explore-vehicle .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 20px;
  padding-top: 30px;
  min-height: 600px;
}
.explore-vehicle .container .blue-box {
  margin-right: -24px;
  width: 100%;
  min-height: 316px;
  background-color: #007bff;
  margin-top: -75px;
}
@media screen and (max-width: 676px) {
  .explore-vehicle .container .blue-box {
    margin-top: 0px;
    display: none;
  }
}
.explore-vehicle .container .blue-box .pages-menu-heading {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: white;
  line-height: 60px;
  padding: 0px 20px;
  border-bottom: 1px solid #3c8fed;
}
.explore-vehicle .container .blue-box .pages-menu {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 0 0px;
}
.explore-vehicle .container .blue-box .pages-menu ul {
  padding: 0px;
  margin: 0px;
}
.explore-vehicle .container .blue-box .pages-menu ul li {
  margin-bottom: 0px;
  line-height: 50px;
  border-bottom: 1px solid #3c8fed;
  padding: 0px 20px;
}
.explore-vehicle .container .blue-box .pages-menu ul li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.explore-vehicle .container .blue-box .pages-menu ul li a:hover {
  color: black;
  padding-left: 8px;
}
.explore-vehicle .container .blue-box .pages-menu ul li .active {
  color: #000000;
}
.explore-vehicle .container .blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.explore-vehicle .container .blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.explore-vehicle .container .blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.explore-vehicle .container .blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.explore-vehicle .container .blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}
.explore-vehicle .car-listing {
  background-color: white;
  padding: 20px 0px 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin-bottom: 10px;
}
.explore-vehicle .car-listing .car-listing:last-child {
  border-bottom: 0px solid #eaeeef;
  margin-bottom: 0px;
  border-radius: 0px;
}
.explore-vehicle .collapse .nav {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
}
.explore-vehicle .collapse .nav a.nav-link {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: grey;
  border: 0px;
  border-bottom: 2px solid #dee2e6;
}
.explore-vehicle .collapse .nav a.nav-link.active {
  border: 0px;
  border-bottom: 2px solid #007bff;
}
@media screen and (max-width: 676px) {
  .explore-vehicle .perfomance {
    flex-direction: column;
  }
}
.explore-vehicle .audi-bbok {
  width: 100%;
  min-height: 205px;
}
.explore-vehicle .audi-bbok .bg-car {
  display: flex;
  justify-content: center;
  background-size: cover;
  background-position: center;
  min-height: 160px;
  width: 100%;
  padding-top: 0px;
  vertical-align: middle;
  border-right: 1px solid lightgray;
}
.explore-vehicle .audi-bbok .bg-car img {
  background-size: cover;
  background-position: center;
  width: 100%;
}
.explore-vehicle .audi-bbok .view-all .inner-view {
  background-color: #f5fafe;
  min-height: 160px;
  text-align: center;
}
.explore-vehicle .audi-bbok .view-all .inner-view .text-tile {
  padding-top: 13px;
}
.explore-vehicle .audi-bbok .view-all .inner-view .text-tile h4 {
  font-size: 12px;
  color: gray;
}
.explore-vehicle .audi-bbok .view-all .inner-view .btn {
  font-size: 14px;
  padding: 10px 20px;
}
.explore-vehicle .audi-bbok .view-all .inner-view .text-vew {
  color: #1356ad;
  display: flex;
  margin-left: 0px;
  justify-content: center;
}
.explore-vehicle .audi-bbok .view-all .inner-view .text-vew strong {
  font-size: 36px;
}
.explore-vehicle .audi-bbok .view-all .inner-view .text-vew h6 {
  font-size: 24px;
  margin-top: 26px;
  margin-bottom: 15px;
  font-weight: 500;
}
.explore-vehicle .audi-bbok .view-all .inner-view .text-vew h5 {
  font-size: 12px;
  font-weight: 600;
  margin-top: 11px;
}
.explore-vehicle .audi-bbok .view-all .inner-view .text-upr {
  display: flex;
  margin-left: 45px;
  height: 15px;
  color: #1356ad;
}
.explore-vehicle .audi-bbok .view-all .inner-view .text-upr strong {
  text-decoration: line-through;
  font-size: 22px;
}
.explore-vehicle .audi-bbok .view-all .inner-view .text-upr h5 {
  font-size: 16px;
  margin-top: 10px;
}
.explore-vehicle .audi-bbok .view-all .inner-view .dooler {
  text-align: center;
  color: #1356ad;
}
.explore-vehicle .audi-bbok .view-all .inner-view .dooler h5 {
  font-size: 12px;
}
.explore-vehicle .audi-bbok .view-all .inner-view .dooler span {
  font-size: 14px;
}
.explore-vehicle .audi-bbok .view-all .inner-view .dooler .btn {
  width: 84%;
  border-radius: 0px;
  background-color: red !important;
  border: none;
}
.explore-vehicle .audi-bbok .miner {
  padding-top: 0px;
  width: 110%;
  margin-left: 0px;
}
@media screen and (min-width: 1600px) {
  .explore-vehicle .audi-bbok .miner {
    width: 114%;
    margin-left: 0px;
  }
}
.explore-vehicle .audi-bbok .miner .inner-text .btn {
  background-color: white;
  border: 1px solid lightgray;
  width: 100%;
  border-radius: 16px;
  height: 30px;
  font-size: 12px;
  margin-top: 14px;
}
@media screen and (max-width: 676px) {
  .explore-vehicle .audi-bbok .miner .inner-text .btn {
    margin-top: -6px;
    margin-bottom: 7px;
  }
}
.explore-vehicle .audi-bbok .miner .inner-text h2 {
  font-family: inherit;
  color: black;
  font-weight: 400;
  margin-left: 6px;
  font-size: 19px;
  margin-top: 14px;
  margin-bottom: 15px;
}
@media screen and (max-width: 676px) {
  .explore-vehicle .audi-bbok .miner .inner-text h2 {
    margin-top: 0px;
    margin-bottom: 3px;
  }
}
.explore-vehicle .audi-bbok .miner .list-option {
  display: flex;
  width: 100%;
  border-bottom: 0px solid lightgray;
  margin-bottom: 0px;
}
.explore-vehicle .audi-bbok .miner .list-option .two {
  width: 100%;
  border-top: 1px solid lightgray;
  border-right: 0px solid lightgray;
  height: 28px;
}
@media screen and (max-width: 676px) {
  .explore-vehicle .audi-bbok .miner .list-option .two {
    height: 50px;
  }
}
.explore-vehicle .audi-bbok .miner .list-option .two .sector {
  border-bottom: 0px solid lightgray;
  display: flex;
  align-items: baseline;
}
.explore-vehicle .audi-bbok .miner .list-option .two .sector h6 {
  font-size: 12px;
  margin-left: 10px;
}
.explore-vehicle .audi-bbok .miner .list-option .two .sector .mdi {
  margin-left: 6px;
  color: gray;
}
.explore-vehicle .audi-bbok .miner .list-option .two .section {
  display: flex;
  height: 28px;
  border-bottom: 0px solid lightgray;
}
.explore-vehicle .audi-bbok .miner .list-option .two .section .sec-min {
  border-right: 1px solid lightgray;
  width: 50%;
  text-align: center;
  display: flex;
}
@media screen and (max-width: 676px) {
  .explore-vehicle .audi-bbok .miner .list-option .two .section .sec-min {
    height: 49px;
  }
}
.explore-vehicle .audi-bbok .miner .list-option .two .section .sec-min h6 {
  font-family: "Poppins", sans-serif;
  font-size: 10px;
  color: grey;
  margin-left: 4px;
  font-weight: 300;
}
.explore-vehicle .audi-bbok .miner .list-option .two .section .sec-min span {
  font-size: 15px;
  color: grey;
  margin-top: 2px;
  margin-left: 4px;
  display: flex;
}
.explore-vehicle .audi-bbok .miner .list-option .two .section .mdi {
  text-align: center;
  font-size: 22px;
  color: gray;
}
.explore-vehicle .audi-bbok .miner .list-option .two .sec {
  width: 30%;
  text-align: center;
  color: #129dff;
}
.explore-vehicle .audi-bbok .miner .list-option .two .sec h6 {
  font-size: 12px;
}
.explore-vehicle .audi-bbok .miner .list-option .two .sec .mdi {
  text-align: center;
  font-size: 22px;
}
.explore-vehicle .audi-bbok .middle-gallery {
  display: flex;
  align-items: center;
}
.explore-vehicle .audi-bbok .middle-gallery img {
  width: 39%;
  height: 100%;
}
.explore-vehicle .audi-bbok .middle-gallery span {
  width: 22%;
}
.explore-vehicle .audi-bbok .middle-gallery span img {
  width: 100%;
  height: 50%;
}
.explore-vehicle .audi-bbok .diver {
  display: flex;
  width: 100%;
  border-bottom: 1px solid lightgray;
  margin-bottom: 0px;
}
.explore-vehicle .audi-bbok .diver .one {
  width: 100%;
  border-top: 1px solid lightgray;
  border-right: 0px solid lightgray;
  height: 70px;
}
.explore-vehicle .audi-bbok .diver .one img {
  background-size: cover;
  background-position: center;
  width: 100%;
}
.explore-vehicle .audi-bbok .diver .one .sector {
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid lightgray;
}
.explore-vehicle .audi-bbok .diver .one .sector h6 {
  font-size: 12px;
  color: #129dff;
  margin-left: 3px;
}
.explore-vehicle .audi-bbok .diver .one .sector .mdi {
  color: #129dff;
}
.explore-vehicle .audi-bbok .diver .one .section {
  display: flex;
  height: 70px;
}
.explore-vehicle .audi-bbok .diver .one .section .sec-min {
  border-right: 1px solid lightgray;
  text-align: center;
  justify-content: center;
  width: 33%;
}
@media screen and (max-width: 676px) {
  .explore-vehicle .audi-bbok .diver .one .section .sec-min .extra-detail h6 {
    font-size: 9px;
  }
}
@media screen and (max-width: 676px) {
  .explore-vehicle .audi-bbok .diver .one .section .sec-min .heading-scetion {
    font-size: 11px;
  }
}
.explore-vehicle .audi-bbok .diver .one .section .sec-min span {
  font-size: 19px;
  height: 20px;
}
.explore-vehicle .audi-bbok .diver .one .section .sec-min span h6 {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
}
@media screen and (max-width: 676px) {
  .explore-vehicle .audi-bbok .diver .one .section .sec-min span h6 {
    font-size: 9px !important;
  }
}
.explore-vehicle .audi-bbok .diver .one .section .sec-min h6 a {
  font-size: 12px;
  margin-top: 21px;
}
.explore-vehicle .audi-bbok .diver .one .section .sec-min h6 .mdi {
  text-align: center;
  font-size: 22px;
  color: gray;
}
.explore-vehicle .audi-bbok .diver .one .section .sec-min h6 span {
  font-size: 19px;
  height: 20px;
}
.explore-vehicle .audi-bbok .diver .one .section .sec-min h6 span h6 {
  font-size: 12px;
}
@media screen and (max-width: 676px) {
  .explore-vehicle .audi-bbok .diver .one .section .sec-min h6 span h6 {
    font-size: 10px !important;
  }
}
.explore-vehicle .audi-bbok .diver .one .section .sec-min .sec {
  width: 33%;
  text-align: center;
}
.explore-vehicle .audi-bbok .diver .one .section .sec-min .sec h6 {
  font-size: 12px;
  margin-top: 12px;
}
.explore-vehicle .audi-bbok .diver .one .section .sec-min .sec .mdi {
  text-align: center;
  color: gray;
  font-size: 22px;
}
.explore-vehicle .audi-bbok .diver .one .view-all .inner-view {
  background-color: #f5fafe;
  min-height: 160px;
  text-align: center;
}
.explore-vehicle .audi-bbok .diver .one .view-all .inner-view .text-tile {
  padding-top: 13px;
}
.explore-vehicle .audi-bbok .diver .one .view-all .inner-view .text-tile h4 {
  font-size: 12px;
  color: gray;
}
.explore-vehicle .audi-bbok .diver .one .view-all .section {
  display: flex;
  height: 70px;
}
.explore-vehicle .audi-bbok .diver .one .view-all .section .sec-min {
  border-right: 1px solid lightgray;
  text-align: center;
  justify-content: center;
  width: 33%;
}
.explore-vehicle .audi-bbok .diver .one .view-all .section .sec-min h6 {
  font-size: 12px;
  margin-top: 21px;
}
.explore-vehicle .audi-bbok .diver .one .view-all .section .sec-min .mdi {
  text-align: center;
  font-size: 22px;
  color: gray;
}
.explore-vehicle .audi-bbok .diver .one .view-all .section .sec {
  width: 33%;
  text-align: center;
}
.explore-vehicle .audi-bbok .diver .one .view-all .section .sec h6 {
  font-size: 12px;
  margin-top: 12px;
}
.explore-vehicle .audi-bbok .diver .one .view-all .section .sec .mdi {
  text-align: center;
  color: gray;
  font-size: 22px;
}
.explore-vehicle .bok-now {
  background-color: white;
  width: 100%;
  min-height: 200px;
  border: 2px solid #007bff;
  padding: 0px 20px 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media screen and (max-width: 767px) {
  .explore-vehicle .bok-now {
    min-height: 145px;
  }
}
.explore-vehicle .bok-now .informtion h3 {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: black;
  text-align: center;
  border-bottom: 1px solid lightgray;
  padding: 5px 0px 15px;
  margin-bottom: 0px;
}
.explore-vehicle .bok-now .informtion .mdi {
  color: #129dff;
}
.explore-vehicle .bok-now .car-text-t {
  display: flex;
  margin-left: 0px;
  color: gray;
}
.explore-vehicle .bok-now .car-text-t .location-icon {
  font-size: 24px;
  margin-right: 10px;
}
.explore-vehicle .bok-now .car-text-t .location-info .bold {
  font-weight: 500;
}
.explore-vehicle .bok-now .car-text-t .location-info span {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: black;
  font-weight: 300;
}
.explore-vehicle .bok-now .car-text-t h6 {
  font-size: 12px;
  margin-left: 4px;
}
.explore-vehicle .bok-now .car-text {
  display: flex;
  margin-left: 0px;
  color: gray;
}
.explore-vehicle .bok-now .car-text .location-icon {
  font-size: 24px;
  margin-right: 10px;
}
.explore-vehicle .bok-now .car-text .location-info .bold {
  font-weight: 500;
}
.explore-vehicle .bok-now .car-text .location-info span {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: black;
  font-weight: 300;
}
.explore-vehicle .bok-now .car-text-heading {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: grey;
  margin-bottom: 5px;
  margin-top: 10px;
}
.explore-vehicle .coolps {
  width: 100%;
  background-color: white;
  margin-top: 10px;
  min-height: 600px;
  padding: 0px 12px;
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps {
    min-height: 104px;
  }
}
.explore-vehicle .coolps .title-bar {
  display: flex;
  justify-content: space-between;
  padding-top: 8px;
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps .title-bar {
    width: 40%;
  }
}
.explore-vehicle .coolps .vichles-class {
  border-bottom: 1px solid lightgray;
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps .vichles-class {
    margin-left: 47px;
  }
}
.explore-vehicle .coolps .vichles-class .bar-class {
  margin: 10px;
  padding-left: 0px !important;
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps .vichles-class .bar-class {
    margin-left: -128pxpx;
    margin-top: 28px;
  }
}
.explore-vehicle .coolps .vichles-class .bar-class input {
  width: 15px;
  height: 15px;
  margin: 3px 0px 0px 0px;
}
.explore-vehicle .coolps .vichles-class .bar-class h6 {
  font-size: 14px;
  padding: 6px ​0px;
}
.explore-vehicle .coolps .vichles-class .bar-class-secnd {
  margin: 10px;
  padding-left: 0px !important;
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps .vichles-class .bar-class-secnd {
    margin-left: -20px;
    margin-top: -2px;
  }
}
.explore-vehicle .coolps .vichles-class .bar-class-secnd input {
  width: 15px;
  height: 15px;
  margin: 3px 0px 0px 0px;
}
.explore-vehicle .coolps .vichles-class .bar-class-secnd h6 {
  font-size: 14px;
  padding: 6px ​0px;
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps .vichles-class .bar-class-secnd h6 {
    margin-left: -24px;
  }
}
.explore-vehicle .coolps .vichles-class .form-check {
  padding-left: 0px;
}
.explore-vehicle .coolps .vichles-class .form-check .form-check-label {
  font-size: 13px;
  color: black;
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps .on-mobl-set {
    padding-top: 17px;
  }
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps .on-mobl-set .on-mbile-two {
    display: flex;
    margin-left: -92px;
    margin-top: -25px;
    display: show !important;
  }
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps .on-mobl-set .on-mbile-two .custom {
    border: none;
    margin-left: 169px;
  }
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps .on-mobl-set .on-mbile-two .custom select {
    border-color: lightgray;
    border-radius: 3px;
  }
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps .on-mobl-set .on-mbile {
    display: flex;
    margin-left: -92px;
    display: show !important;
  }
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps .on-mobl-set .on-mbile .custom {
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .explore-vehicle .coolps .on-mobl-set .on-mbile .custom select {
    border-color: lightgray;
    border-radius: 3px;
  }
}
.explore-vehicle .tb-car {
  padding-bottom: 3px;
}
.explore-vehicle .tb-car .nav-tabs {
  border-bottom: none;
}
.explore-vehicle .tb-car .nav-link {
  border: none;
  font-size: 14px;
}
.explore-vehicle .tb-car .nav-item {
  font-size: 12px;
  font-family: "Poppins", sans-serif;
}
.explore-vehicle .tb-car #home .box-divd {
  padding: 0px 14px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.explore-vehicle .tb-car #home .box-divd .chlid {
  width: 100%;
  border-right: 1px solid lightgray;
  display: flex;
  justify-content: space-between;
}
.explore-vehicle .tb-car #home .box-divd .chlid .mini-cr {
  display: flex;
}
.explore-vehicle .tb-car #home .box-divd .chlid .min-pls .btn {
  border: 1px solid lightgray;
  padding-top: 0px;
  height: 24px;
  width: 25px;
  border-radius: 12px;
  padding-left: 3px;
}
.explore-vehicle .tb-car #home .box-divd .chlid .min-pls h6 {
  margin-left: 10px;
}
.explore-vehicle .tb-car #home .box-divd .chlid .min-pls .mins-sign {
  margin-top: -17px;
}
.explore-vehicle .tb-car #home .box-divd .last-on {
  border: none;
}
.explore-vehicle .tb-car #home .inner-view {
  display: flex;
  margin-left: 595px;
}
.explore-vehicle .tb-car #home .inner-view .dooler .btn {
  margin-top: 6px;
  margin-left: 11px;
  border: none;
  width: 100%;
}
.explore-vehicle .tb-car #home .inner-view .text-vew .dp {
  display: flex;
  justify-content: center;
}
.explore-vehicle .tb-car #home .inner-view .text-vew .dp h6 {
  margin-top: 10px;
}
.explore-vehicle .tb-car #home .inner-view .text-vew .dp strong {
  font-size: 24px;
}
.explore-vehicle .tb-car #home .inner-view .text-vew h5 {
  font-size: 12px;
}
.explore-vehicle .tb-car .rental-car {
  padding: 0px 14px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.explore-vehicle .tb-car .rental-car .inner-view {
  display: flex;
  margin-left: 595px;
}
.explore-vehicle .tb-car .rental-car .inner-view .dooler .btn {
  margin-top: 6px;
  margin-left: 11px;
  border: none;
  width: 100%;
}
.explore-vehicle .tb-car .rental-car .inner-view .text-vew .dp {
  display: flex;
}
.explore-vehicle .tb-car .rental-car .inner-view .text-vew .dp h6 {
  margin-top: 10px;
}
.explore-vehicle .tb-car .rental-car .inner-view .text-vew .dp strong {
  font-size: 24px;
}
.explore-vehicle .tb-car .rental-car .inner-view .text-vew h5 {
  font-size: 12px;
}
.explore-vehicle .tb-car .rental-car .all-specification {
  padding: 0px 14px;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}
.explore-vehicle .tb-car .rental-car .all-specification .box-divd .chlid {
  width: 100%;
  border-right: 1px solid lightgray;
  display: flex;
  justify-content: space-between;
}
.explore-vehicle .tb-car .rental-car .all-specification .box-divd .chlid .min-pls h6 {
  margin-left: 10px;
}
.explore-vehicle .tb-car .rental-car .all-specification .box-divd .last-on {
  border: none;
}

.privacy-page {
  width: 100%;
  min-height: 600px;
  background-color: #f9f9f9;
  padding-top: 50px;
}
.privacy-page .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 20px;
  padding-top: 30px;
  min-height: 600px;
}
.privacy-page .container .privacy-content h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: black;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 30px;
  padding: 0px;
}
.privacy-page .container .privacy-content h3 {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  color: #007bff;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
.privacy-page .container .privacy-content p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: black;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.privacy-page .container .about-services {
  height: 320px;
  padding: 20px 0px;
}
.privacy-page .container .about-services .service-box {
  width: 100%;
  height: 250px;
  padding: 30px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.privacy-page .container .about-services .service-box .service-img {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .privacy-page .container .about-services .service-box .service-img {
    text-align: center;
  }
}
.privacy-page .container .about-services .service-box .service-img img {
  height: 70px;
}
.privacy-page .container .about-services .service-box .service-heading {
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .privacy-page .container .about-services .service-box .service-heading {
    text-align: center;
  }
}
.privacy-page .container .about-services .service-box .service-heading h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  letter-spacing: 0.5px;
}
.privacy-page .container .about-services .service-box .service-text {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.privacy-page .container .about-services .service-box:hover {
  background-color: #007bff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  color: #ffffff;
  margin-top: -10px;
}
.privacy-page .container .about-banner {
  background-color: #007bff;
  width: 100%;
  height: 250px;
  -webkit-border-top-right-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius-topright: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-top-right-radius: 50px;
  border-bottom-left-radius: 50px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media screen and (max-width: 676px) {
  .privacy-page .container .about-banner {
    margin-top: 468px;
  }
}
.privacy-page .container .about-banner .banner-text {
  padding: 55px 30px;
}
@media screen and (max-width: 676px) {
  .privacy-page .container .about-banner .banner-text {
    height: 200px;
  }
}
.privacy-page .container .about-banner .banner-text h3 {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}
@media screen and (max-width: 676px) {
  .privacy-page .container .about-banner .banner-text h3 {
    font-size: 12px;
  }
}
.privacy-page .container .about-banner .banner-text p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.privacy-page .container .about-banner .banner-text .btn {
  width: 30%;
  height: 40px;
  background-color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #007bff;
  margin-top: 11px;
  border-radius: 0px;
  padding-top: 10px;
  border: none;
}
@media screen and (max-width: 676px) {
  .privacy-page .container .about-banner .banner-text .btn {
    width: 68%;
    height: 37px;
    margin-top: -1px;
  }
}
.privacy-page .container .about-banner .banner-text .btn:hover {
  background-color: #000;
  color: #fff;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.privacy-page .container .about-banner .banner-img {
  width: 100%;
}
.privacy-page .container .about-banner .banner-img img {
  width: auto;
  height: 250px;
  margin-left: -40px;
}
@media screen and (max-width: 676px) {
  .privacy-page .container .about-banner .banner-img img {
    width: 100%;
    height: 191px;
    margin-left: 60px;
  }
}
.privacy-page .container .blue-box {
  margin-right: -24px;
  width: 100%;
  min-height: 316px;
  background-color: #007bff;
  margin-top: -75px;
}
@media screen and (max-width: 676px) {
  .privacy-page .container .blue-box {
    margin-top: 160px;
  }
}
.privacy-page .container .blue-box .pages-menu-heading {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: white;
  line-height: 60px;
  padding: 0px 20px;
  border-bottom: 1px solid #3c8fed;
}
.privacy-page .container .blue-box .pages-menu {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 0 0px;
}
.privacy-page .container .blue-box .pages-menu ul {
  padding: 0px;
  margin: 0px;
}
.privacy-page .container .blue-box .pages-menu ul li {
  margin-bottom: 0px;
  line-height: 50px;
  border-bottom: 1px solid #3c8fed;
  padding: 0px 20px;
}
.privacy-page .container .blue-box .pages-menu ul li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.privacy-page .container .blue-box .pages-menu ul li a:hover {
  color: black;
  padding-left: 8px;
}
.privacy-page .container .blue-box .pages-menu ul li .active {
  color: #000000;
}
.privacy-page .container .blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.privacy-page .container .blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.privacy-page .container .blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.privacy-page .container .blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.privacy-page .container .blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}

/* // rimsha css */
#signin,
#forgot,
#footer {
  /* Forgot password */
  /* Footer Css */
  @import url("https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp");
  @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,500;1,600;1,700;1,800;1,900&display=swap");
  /*responsive*/
}
#signin *,
#forgot *,
#footer * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#signin .parent_div,
#forgot .parent_div,
#footer .parent_div {
  width: 100vw;
  height: 100vh;
  background: #edeef0;
  position: relative;
}
#signin .child_div,
#forgot .child_div,
#footer .child_div {
  width: 80vw;
  height: 85vh;
  background: white;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#signin h1,
#forgot h1,
#footer h1 {
  font-family: arial;
  text-align: center;
  padding-top: 70px;
  font-weight: bold;
}
#signin hr.new12,
#forgot hr.new12,
#footer hr.new12 {
  border-top: 2px solid blue;
  width: 70px;
  margin-left: 500px;
}
#signin .centered,
#forgot .centered,
#footer .centered {
  padding-left: 350px;
  width: 180%;
  height: 40px;
}
#signin .btn11,
#forgot .btn11,
#footer .btn11 {
  height: 40px;
  width: 14%;
  padding: 7px 15px;
  background-color: #428bca;
  border: 1px solid #357ebd;
  font-family: inherit;
  font-size: 100%;
  margin-left: 480px;
}
#signin body,
#forgot body,
#footer body {
  line-height: 1.5;
  font-family: "Poppins", sans-serif;
}
#signin *,
#forgot *,
#footer * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#signin .container,
#forgot .container,
#footer .container {
  max-width: 1170px;
  margin: auto;
}
@media screen and (min-width: 1400px) {
  #signin .container,
#forgot .container,
#footer .container {
    max-width: 1300px !important;
  }
}
#signin .row,
#forgot .row,
#footer .row {
  display: flex;
  flex-wrap: wrap;
}
#signin ul,
#forgot ul,
#footer ul {
  list-style: none;
}
#signin .footer,
#forgot .footer,
#footer .footer {
  background-color: white;
  padding: 70px 0;
}
#signin .footer .footer-col,
#forgot .footer .footer-col,
#footer .footer .footer-col {
  width: 25%;
  padding: 0 15px;
}
#signin .footer .footer-col .footer-logo,
#forgot .footer .footer-col .footer-logo,
#footer .footer .footer-col .footer-logo {
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
}
#signin .footer .footer-col .footer-logo img,
#forgot .footer .footer-col .footer-logo img,
#footer .footer .footer-col .footer-logo img {
  height: 40px;
}
@media screen and (max-width: 676px) {
  #signin .footer .footer-col .footer-logo img,
#forgot .footer .footer-col .footer-logo img,
#footer .footer .footer-col .footer-logo img {
    width: 100% !important;
  }
}
#signin .footer .footer-col footer-text,
#forgot .footer .footer-col footer-text,
#footer .footer .footer-col footer-text {
  width: 100%;
  margin-bottom: 10px;
}
#signin .footer .footer-col footer-text p,
#forgot .footer .footer-col footer-text p,
#footer .footer .footer-col footer-text p {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  padding: 0px;
  margin: 0px;
}
#signin .footer-col h4,
#forgot .footer-col h4,
#footer .footer-col h4 {
  font-size: 18px;
  color: #007bff;
  text-transform: capitalize;
  margin-bottom: 35px;
  font-weight: 500;
  position: relative;
}
@media screen and (max-width: 676px) {
  #signin .footer-col h4,
#forgot .footer-col h4,
#footer .footer-col h4 {
    margin-bottom: 12px;
  }
}
#signin .footer-col ul li:not(:last-child),
#forgot .footer-col ul li:not(:last-child),
#footer .footer-col ul li:not(:last-child) {
  margin-bottom: 10px;
}
#signin .footer-col ul li a,
#forgot .footer-col ul li a,
#footer .footer-col ul li a {
  font-size: 16px;
  text-transform: capitalize;
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  color: black;
  display: block;
  transition: all 0.3s ease;
}
#signin .footer-col ul li a:hover,
#forgot .footer-col ul li a:hover,
#footer .footer-col ul li a:hover {
  color: gray;
  padding-left: 8px;
}
#signin .footer-col .social-links a,
#forgot .footer-col .social-links a,
#footer .footer-col .social-links a {
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: 0 5px 5px 0;
  text-align: center;
  line-height: 30px;
  border-radius: 5%;
  color: black;
  background-color: #ffffff;
  transition: all 0.5s ease;
}
#signin .footer-col .social-links a:hover,
#forgot .footer-col .social-links a:hover,
#footer .footer-col .social-links a:hover {
  color: #007bff;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  #signin .footer-col,
#forgot .footer-col,
#footer .footer-col {
    width: 50%;
    margin-bottom: 30px;
  }
}
@media (max-width: 574px) {
  #signin .footer-col,
#forgot .footer-col,
#footer .footer-col {
    width: 100%;
  }
}
#signin .copyright-block,
#forgot .copyright-block,
#footer .copyright-block {
  background-color: #fcfbfb;
  padding-top: 15px;
  padding-bottom: 24px;
  padding-left: 112px;
  opacity: 0.5;
  font-size: 13px;
  margin-bottom: 0;
}
@media screen and (max-width: 676px) {
  #signin .copyright-block,
#forgot .copyright-block,
#footer .copyright-block {
    padding-bottom: 100px;
  }
}
#signin h5,
#forgot h5,
#footer h5 {
  font-weight: 11;
  font-family: sans-serif;
  color: gray;
  padding: 5px;
  word-spacing: 1px;
}
#signin h2,
#forgot h2,
#footer h2 {
  font-weight: 13;
  font-family: sans-serif;
  color: gray;
  padding: 5px;
  word-spacing: 2px;
}

footer {
  background-color: #f5f5f5;
}

.footer-widget h4 {
  margin-bottom: 130px;
}

/* new_signin css stuff */
.navbar-toggler:focus {
  box-shadow: none !important;
}

.navbar-brand {
  width: 100% !important;
}
.navbar-brand h3 {
  margin-bottom: 0px;
}
.navbar-brand img {
  width: auto;
  height: 75px;
  margin: 0px;
  padding: 0px;
}
@media screen and (max-width: 676px) {
  .navbar-brand img {
    width: 106%;
    margin-left: 17px;
  }
}

/* personal info css */
.personal-info {
  width: 100%;
  min-height: 600px;
  background-color: #f9f9f9;
  padding-top: 30px;
}
.personal-info .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 30px;
}
.personal-info .error-message {
  font-size: 12px;
}
.personal-info .bulit-point {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: black;
  padding-left: 10px;
}
.personal-info .info-person {
  width: 100%;
  min-height: 225px;
  background-color: white;
  margin-bottom: 20px;
}
.personal-info .info-person .title-info {
  padding-top: 18px;
  padding-left: 16px;
}
.personal-info .info-person .title-info h5 {
  font-family: inherit;
  font-size: 18px;
  color: black;
  font-weight: 400;
}
.personal-info .info-person .name-section .mainer {
  display: flex;
  width: 100%;
  align-items: flex-end;
}
.personal-info .info-person .name-section .mainer .first-info {
  width: 50%;
  height: 40px;
  border-radius: 0px;
  border: 1px solid lightgray;
  padding-top: 10px;
  margin-top: 19px !important;
  font-size: 14px;
}
.personal-info .info-person .name-section .enter {
  width: 100%;
}
.personal-info .info-person .name-section .enter input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0px 20px;
  font-size: 14px;
}
.personal-info .info-person .name-section .enter label {
  margin-bottom: 0px;
  font-size: 12px;
  width: 100%;
}
.personal-info .info-person .name-section .enter .phone-nbr {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .personal-info .info-person .name-section .enter .phone-nbr {
    margin-left: 0px;
  }
}
.personal-info .info-person .name-section .enter .phone-nbr input {
  margin-left: 0px;
  width: 100%;
}
.personal-info .info-person .name-section .enter .phone-nbr .form-select {
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  height: 39px;
  width: 25%;
  margin: 1px;
}
.personal-info .info-person .name-section .date-birth {
  width: 100%;
}
.personal-info .info-person .name-section .date-birth label {
  margin-bottom: 0px;
  font-size: 12px;
  width: 100%;
}
.personal-info .info-person .name-section .date-birth .birthdy {
  display: flex;
  width: 100%;
}
.personal-info .info-person .name-section .date-birth .birthdy input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.personal-info .info-person .name-section .date-birth .birthdy .form-select {
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  width: 32%;
  height: 39px;
  margin: 2px;
}
.personal-info .info-person .name-section .mail-line {
  width: 100%;
  margin-top: 0px;
  margin-left: 0px;
}
.personal-info .info-person .name-section .mail-line input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.personal-info .info-person .name-section .mail-line label {
  margin-bottom: 0px;
  font-size: 12px;
}
.personal-info .info-person .name-section .enter-scnd {
  width: 100%;
}
.personal-info .info-person .name-section .enter-scnd input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.personal-info .info-person .name-section .enter-scnd label {
  margin-bottom: 0px;
  font-size: 12px;
}
.personal-info .info-person .name-section .driving-age {
  width: 90%;
  margin-top: -3px;
  margin-left: 34px;
}
.personal-info .info-person .name-section .driving-age label {
  margin-bottom: 0px;
  font-size: 12px;
}
.personal-info .info-person .name-section .driving-age .age-nbr {
  width: 100%;
}
.personal-info .info-person .name-section .driving-age .age-nbr .form-select {
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  height: 39px;
  width: 59%;
}
.personal-info .info-person .name-section .driving-age label h6 {
  font-size: 10px;
  color: gray;
}
.personal-info .info-person .name-section .countine {
  padding-left: 210px;
}
.personal-info .info-person .name-section .countine .btn {
  border-radius: 0px;
  width: 80%;
  margin-top: 27px;
}
.personal-info .discount-code {
  width: 100%;
  background-color: white;
  min-height: 140px;
  padding-top: 15px;
  margin-bottom: 20px;
}
.personal-info .discount-code .discnt-title h5 {
  padding-left: 16px;
  font-family: inherit;
  font-size: 18px;
  color: black;
  font-weight: 400;
}
.personal-info .discount-code .code {
  width: 100%;
  padding-left: 0px;
}
.personal-info .discount-code .code label {
  display: block;
  font-size: 12px;
}
.personal-info .discount-code .code input {
  width: 100%;
  margin-top: -3px;
  height: 40px;
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  padding-left: 10px;
}
.personal-info .discount-code .countine {
  padding-left: 0px;
}
.personal-info .discount-code .countine .btn {
  border-radius: 0px;
  width: 100%;
  margin-top: 24px;
}
.personal-info .payment-method {
  width: 100%;
  background-color: white;
  min-height: 200px;
  padding-top: 15px;
  margin-bottom: 20px;
}
.personal-info .payment-method .methd {
  padding-bottom: 10px;
  padding-left: 16px;
}
.personal-info .payment-method .methd h5 {
  font-family: inherit;
  font-size: 18px;
  color: black;
  font-weight: 400;
}
.personal-info .payment-method .crd-rd {
  width: 70%;
  display: flex;
  font-size: 14px;
  margin: 0px 19px;
}
.personal-info .payment-method .date-birth {
  width: 100%;
}
.personal-info .payment-method .date-birth label {
  margin-bottom: 0px;
  font-size: 12px;
  width: 100%;
}
.personal-info .payment-method .date-birth .birthdy {
  display: flex;
  width: 100%;
}
.personal-info .payment-method .date-birth .birthdy .form-select {
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  width: 45%;
  height: 39px;
  margin: 2px;
}
.personal-info .payment-method .date-birth .birthdy input {
  width: 90%;
  height: 40px;
  border: 1px solid lightgray;
  border-radius: 0px;
}
.personal-info .payment-method .date-birth .birthdy form {
  margin-top: -17px;
  margin-left: 8px;
}
.personal-info .payment-method .mail-line {
  width: 100%;
  margin-left: 5px;
}
.personal-info .payment-method .mail-line input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.personal-info .payment-method .mail-line label {
  margin-bottom: 0px;
  font-size: 12px;
}
.personal-info .payment-method .card-nbr {
  width: 100%;
}
.personal-info .payment-method .card-nbr input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.personal-info .payment-method .card-nbr label {
  margin-bottom: 0px;
  font-size: 12px;
}
.personal-info .payment-method .have {
  padding-top: 44px;
  padding-left: 1px;
}
.personal-info .payment-method .inner-view {
  display: flex;
  justify-content: end;
  padding-top: 25px;
  width: 100%;
}
.personal-info .payment-method .inner-view .text-vew {
  margin-left: -63px;
}
.personal-info .payment-method .inner-view .dooler {
  width: 77%;
}
.personal-info .payment-method .inner-view .dooler .btn {
  margin-top: 11px;
  border-radius: 0px;
  margin-left: 11px;
  border: none;
  width: calc(100% - 11px);
  height: 40px;
}
.personal-info .payment-method .inner-view .text-vew .dp {
  display: flex;
  color: #007bff !important;
}
.personal-info .payment-method .inner-view .text-vew .dp h6 {
  margin-top: 10px;
}
.personal-info .payment-method .inner-view .text-vew .dp strong {
  font-size: 24px;
}
.personal-info .payment-method .inner-view .text-vew .dp h5 {
  margin-top: 9px;
}
.personal-info .payment-method .inner-view .text-vew h5 {
  font-size: 12px;
}
/* Enhanced personal-info car-audi sidebar design */
.personal-info .car-audi {
  background-color: #ffffff;
  width: 100%;
  border: 1px solid #e8ecf1;
  border-radius: 12px;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05);
  padding: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
  margin-bottom: 25px;
}
@media screen and (max-width: 991px) {
  .personal-info .car-audi {
    position: static;
    margin-top: 20px;
  }
}
.personal-info .car-audi .car-pic {
  text-align: center;
  padding: 10px;
  background-color: #f8f9fa;
  border-radius: 8px;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.personal-info .car-audi .car-pic img {
  max-width: 100%;
  max-height: 110px;
  object-fit: contain;
}
.personal-info .car-audi .car-heading {
  text-align: center;
}
.personal-info .car-audi .car-heading h2 {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  color: #111;
  font-weight: 600;
  margin: 0px 0px 12px 0px;
  padding: 0px;
}
.personal-info .car-audi .car-extra-items {
  display: flex;
  gap: 6px;
  margin-left: 0px;
  color: #555;
  justify-content: space-between;
  margin-bottom: 15px;
}
.personal-info .car-audi .car-extra-items .extra-items {
  flex: 1;
  min-width: 0;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  color: #555;
  padding: 6px 4px;
  border: 1px solid #e5e9ee;
  background: #f8f9fa;
  border-radius: 6px;
  margin-top: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.personal-info .car-audi .car-extra-items .extra-items .extra-icon {
  display: flex;
  align-items: center;
  color: #007bff;
}
.personal-info .car-audi .car-extra-items .extra-items .extra-icon .material-icons-outlined {
  font-size: 17px;
}
.personal-info .car-audi .car-extra-items .extra-items .extra-text {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  color: #333;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.personal-info .car-audi .persnl-driver {
  display: flex;
  width: 100%;
  padding: 0px 20px;
  margin-bottom: 5px;
}
.personal-info .car-audi .persnl-driver .one {
  width: 50%;
  border-top: 1px solid lightgray;
  border-right: 1px solid lightgray;
}
.personal-info .car-audi .persnl-driver .one .sector {
  display: flex;
  padding-left: 38px;
  align-items: baseline;
  border-bottom: 1px solid lightgray;
}
.personal-info .car-audi .persnl-driver .one .sector h6 {
  font-size: 12px;
  color: #129dff;
  margin-left: 3px;
}
.personal-info .car-audi .persnl-driver .one .sector .mdi {
  color: #129dff;
}
.personal-info .car-audi .persnl-driver .two {
  width: 55%;
  border-top: 1px solid lightgray;
}
.personal-info .car-audi .persnl-driver .two .sector {
  border-bottom: 1px solid lightgray;
  display: flex;
  align-items: baseline;
  padding-left: 9px;
}
.personal-info .car-audi .persnl-driver .two .sector h6 {
  font-size: 12px;
  margin-left: 3px;
}
.personal-info .car-audi .persnl-driver .two .sector .mdi {
  margin-left: 6px;
  color: gray;
}
.personal-info .car-audi .last {
  text-align: center;
  margin-left: 20px;
  width: 86%;
  border-bottom: 1px solid lightgray;
}
.personal-info .car-audi .last a {
  text-decoration: none;
}
.personal-info .car-audi .persnal-bk {
  width: 100%;
  border-top: 1px solid #edf0f2;
  padding-top: 12px;
  margin-top: 10px;
}
.personal-info .car-audi .persnal-bk .informtion h3 {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #718096;
  text-align: left;
  border: none;
  padding: 0px 0px 8px 0px;
  margin-bottom: 4px;
}
.personal-info .car-audi .booking-loc-box {
  background: #f8f9fa;
  border: 1px solid #edf0f2;
  border-radius: 6px;
  padding: 8px 10px;
  margin-bottom: 6px;
}
.personal-info .car-audi .persnal-bk .car-text-heading {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  color: #888;
  margin-bottom: 4px;
}
.personal-info .car-audi .persnal-bk .car-text-t,
.personal-info .car-audi .persnal-bk .car-text {
  display: flex;
  margin-left: 0px;
  color: gray;
  align-items: flex-start;
}
.personal-info .car-audi .persnal-bk .car-text-t .location-icon,
.personal-info .car-audi .persnal-bk .car-text .location-icon {
  font-size: 18px;
  margin-right: 8px;
  margin-top: 2px;
  color: #007bff;
  display: flex;
  align-items: center;
}
.personal-info .car-audi .persnal-bk .car-text .location-icon {
  color: #e53e3e;
}
.personal-info .car-audi .persnal-bk .location-info {
  flex: 1;
  min-width: 0;
  word-break: break-word;
}
.personal-info .car-audi .persnal-bk .location-info .loc-time {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: #007bff;
  font-weight: 500;
  display: block;
}
.personal-info .car-audi .persnal-bk .location-info .loc-addr {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: #2d3748;
  font-weight: 500;
  line-height: 1.35;
  display: block;
}
.personal-info .car-audi .persnal-bk .car-price {
  display: flex;
  gap: 8px;
  margin-left: 0px;
  color: gray;
  justify-content: space-between;
  margin-top: 6px;
  margin-bottom: 10px;
}
.personal-info .car-audi .persnal-bk .car-price .extra-items {
  flex: 1;
  min-width: 0;
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  color: #4a5568;
  padding: 8px 6px;
  border: 1px solid #edf0f2;
  background: #f8f9fa;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.personal-info .car-audi .persnal-bk .car-price .extra-items .extra-icon {
  font-size: 16px;
  color: #007bff;
  display: flex;
  align-items: center;
}
.personal-info .car-audi .persnal-bk .car-price .extra-items .extra-icon .material-icons-outlined {
  font-size: 16px;
}
.personal-info .car-audi .persnal-bk .car-price .extra-items .extra-text {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  color: #4a5568;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.personal-info .car-audi .persnal-bk .car-price-heading {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #888;
  margin-bottom: 4px;
}
.personal-info .car-audi .blue-line {
  width: 100%;
  background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
  border: none;
  border-radius: 8px;
  padding: 12px 16px;
  height: auto;
  margin-left: 0px;
  margin-top: 15px;
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.25);
}
.personal-info .car-audi .blue-line .text-vew {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.personal-info .car-audi .blue-line .text-vew .total-label {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.95);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.personal-info .car-audi .blue-line .text-vew .dp {
  display: flex;
  align-items: baseline;
  color: #ffffff !important;
}
.personal-info .car-audi .blue-line .text-vew .dp h6 {
  font-size: 15px;
  font-weight: 600;
  margin: 0px 2px 0px 0px;
  color: #ffffff;
}
.personal-info .car-audi .blue-line .text-vew .dp strong {
  font-size: 24px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1;
}

/* cnformation-page  css */
.confrmation-page {
  width: 100%;
  min-height: 600px;
  background-color: #f9f9f9;
  padding-top: 30px;
}
.confrmation-page .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 30px;
}
.confrmation-page .bulit-point {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: black;
}
.confrmation-page .cnfrmation-section {
  width: 100%;
  margin-top: 47px;
}
@media screen and (max-width: 676px) {
  .confrmation-page .cnfrmation-section {
    margin-left: -8px;
  }
}
.confrmation-page .cnfrmation-section .cnfrm-list {
  padding-top: 10px;
  background-color: dodgerblue;
  height: 58px;
  padding-left: 26px;
}
@media screen and (max-width: 676px) {
  .confrmation-page .cnfrmation-section .cnfrm-list {
    width: 106%;
    padding-top: 15px;
  }
}
.confrmation-page .cnfrmation-section .cnfrm-list h5 {
  color: white;
}
@media screen and (max-width: 676px) {
  .confrmation-page .cnfrmation-section .cnfrm-list h5 {
    font-size: 13px;
    margin-left: -16px;
  }
}
@media screen and (max-width: 676px) {
  .confrmation-page .cnfrmation-section .cnfrm-lst td {
    width: 10%;
  }
}
@media screen and (max-width: 676px) {
  .confrmation-page .cnfrmation-section .cnfrm-lst .cpitl-left {
    padding-left: 16px;
  }
}
.confrmation-page .cnfrmation-section .last-pymnt-cnfrm td {
  width: 7%;
}
.confrmation-page .cnfrmation-section .customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin-top: -25px;
  margin-bottom: 10px;
  height: 57px;
  background-color: #f9f9f9;
}
@media screen and (max-width: 676px) {
  .confrmation-page .cnfrmation-section .customers {
    width: 106%;
  }
}
.confrmation-page .cnfrmation-section .customers td {
  border: 1px solid #f9f9f9;
  padding-left: 55px;
  color: black;
}
@media screen and (max-width: 676px) {
  .confrmation-page .cnfrmation-section .customers td {
    font-size: 11px;
    padding: 0px;
    padding-left: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 676px) {
  .confrmation-page .cnfrmation-section .bulit-point {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 676px) {
  .confrmation-page .cnfrmation-section .bulit-point .checkmark {
    font-size: 11px;
  }
}
.confrmation-page .info-person {
  width: 100%;
  min-height: 225px;
  background-color: white;
  margin-bottom: 20px;
}
.confrmation-page .info-person .title-info {
  padding-top: 18px;
  padding-left: 16px;
}
.confrmation-page .info-person .title-info h5 {
  font-family: inherit;
  font-size: 18px;
  color: black;
  font-weight: 400;
}
.confrmation-page .info-person .name-section .mainer {
  display: flex;
  width: 100%;
  align-items: flex-end;
}
.confrmation-page .info-person .name-section .mainer .first-info {
  width: 50%;
  height: 40px;
  border-radius: 0px;
  border: 1px solid lightgray;
  padding-top: 10px;
  margin-top: 19px !important;
  font-size: 14px;
}
.confrmation-page .info-person .name-section .enter {
  width: 100%;
}
.confrmation-page .info-person .name-section .enter input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0px 20px;
  font-size: 14px;
}
.confrmation-page .info-person .name-section .enter label {
  margin-bottom: 0px;
  font-size: 12px;
  width: 100%;
}
.confrmation-page .info-person .name-section .enter .phone-nbr {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .confrmation-page .info-person .name-section .enter .phone-nbr {
    margin-left: 0px;
  }
}
.confrmation-page .info-person .name-section .enter .phone-nbr input {
  margin-left: 0px;
  width: 100%;
}
.confrmation-page .info-person .name-section .enter .phone-nbr .form-select {
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  height: 39px;
  width: 25%;
  margin: 1px;
}
.confrmation-page .info-person .name-section .date-birth {
  width: 100%;
}
.confrmation-page .info-person .name-section .date-birth label {
  margin-bottom: 0px;
  font-size: 12px;
  width: 100%;
}
.confrmation-page .info-person .name-section .date-birth .birthdy {
  display: flex;
  width: 100%;
}
.confrmation-page .info-person .name-section .date-birth .birthdy input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.confrmation-page .info-person .name-section .date-birth .birthdy .form-select {
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  width: 32%;
  height: 39px;
  margin: 2px;
}
.confrmation-page .info-person .name-section .mail-line {
  width: 100%;
  margin-top: 0px;
  margin-left: 0px;
}
.confrmation-page .info-person .name-section .mail-line input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.confrmation-page .info-person .name-section .mail-line label {
  margin-bottom: 0px;
  font-size: 12px;
}
.confrmation-page .info-person .name-section .enter-scnd {
  width: 100%;
}
.confrmation-page .info-person .name-section .enter-scnd input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.confrmation-page .info-person .name-section .enter-scnd label {
  margin-bottom: 0px;
  font-size: 12px;
}
.confrmation-page .info-person .name-section .driving-age {
  width: 90%;
  margin-top: -3px;
  margin-left: 34px;
}
.confrmation-page .info-person .name-section .driving-age label {
  margin-bottom: 0px;
  font-size: 12px;
}
.confrmation-page .info-person .name-section .driving-age .age-nbr {
  width: 100%;
}
.confrmation-page .info-person .name-section .driving-age .age-nbr .form-select {
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  height: 39px;
  width: 59%;
}
.confrmation-page .info-person .name-section .driving-age label h6 {
  font-size: 10px;
  color: gray;
}
.confrmation-page .info-person .name-section .countine {
  padding-left: 210px;
}
.confrmation-page .info-person .name-section .countine .btn {
  border-radius: 0px;
  width: 80%;
  margin-top: 27px;
}
.confrmation-page .discount-code {
  width: 100%;
  background-color: white;
  min-height: 140px;
  padding-top: 15px;
  margin-bottom: 20px;
}
.confrmation-page .discount-code .discnt-title h5 {
  padding-left: 16px;
  font-family: inherit;
  font-size: 18px;
  color: black;
  font-weight: 400;
}
.confrmation-page .discount-code .code {
  width: 100%;
  padding-left: 0px;
}
.confrmation-page .discount-code .code label {
  display: block;
  font-size: 12px;
}
.confrmation-page .discount-code .code input {
  width: 100%;
  margin-top: -3px;
  height: 40px;
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  padding-left: 10px;
}
.confrmation-page .discount-code .countine {
  padding-left: 0px;
}
.confrmation-page .discount-code .countine .btn {
  border-radius: 0px;
  width: 100%;
  margin-top: 24px;
}
.confrmation-page .payment-method {
  width: 100%;
  background-color: white;
  min-height: 200px;
  padding-top: 15px;
  margin-bottom: 20px;
}
.confrmation-page .payment-method .methd {
  padding-bottom: 10px;
  padding-left: 16px;
}
.confrmation-page .payment-method .methd h5 {
  font-family: inherit;
  font-size: 18px;
  color: black;
  font-weight: 400;
}
.confrmation-page .payment-method .crd-rd {
  width: 70%;
  display: flex;
  font-size: 14px;
  margin: 0px 19px;
}
.confrmation-page .payment-method .date-birth {
  width: 100%;
}
.confrmation-page .payment-method .date-birth label {
  margin-bottom: 0px;
  font-size: 12px;
  width: 100%;
}
.confrmation-page .payment-method .date-birth .birthdy {
  display: flex;
  width: 100%;
}
.confrmation-page .payment-method .date-birth .birthdy .form-select {
  border: 1px solid lightgray;
  border-radius: 0px;
  font-size: 14px;
  width: 45%;
  height: 39px;
  margin: 2px;
}
.confrmation-page .payment-method .date-birth .birthdy input {
  width: 90%;
  height: 40px;
  border: 1px solid lightgray;
  border-radius: 0px;
}
.confrmation-page .payment-method .date-birth .birthdy form {
  margin-top: -17px;
  margin-left: 8px;
}
.confrmation-page .payment-method .mail-line {
  width: 100%;
  margin-left: 5px;
}
.confrmation-page .payment-method .mail-line input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.confrmation-page .payment-method .mail-line label {
  margin-bottom: 0px;
  font-size: 12px;
}
.confrmation-page .payment-method .card-nbr {
  width: 100%;
}
.confrmation-page .payment-method .card-nbr input {
  width: 100%;
  height: 40px;
  border-color: lightgray;
  border: 1px solid lightgray;
  border-radius: 0px;
  padding: 0 20px;
  font-size: 14px;
}
.confrmation-page .payment-method .card-nbr label {
  margin-bottom: 0px;
  font-size: 12px;
}
.confrmation-page .payment-method .have {
  padding-top: 44px;
  padding-left: 1px;
}
.confrmation-page .payment-method .inner-view {
  display: flex;
  padding-top: 25px;
  width: 100%;
}
.confrmation-page .payment-method .inner-view .dooler {
  width: 60%;
}
.confrmation-page .payment-method .inner-view .dooler .btn {
  margin-top: 11px;
  border-radius: 0px;
  margin-left: 11px;
  border: none;
  width: 100%;
  height: 40px;
}
.confrmation-page .payment-method .inner-view .text-vew {
  width: 30%;
}
.confrmation-page .payment-method .inner-view .text-vew .dp {
  display: flex;
  color: #007bff !important;
}
.confrmation-page .payment-method .inner-view .text-vew .dp h6 {
  margin-top: 10px;
}
.confrmation-page .payment-method .inner-view .text-vew .dp strong {
  font-size: 24px;
}
.confrmation-page .payment-method .inner-view .text-vew .dp h5 {
  margin-top: 9px;
}
.confrmation-page .payment-method .inner-view .text-vew h5 {
  font-size: 12px;
}
.confrmation-page .car-audi {
  background-color: white;
  width: 100%;
  min-height: 680px;
}
.confrmation-page .car-audi .car-pic {
  text-align: center;
  padding-top: 20px;
}
.confrmation-page .car-audi .car-pic img {
  width: 100%;
}
.confrmation-page .car-audi .car-heading {
  text-align: center;
}
.confrmation-page .car-audi .car-heading h2 {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  color: black;
  font-weight: 500;
  margin: 0px;
  padding: 10px 0px;
}
.confrmation-page .car-audi .car-extra-items {
  display: flex;
  margin-left: 0px;
  color: gray;
  justify-content: space-between;
}
.confrmation-page .car-audi .car-extra-items .extra-items {
  width: 32%;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: grey;
  padding: 5px 10px;
  border: 1px solid lightgray;
  margin-top: 0px;
  display: flex;
  align-items: center;
}
.confrmation-page .car-audi .car-extra-items .extra-items .extra-icon {
  font-size: 19px;
  margin-right: 7px;
}
.confrmation-page .car-audi .car-extra-items .extra-items .extra-text {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  color: grey;
}
.confrmation-page .car-audi .persnl-driver {
  display: flex;
  width: 100%;
  padding: 0px 20px;
  margin-bottom: 5px;
}
.confrmation-page .car-audi .persnl-driver .one {
  width: 50%;
  border-top: 1px solid lightgray;
  border-right: 1px solid lightgray;
}
.confrmation-page .car-audi .persnl-driver .one .sector {
  display: flex;
  padding-left: 38px;
  align-items: baseline;
  border-bottom: 1px solid lightgray;
}
.confrmation-page .car-audi .persnl-driver .one .sector h6 {
  font-size: 12px;
  color: #129dff;
  margin-left: 3px;
}
.confrmation-page .car-audi .persnl-driver .one .sector .mdi {
  color: #129dff;
}
.confrmation-page .car-audi .persnl-driver .two {
  width: 55%;
  border-top: 1px solid lightgray;
}
.confrmation-page .car-audi .persnl-driver .two .sector {
  border-bottom: 1px solid lightgray;
  display: flex;
  align-items: baseline;
  padding-left: 9px;
}
.confrmation-page .car-audi .persnl-driver .two .sector h6 {
  font-size: 12px;
  margin-left: 3px;
}
.confrmation-page .car-audi .persnl-driver .two .sector .mdi {
  margin-left: 6px;
  color: gray;
}
.confrmation-page .car-audi .last {
  text-align: center;
  margin-left: 20px;
  width: 86%;
  border-bottom: 1px solid lightgray;
}
.confrmation-page .car-audi .last a {
  text-decoration: none;
}
.confrmation-page .car-audi .persnal-bk {
  width: 100%;
  min-height: 118px;
}
.confrmation-page .car-audi .persnal-bk .informtion h3 {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: black;
  text-align: center;
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  padding: 10px 0px;
  margin-bottom: 0px;
}
.confrmation-page .car-audi .persnal-bk .informtion .mdi {
  color: #129dff;
}
.confrmation-page .car-audi .persnal-bk .car-text-t {
  display: flex;
  margin-left: 0px;
  color: gray;
}
.confrmation-page .car-audi .persnal-bk .car-text-t .location-icon {
  font-size: 24px;
  margin-right: 10px;
}
.confrmation-page .car-audi .persnal-bk .car-text-t .location-info .bold {
  font-weight: 500;
}
.confrmation-page .car-audi .persnal-bk .car-text-t .location-info span {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: black;
  font-weight: 300;
}
.confrmation-page .car-audi .persnal-bk .car-text-t h6 {
  font-size: 12px;
  margin-left: 4px;
}
.confrmation-page .car-audi .persnal-bk .car-text {
  display: flex;
  margin-left: 0px;
  color: gray;
}
.confrmation-page .car-audi .persnal-bk .car-text .location-icon {
  font-size: 24px;
  margin-right: 10px;
}
.confrmation-page .car-audi .persnal-bk .car-text .location-info .bold {
  font-weight: 500;
}
.confrmation-page .car-audi .persnal-bk .car-text .location-info span {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: black;
  font-weight: 300;
}
.confrmation-page .car-audi .persnal-bk .car-text-heading {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: grey;
  margin-bottom: 5px;
  margin-top: 10px;
}
.confrmation-page .car-audi .persnal-bk .car-price {
  display: flex;
  margin-left: 0px;
  color: gray;
  justify-content: space-between;
  margin-bottom: 10px;
}
.confrmation-page .car-audi .persnal-bk .car-price .extra-items {
  width: 48%;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: grey;
  padding: 10px;
  border: 1px solid lightgray;
  margin-top: 0px;
  display: flex;
  align-items: center;
}
.confrmation-page .car-audi .persnal-bk .car-price .extra-items .extra-icon {
  font-size: 19px;
  margin-right: 7px;
}
.confrmation-page .car-audi .persnal-bk .car-price .extra-items .extra-text {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  color: grey;
}
.confrmation-page .car-audi .persnal-bk .car-price .location-info .bold {
  font-weight: 500;
}
.confrmation-page .car-audi .persnal-bk .car-price .location-info span {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: black;
  font-weight: 300;
}
.confrmation-page .car-audi .persnal-bk .car-price-heading {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  color: grey;
  margin-bottom: 5px;
  margin-top: 10px;
}
.confrmation-page .car-audi .blue-line {
  width: 100%;
  border: 2px solid #007bff;
  padding-top: 7px;
  padding-left: 0px;
  height: 80px;
  margin-left: 0px;
  margin-top: 0px;
  text-align: center;
}
.confrmation-page .car-audi .blue-line .text-vew .dp {
  display: flex;
  color: #007bff;
  justify-content: center;
}
.confrmation-page .car-audi .blue-line .text-vew .dp h6 {
  margin-top: 10px;
}
.confrmation-page .car-audi .blue-line .text-vew .dp strong {
  font-size: 24px;
}
.confrmation-page .car-audi .blue-line .text-vew h5 {
  font-size: 12px;
  color: grey;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 8px;
}
.confrmation-page table {
  width: 100%;
  table-layout: fixed;
}
.confrmation-page .tbl-header {
  background-color: rgba(255, 255, 255, 0.3);
}
.confrmation-page .tbl-content {
  height: 300px;
  overflow-x: auto;
  margin-top: 0px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.confrmation-page th {
  padding: 20px 15px;
  text-align: left;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
}
.confrmation-page td {
  text-align: left;
  vertical-align: middle;
  font-weight: 300;
  font-size: 14px;
  color: #fff;
  border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

/*end-page-cnformation*/
/* //Title Page By Yasir */
.page-header {
  width: 100%;
  margin-top: 93px;
  min-height: 100px;
  background-color: white;
  border-top: 1px solid #e0dfde;
}
.page-header .page-title {
  text-align: center;
  padding-top: 10px;
}
.page-header .page-title h1 {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  font-weight: 600;
  color: #0a1426;
  padding-top: 10px;
}
.page-header .page-title .breadcrums {
  text-align: center;
  margin-top: 0px;
}
.page-header .page-title .breadcrums a {
  color: #313131;
  font-size: 12px;
  text-decoration: none;
}
.page-header .page-title .breadcrums span {
  font-size: 14px;
  margin-left: 0px;
  color: #007bff;
}
.page-header .page-title .breadcrums .active {
  color: #007bff !important;
}
@media screen and (max-width: 767px) {
  .page-header .page-title .breadcrums .active {
    font-size: 11px;
  }
}

/* //Thank You By Yasir */
.thankyou {
  background-color: #f9f9f9;
  width: 100%;
  min-height: 500px;
}
.thankyou .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 30px;
}

.thankyou-icon {
  width: auto;
  margin-bottom: 20px;
  margin-top: 40px;
  text-align: center;
}
.thankyou-icon span {
  font-size: 70px !important;
}
.thankyou-icon h2 {
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  color: black;
  font-weight: 500;
  text-align: center;
}
.thankyou-icon p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: black;
  text-align: center;
}

.thankyou-heading h2 {
  font-family: "Poppins", sans-serif;
  font-size: 28px;
  color: black;
  font-weight: 500;
  text-align: center;
}
.thankyou-heading p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: black;
  text-align: center;
}
.thankyou-heading p span {
  font-weight: 500;
}

.thankyou-btn {
  text-align: center;
}
.thankyou-btn .btn {
  font-family: "Poppins", sans-serif;
  color: white;
  background-color: #007bff;
  border: 0px solid lightgray;
  width: auto;
  border-radius: 0px;
  font-size: 14px;
  padding: 10px 20px;
}

.booking-info h3 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #808080;
  text-align: center;
  padding: 15px 0px;
  border-top: 1px solid #e0dfde;
  border-bottom: 0px solid #e0dfde;
  margin-top: 40px;
  margin-bottom: 0px;
}

.booking-detail {
  border: 1px solid #e0dfde;
}

.booking-detail-img {
  width: 100%;
  height: 130px;
  height: 100%;
  text-align: center;
  border-right: 1px solid #e0dfde;
}
@media screen and (max-width: 767px) {
  .booking-detail-img {
    border-right: none;
  }
}
.booking-detail-img img {
  height: 130px;
}

.booking-detail-name {
  width: 100%;
  min-height: 130px;
  height: 100%;
  display: grid;
  text-align: center;
  border-right: 1px solid #e0dfde;
}
@media screen and (max-width: 767px) {
  .booking-detail-name {
    border: none;
  }
}
.booking-detail-name h2 {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: black;
  font-weight: 500;
  margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
  .booking-detail-name h2 {
    text-align: center;
  }
}

.booking-detail-dt {
  width: 100%;
  min-height: 60px;
  display: grid;
}
@media screen and (max-width: 767px) {
  .booking-detail-dt {
    text-align: center;
  }
}
.booking-detail-dt span {
  font-size: 19px;
}
.booking-detail-dt h3 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: black;
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
  .booking-detail-dt h3 {
    text-align: center;
  }
}
.booking-detail-dt p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #313131;
  margin: 0px;
}

.booking-detail-dt1 {
  width: 100%;
  min-height: 25px;
  display: grid;
}
.booking-detail-dt1 span {
  font-size: 22px;
}
.booking-detail-dt1 h3 {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: black;
  font-weight: 500;
  margin: 0px;
  display: flex;
}
.booking-detail-dt1 p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #313131;
  margin-bottom: 10px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .booking-detail-dt1 p {
    text-align: center;
  }
}

.booking-detail-price {
  background-color: #f5fafe;
  width: 100%;
  min-height: 130px;
  height: 100%;
  display: grid;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #e0dfde;
}
@media screen and (max-width: 767px) {
  .booking-detail-price {
    border: none;
  }
}
.booking-detail-price h4 {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #007bff;
  margin-bottom: 0px;
}
.booking-detail-price h2 {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  color: #007bff;
  font-weight: 500;
  margin-bottom: 0px;
}
.booking-detail-price h2 span {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  color: #007bff;
  font-weight: 500;
  margin-right: 5px;
}

/* //contact us css */
.contact {
  width: 100%;
  min-height: 600px;
  background-color: #f9f9f9;
  padding-top: 50px;
}
.contact .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 40px;
  padding-top: 30px;
  min-height: 600px;
}
.contact .container .blue-box {
  margin-right: -24px;
  width: 100%;
  min-height: 316px;
  background-color: #007bff;
  margin-top: -75px;
}
@media screen and (max-width: 676px) {
  .contact .container .blue-box {
    margin-top: 30px;
    display: none;
  }
}
.contact .container .blue-box .pages-menu-heading {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: white;
  line-height: 60px;
  padding: 0px 20px;
  border-bottom: 1px solid #3c8fed;
}
.contact .container .blue-box .pages-menu {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 0 0px;
}
.contact .container .blue-box .pages-menu ul {
  padding: 0px;
  margin: 0px;
}
.contact .container .blue-box .pages-menu ul li {
  margin-bottom: 0px;
  line-height: 50px;
  border-bottom: 1px solid #3c8fed;
  padding: 0px 20px;
}
.contact .container .blue-box .pages-menu ul li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.contact .container .blue-box .pages-menu ul li a:hover {
  color: black;
  padding-left: 8px;
}
.contact .container .blue-box .pages-menu ul li .active {
  color: #000000;
}
.contact .container .blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.contact .container .blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.contact .container .blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.contact .container .blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.contact .container .blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}
.contact .container .address-detail:hover {
  border-bottom: 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media screen and (max-width: 676px) {
  .contact .container .address-detail:hover {
    border-bottom: 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }
}
.contact .container .address-detail {
  width: 100%;
  min-height: 250px;
  font-family: "Poppins", sans-serif;
  border-bottom: 2px solid #007bff;
  padding: 30px;
}
.contact .container .address-detail .address-icon {
  width: 100%;
  font-size: 30px;
  color: #007bff;
  text-align: center;
  padding: 10px 0px;
}
.contact .container .address-detail .address-icon img {
  width: 50px;
  height: auto;
  margin: 0px;
  padding: 0px;
}
.contact .container .address-detail .address-heading {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: #000000;
  text-align: center;
  padding: 10px 0px;
}
.contact .container .address-detail .address-text {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #000000;
  text-align: center;
  padding: 10px 0px;
}
.contact .container .address-detail .address-text p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #000000;
  margin: 0px;
  padding: 0px;
}
.contact .container .contact-detail:hover {
  border-bottom: 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.contact .container .contact-detail {
  width: 100%;
  min-height: 250px;
  font-family: "Poppins", sans-serif;
  border-bottom: 2px solid #007bff;
  padding: 30px;
}
.contact .container .contact-detail .contact-icon {
  width: 100%;
  font-size: 30px;
  color: #007bff;
  text-align: center;
  padding: 10px 0px;
}
.contact .container .contact-detail .contact-icon img {
  width: 50px;
  height: auto;
  margin: 0px;
  padding: 0px;
}
.contact .container .contact-detail .contact-heading {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: #000000;
  text-align: center;
  padding: 10px 0px;
}
.contact .container .contact-detail .contact-text {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #000000;
  text-align: center;
  letter-spacing: 0.5px;
  padding: 10px 0px;
}
.contact .container .contact-detail .contact-text p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #000000;
  margin: 0px;
  padding: 0px;
}
.contact .container .email-detail:hover {
  border-bottom: 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.contact .container .email-detail {
  width: 100%;
  min-height: 250px;
  font-family: "Poppins", sans-serif;
  border-bottom: 2px solid #007bff;
  padding: 30px;
}
.contact .container .email-detail .email-icon {
  width: 100%;
  font-size: 30px;
  color: #007bff;
  text-align: center;
  padding: 10px 0px;
}
.contact .container .email-detail .email-icon img {
  width: 50px;
  height: auto;
  margin: 0px;
  padding: 0px;
}
.contact .container .email-detail .email-heading {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: #000000;
  text-align: center;
  padding: 10px 0px;
}
.contact .container .email-detail .email-text {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #000000;
  text-align: center;
  letter-spacing: 0.5px;
  padding: 10px 0px;
}
.contact .container .email-detail .email-text a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
}
.contact .container .email-detail .email-text a:hover {
  color: #007bff;
  text-decoration: none;
}
.contact .container .google-map {
  width: 100%;
  height: 428px;
  padding: 15px;
  margin: 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.contact .container .contact-form {
  min-height: 350px;
  width: 100%;
  background-color: white;
  padding: 15px;
  border: none;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.contact .container .contact-form .form-heading h2 {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: #000000;
  font-weight: 400;
  text-align: center;
  padding: 10px 0px;
}
.contact .container .contact-form .error-message {
  font-size: 12px;
}
.contact .container .contact-form .title-commnt {
  padding-top: 20px;
}
.contact .container .contact-form .title-commnt h2 {
  font-size: 22px;
  font-weight: 600;
  margin-left: 33px;
}
.contact .container .contact-form .input-form {
  display: flex;
}
.contact .container .contact-form .input-form .form-text {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #000000;
  width: 100%;
  height: 45px;
  margin: 0px 0px 7px;
  border: 1px solid #d8d8d8;
  border-radius: 0px;
  padding: 0px 15px;
  background-color: white;
}
.contact .container .contact-form .input-form input input:focus-visible {
  border: 1px solid #007bff !important;
  border-radius: 0px !important;
  padding: 0px 15px;
  background-color: white;
}
.contact .container .contact-form .your-comment {
  padding: 0px;
}
.contact .container .contact-form .your-comment .comments {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  width: 100%;
  min-height: 135px;
  border-radius: 0px;
  color: #000000;
  border: 1px solid #b0b0b0;
  padding: 15px;
  background-color: white;
  margin: 0px 0px 7px;
}
.contact .container .contact-form .submit-form {
  display: flex;
  padding: 0px;
}
@media screen and (max-width: 676px) {
  .contact .container .contact-form .submit-form {
    align-items: center;
  }
}
.contact .container .contact-form .submit-form #vehicle1 {
  margin: 4px;
}
.contact .container .contact-form .submit-form p {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  margin-left: 5px;
  color: grey;
  margin-bottom: 0px;
}
@media screen and (max-width: 676px) {
  .contact .container .contact-form .submit-form p {
    font-size: 7px;
  }
}
.contact .container .contact-form .btn {
  background-color: #007bff;
  width: 300px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: 300;
  height: 45px;
  border: 0px;
  border-radius: 0px;
  margin-top: 1px;
}
@media screen and (max-width: 676px) {
  .contact .container .contact-form .btn {
    font-size: 11px;
  }
}
.contact .container .contact-form .btn :hover {
  background-color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
}
@media screen and (max-width: 676px) {
  .contact .cntct-b .msg-box {
    width: 55% !important;
  }
}
.contact .title-blog {
  text-align: center;
  padding-top: 10px;
}
.contact .title-blog h3 {
  font-size: 33px;
  font-weight: 600;
  color: #0a1426;
}
.contact .title-blog .title-2 {
  text-align: center;
  margin-top: -15px;
}
.contact .title-blog .title-2 a {
  color: #5e646d;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}
.contact .title-blog .title-2 span {
  font-size: 26px;
  margin-left: -5px;
  color: #26c492;
}
.contact .coment-blog {
  min-height: 350px;
  width: 100%;
  margin-top: 50px;
  background-color: white;
  padding: 2px 13px;
  border: none;
  border-radius: 7px;
  box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.1);
}
.contact .coment-blog .title-commnt {
  padding-top: 20px;
}
.contact .coment-blog .title-commnt h2 {
  font-size: 22px;
  font-weight: 600;
  margin-left: 33px;
}
.contact .coment-blog .input-blog {
  display: flex;
}
.contact .coment-blog .input-blog .last-blog {
  color: #5e646d;
  width: 100%;
  height: 54px;
  margin: 8px;
  border: 1px solid #dae1e3;
  border-radius: 5px;
  padding: 22px;
  background-color: white;
}
.contact .coment-blog .your-comment {
  padding: 6px;
}
.contact .coment-blog .your-comment .view-blog {
  width: 100%;
  min-height: 135px;
  border-radius: 7px;
  color: #5e646d;
  border: 1px solid #dae1e3;
  padding: 22px;
  background-color: white;
}
.contact .coment-blog .check-blog {
  display: flex;
  padding: 4px 11px;
}
.contact .coment-blog .check-blog #vehicle1 {
  margin: 4px;
}
.contact .coment-blog .check-blog p {
  margin-left: 5px;
  color: #5e646d;
  font-size: 14px;
}
.contact .coment-blog .btn {
  background-color: #898d93;
  color: #616770;
  font-weight: 600;
  height: 55px;
  border: 1px solid gray;
  margin-top: 1px;
}
.contact .email-contact {
  min-height: 400px;
  width: 100%;
  background-color: white;
  box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.1);
  margin-top: 50px;
  border-radius: 7px;
}
.contact .email-contact .title-commnt {
  padding-top: 29px;
  padding-left: 20px;
}
.contact .email-contact .title-commnt h2 {
  font-size: 21px;
  font-weight: 600;
  color: #0a1426;
}
.contact .email-contact .email-paraghp {
  padding: 2px 15px;
  text-align: inherit;
}
.contact .email-contact .email-paraghp p {
  font-size: 17px;
  color: #5e646d;
}
.contact .email-contact .fnt {
  line-height: 0.5;
  padding-left: 20px;
}
.contact .email-contact .fnt h6 {
  font-size: 21px;
  font-weight: bold;
}
.contact .email-contact .fnt a {
  color: #26c492;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
.contact .email-contact .email-icon {
  padding: 20px;
}
.contact .email-contact .email-icon h6 {
  font-size: 21px;
  font-weight: bold;
}
.contact .email-contact .disply {
  display: flex;
  text-align: center;
  padding: 0px 40px;
  margin-top: -25px;
}
.contact .email-contact .disply .icn-div {
  min-height: 35px;
  width: 100%;
  margin: 7px;
  background-color: #151e61;
  border-radius: 6px;
  padding: 3px 0px;
}
.contact .email-contact .disply .icn-div span {
  font-size: 19px;
  color: white;
}
.contact .email-contact .icn-div:hover {
  background-color: #262f72;
}

.partner-page {
  width: 100%;
  min-height: 600px;
  background-color: #f9f9f9;
  padding-top: 50px;
}
.partner-page .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 40px;
  padding-top: 30px;
  min-height: 600px;
}
.partner-page .container .blue-box {
  margin-right: -24px;
  width: 100%;
  min-height: 316px;
  background-color: #007bff;
  margin-top: -75px;
}
@media screen and (max-width: 767px) {
  .partner-page .container .blue-box {
    margin-top: 30px;
    display: none;
  }
}
.partner-page .container .blue-box .pages-menu-heading {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: white;
  line-height: 60px;
  padding: 0px 20px;
  border-bottom: 1px solid #3c8fed;
}
.partner-page .container .blue-box .pages-menu {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  padding: 0 0px;
}
.partner-page .container .blue-box .pages-menu ul {
  padding: 0px;
  margin: 0px;
}
.partner-page .container .blue-box .pages-menu ul li {
  margin-bottom: 0px;
  line-height: 50px;
  border-bottom: 1px solid #3c8fed;
  padding: 0px 20px;
}
.partner-page .container .blue-box .pages-menu ul li a {
  font-size: 14px;
  text-transform: capitalize;
  color: #ffffff;
  text-decoration: none;
  font-weight: 300;
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.partner-page .container .blue-box .pages-menu ul li a:hover {
  color: black;
  padding-left: 8px;
}
.partner-page .container .blue-box .pages-menu ul li .active {
  color: #000000;
}
.partner-page .container .blue-box .pic-text {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
  padding: 0px 8px;
  margin-bottom: 5px;
  align-items: center;
}
.partner-page .container .blue-box .pic-text img {
  height: 40px;
  width: 40px;
  border-radius: 100px;
}
.partner-page .container .blue-box h5 {
  font-size: 14px;
  margin-left: 15px;
  color: white;
}
.partner-page .container .blue-box h5 .mdi {
  color: white;
  font-size: 20px;
}
.partner-page .container .blue-box hr {
  margin-bottom: 15px;
  margin-top: 0px;
  color: lightgray;
}
.partner-page .container .address-detail:hover {
  border-bottom: 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.partner-page .container .address-detail {
  width: 100%;
  min-height: 250px;
  font-family: "Poppins", sans-serif;
  border-bottom: 2px solid #007bff;
  padding: 30px;
}
.partner-page .container .address-detail .address-icon {
  width: 100%;
  font-size: 30px;
  color: #007bff;
  text-align: center;
  padding: 10px 0px;
}
.partner-page .container .address-detail .address-icon img {
  width: 50px;
  height: auto;
  margin: 0px;
  padding: 0px;
}
.partner-page .container .address-detail .address-heading {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: #000000;
  text-align: center;
  padding: 10px 0px;
}
.partner-page .container .address-detail .address-text {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #000000;
  text-align: center;
  padding: 10px 0px;
}
.partner-page .container .address-detail .address-text p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #000000;
  margin: 0px;
  padding: 0px;
}
.partner-page .container .contact-detail:hover {
  border-bottom: 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.partner-page .container .contact-detail {
  width: 100%;
  min-height: 250px;
  font-family: "Poppins", sans-serif;
  border-bottom: 2px solid #007bff;
  padding: 30px;
}
.partner-page .container .contact-detail .contact-icon {
  width: 100%;
  font-size: 30px;
  color: #007bff;
  text-align: center;
  padding: 10px 0px;
}
.partner-page .container .contact-detail .contact-icon img {
  width: 50px;
  height: auto;
  margin: 0px;
  padding: 0px;
}
.partner-page .container .contact-detail .contact-heading {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: #000000;
  text-align: center;
  padding: 10px 0px;
}
.partner-page .container .contact-detail .contact-text {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #000000;
  text-align: center;
  letter-spacing: 0.5px;
  padding: 10px 0px;
}
.partner-page .container .contact-detail .contact-text p {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #000000;
  margin: 0px;
  padding: 0px;
}
.partner-page .container .email-detail:hover {
  border-bottom: 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.partner-page .container .email-detail {
  width: 100%;
  min-height: 250px;
  font-family: "Poppins", sans-serif;
  border-bottom: 2px solid #007bff;
  padding: 30px;
}
.partner-page .container .email-detail .email-icon {
  width: 100%;
  font-size: 30px;
  color: #007bff;
  text-align: center;
  padding: 10px 0px;
}
.partner-page .container .email-detail .email-icon img {
  width: 50px;
  height: auto;
  margin: 0px;
  padding: 0px;
}
.partner-page .container .email-detail .email-heading {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: #000000;
  text-align: center;
  padding: 10px 0px;
}
.partner-page .container .email-detail .email-text {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #000000;
  text-align: center;
  letter-spacing: 0.5px;
  padding: 10px 0px;
}
.partner-page .container .email-detail .email-text a {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
}
.partner-page .container .email-detail .email-text a:hover {
  color: #007bff;
  text-decoration: none;
}
.partner-page .container .partner-img {
  width: 100%;
  height: 550px;
  padding: 15px;
  margin: 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media screen and (max-width: 767px) {
  .partner-page .container .partner-img {
    height: 344px;
  }
}
.partner-page .container .partner-img img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .partner-page .container .partner-img img {
    height: 311px;
  }
}
.partner-page .container .contact-form {
  min-height: 350px;
  width: 100%;
  background-color: white;
  padding: 15px;
  border: none;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media screen and (max-width: 767px) {
  .partner-page .container .contact-form {
    margin-top: 10px;
  }
}
.partner-page .container .contact-form .form-heading h2 {
  width: 100%;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: #000000;
  font-weight: 400;
  text-align: center;
  padding: 10px 0px;
}
.partner-page .container .contact-form .error-message {
  font-size: 12px;
}
.partner-page .container .contact-form .title-commnt {
  padding-top: 20px;
}
.partner-page .container .contact-form .title-commnt h2 {
  font-size: 22px;
  font-weight: 600;
  margin-left: 33px;
}
.partner-page .container .contact-form .input-form {
  display: flex;
}
.partner-page .container .contact-form .input-form .form-text {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #000000;
  width: 100%;
  height: 45px;
  margin: 0px 0px 7px;
  border: 1px solid #d8d8d8;
  border-radius: 0px;
  padding: 0px 15px;
  background-color: white;
}
.partner-page .container .contact-form .input-form input input:focus-visible {
  border: 1px solid #007bff !important;
  border-radius: 0px !important;
  padding: 0px 15px;
  background-color: white;
}
.partner-page .container .contact-form .your-comment {
  padding: 0px;
}
.partner-page .container .contact-form .your-comment .comments {
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  width: 100%;
  min-height: 135px;
  border-radius: 0px;
  color: #000000;
  border: 1px solid #b0b0b0;
  padding: 15px;
  background-color: white;
  margin: 0px 0px 7px;
}
.partner-page .container .contact-form .submit-form {
  display: flex;
  padding: 0px;
}
.partner-page .container .contact-form .submit-form #vehicle1 {
  margin: 4px;
}
.partner-page .container .contact-form .submit-form p {
  font-family: "Poppins", sans-serif;
  font-size: 11px;
  margin-left: 5px;
  color: grey;
  margin-top: 0.5%;
}
.partner-page .container .contact-form .btn {
  background-color: #007bff;
  width: 300px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: 300;
  height: 45px;
  border: 0px;
  border-radius: 0px;
  margin-top: 1px;
}
@media screen and (max-width: 767px) {
  .partner-page .container .contact-form .btn {
    width: 258px;
  }
}
.partner-page .container .contact-form .btn :hover {
  background-color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
}
.partner-page .title-blog {
  text-align: center;
  padding-top: 10px;
}
.partner-page .title-blog h3 {
  font-size: 33px;
  font-weight: 600;
  color: #0a1426;
}
.partner-page .title-blog .title-2 {
  text-align: center;
  margin-top: -15px;
}
.partner-page .title-blog .title-2 a {
  color: #5e646d;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}
.partner-page .title-blog .title-2 span {
  font-size: 26px;
  margin-left: -5px;
  color: #26c492;
}
.partner-page .coment-blog {
  min-height: 350px;
  width: 100%;
  margin-top: 50px;
  background-color: white;
  padding: 2px 13px;
  border: none;
  border-radius: 7px;
  box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.1);
}
.partner-page .coment-blog .title-commnt {
  padding-top: 20px;
}
.partner-page .coment-blog .title-commnt h2 {
  font-size: 22px;
  font-weight: 600;
  margin-left: 33px;
}
.partner-page .coment-blog .input-blog {
  display: flex;
}
.partner-page .coment-blog .input-blog .last-blog {
  color: #5e646d;
  width: 100%;
  height: 54px;
  margin: 8px;
  border: 1px solid #dae1e3;
  border-radius: 5px;
  padding: 22px;
  background-color: white;
}
.partner-page .coment-blog .your-comment {
  padding: 6px;
}
.partner-page .coment-blog .your-comment .view-blog {
  width: 100%;
  min-height: 135px;
  border-radius: 7px;
  color: #5e646d;
  border: 1px solid #dae1e3;
  padding: 22px;
  background-color: white;
}
.partner-page .coment-blog .check-blog {
  display: flex;
  padding: 4px 11px;
}
.partner-page .coment-blog .check-blog #vehicle1 {
  margin: 4px;
}
.partner-page .coment-blog .check-blog p {
  margin-left: 5px;
  color: #5e646d;
  font-size: 14px;
}
.partner-page .coment-blog .btn {
  background-color: #898d93;
  color: #616770;
  font-weight: 600;
  height: 55px;
  border: 1px solid gray;
  margin-top: 1px;
}
.partner-page .email-contact {
  min-height: 400px;
  width: 100%;
  background-color: white;
  box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.1);
  margin-top: 50px;
  border-radius: 7px;
}
.partner-page .email-contact .title-commnt {
  padding-top: 29px;
  padding-left: 20px;
}
.partner-page .email-contact .title-commnt h2 {
  font-size: 21px;
  font-weight: 600;
  color: #0a1426;
}
.partner-page .email-contact .email-paraghp {
  padding: 2px 15px;
  text-align: inherit;
}
.partner-page .email-contact .email-paraghp p {
  font-size: 17px;
  color: #5e646d;
}
.partner-page .email-contact .fnt {
  line-height: 0.5;
  padding-left: 20px;
}
.partner-page .email-contact .fnt h6 {
  font-size: 21px;
  font-weight: bold;
}
.partner-page .email-contact .fnt a {
  color: #26c492;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
}
.partner-page .email-contact .email-icon {
  padding: 20px;
}
.partner-page .email-contact .email-icon h6 {
  font-size: 21px;
  font-weight: bold;
}
.partner-page .email-contact .disply {
  display: flex;
  text-align: center;
  padding: 0px 40px;
  margin-top: -25px;
}
.partner-page .email-contact .disply .icn-div {
  min-height: 35px;
  width: 100%;
  margin: 7px;
  background-color: #151e61;
  border-radius: 6px;
  padding: 3px 0px;
}
.partner-page .email-contact .disply .icn-div span {
  font-size: 19px;
  color: white;
}
.partner-page .email-contact .icn-div:hover {
  background-color: #262f72;
}

/*privacy
policy page start here*/
.privac-blog {
  width: 100%;
  background-color: #eef5f7;
}
.privac-blog .title-blog {
  text-align: center;
  padding-top: 55px;
}
.privac-blog .title-blog h3 {
  font-size: 33px;
  font-weight: 600;
  color: #0a1426;
}
.privac-blog .title-blog .title-2 {
  margin-top: -12px;
}
.privac-blog .title-blog .title-2 a {
  color: #5e646d;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
}
.privac-blog .title-blog .title-2 span {
  font-size: 26px;
  margin-left: -5px;
  color: #26c492;
}
.privac-blog .box-blog {
  min-height: 200px;
  width: 100%;
  background-color: white;
  box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.1);
  margin-top: 65px;
  border-radius: 6px;
}
.privac-blog .box-blog .intoduction {
  padding: 49px 72px;
}
@media screen and (max-width: 767px) {
  .privac-blog .box-blog .intoduction {
    padding: 30px;
  }
}
.privac-blog .box-blog .intoduction h4 {
  color: #0a1426;
  font-size: 19px;
  font-weight: bold;
}
.privac-blog .box-blog .intoduction p {
  color: #5e646d;
  font-size: 21px;
  line-height: revert;
}
.privac-blog .b0x2-blog {
  min-height: 1600px;
  width: 100%;
  background-color: white;
  box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.1);
  margin-top: 30px;
  border-radius: 6px;
}
.privac-blog .b0x2-blog .intoduction {
  padding: 49px 72px;
}
@media screen and (max-width: 767px) {
  .privac-blog .b0x2-blog .intoduction {
    padding: 30px;
  }
}
.privac-blog .b0x2-blog .intoduction h4 {
  color: #0a1426;
  font-size: 19px;
  font-weight: bold;
}
.privac-blog .b0x2-blog .intoduction p {
  color: #5e646d;
  font-size: 18px;
  line-height: revert;
  margin-top: 21px;
}
.privac-blog .b0x2-blog h6 {
  color: #0a1426;
  font-size: 15px;
  margin-top: 40px;
  font-weight: 400;
}
.privac-blog .b0x2-blog h2 {
  color: #0a1426;
  font-size: 22px;
  margin-top: 10px;
  font-weight: 600;
}
.privac-blog .icon-blog-text {
  display: flex;
}
.privac-blog .icon-blog-text span {
  color: #26c492;
}
.privac-blog .icon-blog-text h5 {
  margin-left: 10px;
  color: #5e646d;
}
.privac-blog .intoduction {
  padding: 49px 72px;
}
@media screen and (max-width: 767px) {
  .privac-blog .intoduction {
    padding: 30px;
  }
}
.privac-blog .intoduction h4 {
  color: #0a1426;
  font-size: 19px;
  font-weight: bold;
}
.privac-blog .intoduction p {
  color: #5e646d;
  font-size: 18px;
  line-height: revert;
  margin-top: 21px;
}
.privac-blog h6 {
  color: #0a1426;
  font-size: 15px;
  margin-top: 40px;
  font-weight: 400;
}
.privac-blog h2 {
  color: #0a1426;
  font-size: 22px;
  margin-top: 10px;
  font-weight: 600;
}
.privac-blog .text-box {
  display: flex;
}
.privac-blog .text-box strong {
  color: #0a1426;
  font-size: 19px;
  font-weight: bold;
  margin-top: 22px;
}
.privac-blog .text-box span {
  color: #5e646d;
  font-size: 18px;
  line-height: revert;
  margin-left: 7px;
}
.privac-blog h6 {
  color: #0a1426;
  font-size: 18px;
}
.privac-blog .cookies-blg {
  display: flex;
  width: 100%;
}
.privac-blog .cookies-blg strong {
  color: #0a1426;
  font-size: 19px;
  font-weight: bold;
  margin-top: 22px;
}
.privac-blog .cookies-blg span {
  color: #5e646d;
  font-size: 18px;
  line-height: revert;
  margin-left: 7px;
}

.maine {
  background-color: lightgray;
  min-height: 700px;
}
.maine .bg-pic {
  background-image: url(../images/graphic3.svg);
  height: 600px;
  background-size: cover;
  background-position: center;
  width: 54%;
  padding-top: 67px;
  position: relative;
  top: 50%;
  margin: auto;
}
.maine .bg-pic .from-sign {
  background-color: white;
  padding: 10px 44px;
  min-height: 530px;
  width: 71%;
  margin-left: 75px;
  border-radius: 12px;
}
.maine .bg-pic .from-sign .fm {
  margin-bottom: 10px;
}
.maine .bg-pic .from-sign .fm input {
  border: 0;
  background-color: #f7f7f7;
  color: #000000;
  width: 100%;
  height: 40px;
  border-radius: 7px;
  padding-left: 11px;
}
.maine .bg-pic .from-sign .text-sign-in {
  padding-bottom: 20px;
  padding-top: 22px;
}
.maine .bg-pic .from-sign .text-sign-in p {
  font-size: 16px;
}
.maine .bg-pic .from-sign .text-sign-in h5 {
  font-size: 33px;
}
.maine .bg-pic .from-sign .logn {
  margin-top: 22px;
}
.maine .bg-pic .from-sign .logn a {
  margin-top: 12px;
  display: inline-block;
  padding: 5px;
  border-radius: 2px;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  color: black;
  margin-right: 10px;
  background-color: #f7f7f7;
}
.maine .bg-pic .from-sign .logn a i {
  width: 18px;
  height: 18px;
  font-size: 9px;
  margin-left: 0;
}
.maine .bg-pic .from-sign .logn a a i[class*=fa-google] {
  background-color: #dd4b39;
}
.maine .bg-pic .from-sign .from-btnm {
  margin-top: 30px;
}
.maine .bg-pic .from-sign .from-btnm .sgn {
  background-color: #007bff;
  width: 200px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: 300;
  height: 45px;
  border: 0px;
  border-radius: 0px;
  margin-top: 1px;
}
.maine .bg-pic .from-sign .from-btnm .sgn .btn {
  background-color: #007bff;
  width: 200px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: 300;
  height: 45px;
  border: 0px;
  border-radius: 0px;
  margin-top: 1px;
}
.maine .bg-pic .from-sign .from-btnm .sgn .btn :hover {
  background-color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
}
.maine .bg-pic .from-sign .from-btnm .forgt {
  background-color: none !important;
}
.maine .bg-pic .from-sign .register {
  margin-top: 26px;
}

/*login*/
.signin-page {
  background-color: f9f9f9;
  min-height: 500px;
}
.signin-page .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 40px;
  padding-top: 30px;
  min-height: 500px;
}
.signin-page .error-message {
  font-size: 12px;
}
.signin-page .bg-pic {
  background-image: url(../images/graphic3.svg);
  height: 500px;
  background-size: cover;
  background-position: bottom;
  width: 50%;
  padding-top: 0px;
  position: relative;
  top: 50%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .signin-page .bg-pic {
    width: 100%;
    height: 526px;
  }
}
.signin-page .bg-pic .from-sign {
  background-color: white;
  padding: 10px 44px;
  min-height: 530px;
  width: 70%;
  margin: 0px auto;
  border-radius: 0px;
}
@media screen and (max-width: 767px) {
  .signin-page .bg-pic .from-sign {
    width: 90%;
  }
}
.signin-page .bg-pic .from-sign .two-typ {
  display: flex;
  margin-bottom: 7px;
}
.signin-page .bg-pic .from-sign .two-typ input {
  width: 100%;
  height: 45px;
  background-color: #fff;
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 13px;
  margin: 0px;
  border: 1px solid #b0b0b0;
  border-radius: 0px;
  padding: 0px 15px;
  margin-right: 7px;
}
.signin-page .bg-pic .from-sign .two-typ input:last-child {
  margin-right: 0px;
}
.signin-page .bg-pic .from-sign .fm {
  margin-bottom: 7px;
}
.signin-page .bg-pic .from-sign .fm input {
  width: 100%;
  height: 45px;
  background-color: #fff;
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 13px;
  margin: 0px;
  border: 1px solid #b0b0b0;
  border-radius: 0px;
  padding: 0px 15px;
}
.signin-page .bg-pic .from-sign .text-sign-in {
  padding-bottom: 20px;
  padding-top: 22px;
}
.signin-page .bg-pic .from-sign .text-sign-in h3 {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 33px;
}
.signin-page .bg-pic .from-sign .text-sign-in p {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 13px;
}
.signin-page .bg-pic .from-sign .logn {
  margin-top: 22px;
  display: flex;
}
.signin-page .bg-pic .from-sign .logn h4 {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  margin-right: 10px;
  padding: 0px;
}
.signin-page .bg-pic .from-sign .logn a {
  height: auto;
  display: inline-block;
  background-color: #f7f7f7;
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
  border-radius: 0px;
  margin-right: 3px;
  padding: 5px 10px;
}
.signin-page .bg-pic .from-sign .logn a :last-child {
  margin-right: 0px;
}
.signin-page .bg-pic .from-sign .logn a i {
  width: 18px;
  height: 18px;
  font-size: 14px;
  margin-right: 7px;
}
.signin-page .bg-pic .from-sign .logn a a i[class*=fa-google] {
  background-color: #007bff;
}
.signin-page .bg-pic .from-sign .from-btnm {
  margin-top: 30px;
}
.signin-page .bg-pic .from-sign .from-btnm .sgn {
  background-color: #0093ff;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
  border-radius: 6px;
  border: 0;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  margin-right: 10px;
  outline: none;
  border-radius: 0px;
  width: 60%;
  height: 40px;
  border-radius: 4px;
}
.signin-page .bg-pic .from-sign .from-btnm .sgn .btn {
  background-color: #007bff;
  width: 300px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: 300;
  height: 45px;
  border: 0px;
  border-radius: 0px;
  margin-top: 1px;
}
.signin-page .bg-pic .from-sign .from-btnm .sgn .btn :hover {
  background-color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
}
.signin-page .bg-pic .from-sign .from-btnm .forgt {
  background-color: none !important;
}
.signin-page .bg-pic .from-sign .register {
  margin-top: 32px;
}
.signin-page .bg-pic .from-sign .rd {
  margin: 6px;
}
.signin-page .bg-pic .from-sign .country select {
  width: 100%;
  border: 0;
  background-color: #f7f7f7;
  color: #000000;
  width: 100%;
  height: 40px;
  border-radius: 7px;
  padding-left: 11px;
}
.signin-page .bg-pic .from-sign .condtion {
  padding-top: 10px;
  padding-left: 4px;
}
.signin-page .bg-pic .from-sign .condtion .checkbox_option {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 12px;
  line-height: 20px;
}
.signin-page .bg-pic .from-sign .condtion .sgn {
  width: 50%;
  height: 40px;
  background-color: #0093ff;
  color: white;
  margin-top: 5px;
}

.sign-connect {
  background-color: #f9f9f9;
  min-height: 600px;
}
.sign-connect .container {
  background-color: #ffffff;
  border-top: 30px solid #f9f9f9;
  border-bottom: 30px solid #f9f9f9;
  padding-bottom: 40px;
  padding-top: 30px;
  min-height: 500px;
}
.sign-connect .logn {
  margin-top: 22px;
  display: flex;
}
.sign-connect .logn a {
  display: inline-block;
  padding: 5px;
  border-radius: 2px;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  color: black;
  margin-right: 10px;
  background-color: #f7f7f7;
}
.sign-connect .logn a i {
  width: 18px;
  height: 18px;
  font-size: 9px;
  margin-left: 0;
}
.sign-connect .logn a a i[class*=fa-google] {
  background-color: #dd4b39;
}
.sign-connect .logn h4 {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  margin-right: 10px;
  padding: 0px;
}
.sign-connect .logn a {
  height: auto;
  display: inline-block;
  background-color: #f7f7f7;
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
  border-radius: 0px;
  margin-right: 3px;
  padding: 5px 10px;
}
.sign-connect .logn a :last-child {
  margin-right: 0px;
}
.sign-connect .logn a i {
  width: 18px;
  height: 18px;
  font-size: 14px;
  margin-right: 7px;
}
.sign-connect .logn a a i[class*=fa-google] {
  background-color: #007bff;
}
.sign-connect .error-message {
  font-size: 12px;
}
.sign-connect .bg-pic {
  background-image: url(../images/graphic3.svg);
  height: 490px;
  background-size: cover;
  background-position: bottom;
  width: 70%;
  padding-top: 0px;
  position: relative;
  top: 50%;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .sign-connect .bg-pic {
    width: 100%;
  }
}
.sign-connect .bg-pic .from-sign {
  background-color: white;
  padding: 10px 44px;
  min-height: 530px;
  width: 70%;
  margin: 0px auto;
  border-radius: 0px;
}
@media screen and (max-width: 767px) {
  .sign-connect .bg-pic .from-sign {
    width: 90%;
  }
}
.sign-connect .bg-pic .from-sign .two-typ {
  display: flex;
  margin-bottom: 7px;
}
.sign-connect .bg-pic .from-sign .two-typ input {
  width: 100%;
  height: 45px;
  background-color: #fff;
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 13px;
  margin: 0px;
  border: 1px solid #b0b0b0;
  border-radius: 0px;
  padding: 0px 15px;
  margin-right: 7px;
}
.sign-connect .bg-pic .from-sign .two-typ .input-group:last-child input {
  margin-right: 0px;
}
.sign-connect .bg-pic .from-sign .fm {
  margin-bottom: 7px;
}
.sign-connect .bg-pic .from-sign .fm input {
  width: 100%;
  height: 45px;
  background-color: #fff;
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 13px;
  margin: 0px;
  border: 1px solid #b0b0b0;
  border-radius: 0px;
  padding: 0px 15px;
}
.sign-connect .bg-pic .from-sign .text-sign-in {
  padding-bottom: 20px;
  padding-top: 22px;
}
.sign-connect .bg-pic .from-sign .text-sign-in h3 {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 33px;
}
.sign-connect .bg-pic .from-sign .text-sign-in p {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 13px;
}
.sign-connect .bg-pic .from-sign .from-btnm {
  margin-top: 30px;
}
.sign-connect .bg-pic .from-sign .from-btnm .sgn {
  background-color: #0093ff;
  color: #fff;
  border-radius: 6px;
  border: 0;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  margin-right: 10px;
  outline: none;
}
.sign-connect .bg-pic .from-sign .from-btnm .sgn .btn {
  background-color: #007bff;
  width: 300px;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
  font-weight: 300;
  height: 45px;
  border: 0px;
  border-radius: 0px;
  margin-top: 1px;
}
.sign-connect .bg-pic .from-sign .from-btnm .sgn .btn :hover {
  background-color: #000000;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  color: #ffffff;
}
.sign-connect .bg-pic .from-sign .from-btnm .forgt {
  background-color: none !important;
}
.sign-connect .bg-pic .from-sign .register {
  margin-top: 32px;
}
.sign-connect .bg-pic .from-sign .rd {
  margin: 6px;
}
.sign-connect .bg-pic .from-sign .country select {
  width: 100%;
  border: 0;
  background-color: #f7f7f7;
  color: #000000;
  width: 100%;
  height: 40px;
  border-radius: 7px;
  padding-left: 11px;
}
.sign-connect .bg-pic .from-sign .condtion {
  padding-top: 10px;
  padding-left: 4px;
}
.sign-connect .bg-pic .from-sign .condtion .checkbox_option {
  font-family: "Poppins", sans-serif;
  color: #000000;
  font-size: 12px;
  line-height: 20px;
}
.sign-connect .bg-pic .from-sign .condtion .sgn {
  width: 50%;
  height: 40px;
  background-color: #0093ff;
  color: white;
  margin-top: 5px;
}

.sign-in .form-body {
  height: 100%;
}
.sign-in .form-body .row {
  position: relative;
  margin-left: 0;
  margin-right: 0;
  height: 100%;
}
.sign-in .website-logo {
  display: inline-block;
  position: absolute;
  z-index: 1000;
  top: 50px;
  left: 50px;
  right: initial;
  bottom: initial;
}
.sign-in .website-logo img {
  width: 100px;
}
.sign-in .website-logo img a {
  display: inline-block;
}
.sign-in .website-logo .logo {
  display: inline-block;
  background-image: url("../../images/logo-lite.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.sign-in .website-logo .logo img {
  width: 100px;
}
.sign-in .website-logo .logo img .logo-size {
  opacity: 0 !important;
}
.sign-in .website-logo-inside {
  margin-bottom: 70px;
}
.sign-in .website-logo-inside a {
  display: inline-block;
}
.sign-in .website-logo-inside img {
  width: 100px;
}
.sign-in .website-logo-inside .logo {
  display: inline-block;
  background-image: url("../../images/logo-lite.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.sign-in .website-logo-inside .logo img {
  width: 100px;
}
.sign-in .website-logo-inside .logo img .logo-size {
  opacity: 0 !important;
}
.sign-in .preview-body {
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center;
}
.sign-in .preview-body .web-logo {
  margin-bottom: 50px;
}
.sign-in .preview-body .web-logo img {
  width: 130px;
}
.sign-in .preview-body .web-title {
  font-size: 30px;
  font-weight: 300;
  color: #000;
  line-height: 35px;
  margin-bottom: 50px;
}
.sign-in .preview-body .img-link {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
  padding: 0 5px;
}
.sign-in .preview-body .img-link img {
  width: 100%;
  border-radius: 15px;
  -webkit-box-shadow: 0 0 5px rgba(0, 123, 255, 0.38);
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.38);
  -webkit-transition: all 0.5s cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 0.5s cubic-bezier(0.34, 1.61, 0.7, 1);
}
.sign-in .preview-body .img-link:hover img,
.sign-in .preview-body .img-link:focus img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-box-shadow: 0 11px 19px rgba(0, 123, 255, 0.18);
  box-shadow: 0 11px 19px rgba(0, 123, 255, 0.18);
}
.sign-in .img-holder {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 550px;
  min-height: 700px;
  height: 100%;
  overflow: hidden;
  padding: 60px;
  text-align: center;
  z-index: 999;
}
.sign-in .img-holder .info-holder {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sign-in .img-holder .info-holder h3 {
  display: inline-block;
  color: #fff;
  text-align: left;
  font-size: 23px;
  font-weight: 900;
  margin-bottom: 30px;
  width: 100%;
  max-width: 378px;
  padding-right: 30px;
}
.sign-in .img-holder .info-holder h2 {
  display: inline-block;
  color: #fff;
  text-align: left;
  font-size: 32px;
  font-weight: 900;
  margin-bottom: 30px;
  width: 100%;
  max-width: 378px;
}
.sign-in .img-holder .info-holder span {
  font-size: 32px;
  font-weight: 900;
  color: #fe4777;
}
.sign-in .img-holder .info-holder p {
  display: inline-block;
  color: #fff;
  text-align: left;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 50px;
  width: 100%;
  max-width: 378px;
  padding-right: 30px;
}

.img-holder .info-holder img {
  width: 100%;
  max-width: 378px;
}

.img-holder .info-holder img.md-size {
  max-width: 290px;
}

.img-holder .info-holder.simple-info h3 {
  padding-right: 0;
}

.img-holder .info-holder.simple-info p {
  padding-right: 0;
}

.img-holder .info-holder.simple-info img {
  max-width: 160px;
  margin-bottom: 50px;
}

.img-holder .bg {
  position: absolute;
  opacity: 0.23;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/homebackground.jpg");
  background-size: cover;
  background-position: center;
  z-index: -1;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/*Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.car-gallery {
  padding: 20px 0px;
}
.car-gallery .middle-gallery {
  height: 200px;
}
@media screen and (max-width: 767px) {
  .car-gallery .middle-gallery {
    height: 400px;
  }
}
.car-gallery .middle-gallery .row {
  height: 100%;
}
.car-gallery .middle-gallery .row .col-12 {
  height: 50%;
}
.car-gallery .middle-gallery .row img {
  min-width: 100%;
  width: auto;
  max-height: 100%;
}
.car-gallery .sides-gallery {
  height: 200px;
}
.car-gallery .sides-gallery img {
  min-width: 100%;
  width: auto;
  max-height: 100%;
}
.car-gallery * {
  overflow: hidden;
}

/*blog page*/
.blog-page {
  padding-top: 20px;
}
.blog-page .content-box {
  background-color: #e0dfde;
  min-height: 280px;
  padding: 20px 20px;
}
.blog-page .content-box h4 {
  font-size: 1.3rem;
  margin-top: 5%;
}
.blog-page .content-box h5 {
  font-size: 15px;
}
.blog-page .content-box .entry-content p {
  font-size: 13px !important;
  line-height: 32px;
  letter-spacing: 0.25px;
  text-align: justify;
}
.blog-page .content-box .entry-title a {
  color: #000;
  font-size: 1.1rem;
  font-weight: 500;
  text-decoration: none;
  text-align: justify;
}

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