:root {
  --orange: #fd7714;
  --black: #000;
  --white: #fff;
  --lblack: #131a29;
  --bggrey: #f4f1ee;
  --bgorange: #ffe6d3;
  --sitebg: #fff9f4;
}
.date-left {
  position: relative;
}
.instmodal-main {
  position: relative !important;
}
div#ui-datepicker-div {
  background: #fff;
  border: none;
  border-radius: 30px;
  box-shadow: 0 4px 4px 0 #00000040;
  color: #000;
}
a:hover.exploreBtn {
  color: #fff !important;
}
.ui-state-default .ui-state-hover {
  background-color: var(--bggrey);
  border: none;
}
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
  background: #fff;
  border: none;
  color: #454545;
  font-weight: 400;
  text-align: center;
}
#logoutModal {
  .logout-content {
    margin-top: 120px !important;
  }
}
.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
  background: var(--orange);
  color: #fff;
  font-weight: 400;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title {
  background: transparent;
  line-height: 1.8em;
  margin: 0 2.3em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-header {
  background: transparent;
  border: none;
  padding: 0.2em 0;
  position: relative;
}
.successimg {
  width: 120px !important;
}
.confirm-text {
  color: #000;
  font-family: Readex Pro, Arial, sans-serif !important;
  font-size: 32px;
  font-weight: 700;
}
.email-text {
  color: #000;
  font-family: Space Grotesk;
  font-size: 18px;
  font-weight: 400;
}
.date-left select {
  display: none;
}
.select-items div,
.select-selected {
  border: 1px;
  border-radius: 30px;
  color: #000;
  cursor: pointer;
  padding: 8px 16px;
}
.select-items {
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 #00000040;
  left: 0;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 99;
}
.select-hide {
  display: none;
}
.same-as-selected,
.select-items div:hover {
  color: var(--orange);
}
a {
  text-decoration: none !important;
}
.pagination-number.active a {
  color: #000;
}
.pagination-icon i {
  font-weight: 1000;
}
.date-left label {
  color: #111628 !important;
  font-size: 12px !important;
  font-weight: 400;
}
.date-left label i {
  margin-left: 5px;
}
::-webkit-scrollbar {
  background-color: transparent;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  background-color: var(--orange);
  border-radius: 20px;
}
.rounded-circle {
  border-radius: 50% !important;
  font-size: 20px !important;
  padding: 10px 12px !important;
}
#carbook {
  .me-4 {
    margin-right: 17px !important;
  }
}
#logoutModal {
  .logout-button a {
    color: #000 !important;
  }
}
.offers_section .container,
.testimonialone .container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  width: 80% !important;
}
.mobiflex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#prof-img {
  .modal-dialog {
    align-items: flex-start;
    border-radius: 30px;
    left: 31%;
    margin-top: 5%;
    max-width: 30% !important;
    padding-top: 0 !important;
    top: 7%;
    transform: none;
  }
  .modal_cls {
    display: none;
  }
  hr {
    display: block !important;
  }
  .modal-content {
    border-radius: 30px;
    padding: 20px;
  }
  i.fa-solid.fa-arrow-right-from-bracket {
    rotate: 180deg;
  }
}
.modal-profpic {
  img {
    border-radius: 50%;
    height: 71px;
    width: 71px;
  }
  .prof-lap-head {
    display: flex;
    gap: 20px;
  }
  button {
    background: var(--orange);
    border: none;
    color: #fff;
    font-family: Readex Pro;
    padding: 6px 16px;
  }
  button,
  h6.mb-3 {
    font-size: 12px;
    font-weight: 300;
  }
  h4.mt-3,
  h6.mb-3 {
    font-family: Space Grotesk !important;
  }
  h4.mt-3 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 0 !important;
  }
  a.nav-link {
    align-items: center;
    color: #000 !important;
    cursor: pointer;
    display: inline-flex;
    font-size: 18px;
    font-weight: 300 !important;
    gap: 1rem;
    justify-content: center;
    margin-top: 3%;
    h6 {
      font-family: Readex Pro;
      font-size: 20px;
      font-weight: 400;
      margin-top: 6%;
    }
  }
  a.nav-link:hover {
    color: var(--orange) !important;
    transition: all 0.3s;
  }
}
#availcars {
  .modal-profpic {
    a.nav-link {
      color: #000 !important;
    }
  }
}
#mainblog {
  .modal-profpic {
    a.nav-link {
      color: #000 !important;
    }
  }
}
#homefaq,
#terms {
  .modal-profpic {
    a.nav-link {
      color: #000 !important;
    }
  }
}
.blog-img {
  align-items: center;
  background: #fff;
  border-radius: 30px;
  display: flex;
  gap: 7px;
  padding: 4px 10px 4px 6px;
}
.gallery-Text {
  display: none;
}
.customer-book-sec {
  margin-top: 100px !important;
}
.update-image-def {
  font-size: 48px !important;
  height: 72px !important;
  text-align: center;
  width: 72px !important;
}
.pagination-icon.deactive a i {
  background-color: transparent;
  color: #b3afab;
}
.normal-view {
  display: none !important;
}
.lap-view {
  display: block !important;
}
.autocomplete-items {
  background-color: #fff;
  border-radius: 15px;
  left: -18px;
  max-height: 350px;
  overflow-y: scroll;
  position: absolute;
  top: 75px;
  width: 119%;
  z-index: 10;
}
.autocomplete-items::-webkit-scrollbar {
  height: 8px !important;
  margin-top: 10%;
  width: 6px;
}
.autocomplete-items::-webkit-scrollbar-track {
  background-color: transparent;
}
.autocomplete-items::-webkit-scrollbar-thumb {
  background-color: var(--orange);
  border-radius: 10px;
}
.autocomplete-items::-webkit-scrollbar-thumb:hover {
  background-color: orange;
}
.autocomplete-items div {
  cursor: pointer;
  padding: 15px;
}
.autocomplete-items div strong {
  font-family: Space Grotesk;
  font-size: 18px;
  font-weight: 400;
}
#aboutpage {
  #customers-testimonials-barber {
    margin-bottom: 0 !important;
  }
}
.Rent-margin {
  .flash-head {
    text-align: center;
  }
}
.filteritem {
  button {
    color: #000 !important;
  }
}
.model-input::-moz-placeholder {
  font-size: 12px;
}
.model-input::placeholder {
  font-size: 12px;
}
p.popup-Label.text-center {
  color: #11162899;
}
.booking-section {
  margin-top: 100px;
}
.booking-back-btn,
.peicecard-back-btn {
  display: none;
}
.faq-head h1 {
  color: #000;
  font-family: Space Grotesk;
  font-weight: 600;
}
.booknav {
  .nav {
    margin-left: 0 !important;
  }
}
#logoutModal {
  .modal-dialog {
    height: 469px !important;
    max-width: 400px !important;
    transform: none;
  }
  .modal-content {
    border-radius: 30px !important;
  }
  .btn-close {
    color: #000 !important;
    font-size: 10px;
    font-weight: 600;
    position: absolute;
    right: 20px;
    top: 20px;
  }
  .logout-caption h5 {
    font-size: 20px;
  }
  .logout-button.mt-5 {
    display: flex;
    gap: 2rem;
    justify-content: center;
  }
  .logout-button.mt-5 {
    button {
      color: #000;
      font-family: Space Grotesk;
      font-size: 17px;
      font-weight: 500;
      padding: 11px 48px;
      transition: 0.5s ease;
    }
    button:hover {
      background-color: #fd7714;
      border: none;
      color: #fff;
      transition: 0.5s ease;
    }
  }
}
#carbook {
  & #carviewModal {
    .owl-carousel .owl-stage {
      height: 135px;
      overflow: hidden;
      position: relative;
    }
    .owl-carousel img {
      border-radius: 15px;
      height: 100px;
    }
  }
}
#customerpage {
  .editpencil {
    display: none;
  }
}
.insta-pricecard {
  margin-right: 20px;
}
.sec-404 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
}
.sec-404-main {
  background-color: #fff9f4;
  margin-top: 100px;
}
.sec-404 .mini-text {
  color: var(--orange);
  font-family: Space Grotesk !important;
  font-size: 56px;
  font-weight: 700;
}
.error404 a.btn {
  background-color: var(--orange) !important;
  border: none;
  border-radius: 30px;
  font-size: 17px;
  letter-spacing: 2px;
  padding: 20px 40px;
  width: -moz-fit-content;
  width: fit-content;
}
.sec-404 img {
  width: 800px;
}
#terms p {
  color: #000;
  font-family: Space Grotesk;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
}
#terms h5 {
  font-weight: 700 !important;
}
#terms h1,
#terms h5 {
  color: #000;
  font-size: 40px;
  letter-spacing: -4px;
  line-height: 80px;
}
#terms h1 {
  font-weight: 600 !important;
}
.blog-detail-section2 p {
  font-family: Space Grotesk;
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 0 !important;
}
.enquiry-a {
  cursor: pointer;
  gap: 1rem;
}
@font-face {
  font-family: Averta !important;
  font-style: normal !important;
  font-weight: 400 !important;
  src: url(/fonts/AvertaStd-Black.ttf?20cb0a9fd909526a99a8e99d8178d3e6)
      format("ttf"),
    url(/fonts/AvertaStd-Bold.ttf?035345d433cff7977a3f46ab86506946)
      format("ttf") !important;
}
@font-face {
  font-family: Space Grotesk !important;
  font-style: normal !important;
  font-weight: 400 !important;
  src: url(/fonts/SpaceGrotesk-Regular.ttf?3683ead52440efaeba4d929fd19bc02d)
      format("ttf"),
    url(/fonts/SpaceGrotesk-Bold.ttf?9ee2fc15497f7869312f358c0525392e)
      format("ttf") !important;
}
@font-face {
  font-family: Readex Pro !important;
  font-style: normal !important;
  font-weight: 400 !important;
  src: url(/fonts/ReadexPro-Regular.ttf?e4e2032fef8435b342fe06fd38ad6bb0)
      format("ttf"),
    url(/fonts/ReadexPro-Bold.ttf?b4ccbfa721b812cfefa839d991546cd5)
      format("ttf") !important;
}
body {
  background-color: var(--sitebg);
  font-family: Readex Pro !important;
}
.lapview {
  display: block !important;
}
.testimonial-gap {
  padding: 1rem;
}
button {
  background: var(--white);
  border: 1px solid #000;
  border-radius: 25px;
  padding: 8px 16px;
  transition: background-color 0.3s, color 0.3s;
}
.dotcolor {
  color: hsla(0, 0%, 100%, 0.7);
}
.fixed-top {
  height: 70px;
}
.terms_bg_image {
  background-image: url(/images/terms-bg.png);
}
.privacy_bg_image,
.terms_bg_image {
  align-items: center !important;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px;
  display: flex !important;
  height: 60vh;
  justify-content: center !important;
  position: relative !important;
  width: 100%;
}
.privacy_bg_image {
  background-image: url(/images/privacy_bg.png);
}
.white {
  color: var(--white);
}
.mobile-btn {
  display: none !important;
}
.bscreen-btn {
  -moz-column-gap: 15px;
  column-gap: 15px;
  display: flex !important;
}
#availcars .nav-link,
#availcars .scrolled .nav-link,
#mainblog .nav-link,
#mainblog .scrolled .nav-link,
#mobileModal .nav-link {
  color: #000 !important;
}
.logo {
  align-items: center;
  display: flex !important;
  justify-content: space-evenly;
}
.privacy_policy:hover {
  color: #dfb698;
  transition: 0.5s ease;
}
.link-footerss:hover {
  color: #fff;
}
.terms_condition:hover {
  color: #dfb698;
  transition: 0.5s ease;
}
button.dropdown-item {
  font-family: Space Grotesk;
}
a.dropdown-item {
  font-family: Readex Pro;
}
#detailnavbar {
  .signupBtn {
    color: #000;
    font-size: 16px;
  }
  .loginBtn {
    background-color: #000;
    color: #fff;
  }
}
.scrolled {
  background-color: var(--bgorange) !important;
  transition: all 0.5s;
  .signupBtn {
    color: #000;
    font-size: 16px;
  }
  .loginBtn {
    background-color: var(--orange);
    color: #fff;
  }
}
#customerpage {
  .navbar-toggler img {
    filter: invert(100%);
    height: auto;
    width: 30px;
  }
}
#carbook {
  .navbar-toggler img {
    filter: invert(100%);
    height: auto;
    width: 30px;
  }
}
.scrolled .navbar-toggler img {
  filter: invert(0);
  height: auto;
  width: 30px;
}
#availcars {
  input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
    -webkit-text-fill-color: inherit !important;
  }
  .navbar-toggler img {
    filter: invert(100%);
    height: auto;
    width: 30px;
  }
}
#aboutpage {
  .navbar-toggler img {
    filter: invert(100%);
    height: auto;
    width: 30px;
  }
}
.navbar {
  box-shadow: none !important;
  height: 67px;
  left: 0;
  max-width: 100%;
  padding: 0 5% !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.homebanner {
  border-radius: 20px !important;
  margin-top: 10px;
  width: 100%;
}
.inputcard {
  background-color: #fff !important;
  border: none;
  color: #00000080;
  font-family: Space Grotesk;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.04em;
  line-height: 30px;
  padding: 5px !important;
  text-align: left;
  width: 95% !important;
}
.autocomplete {
  display: inline-block;
  position: relative;
}
.filter-img {
  border-radius: 35px;
  overflow: hidden;
}
.bannercard {
  align-items: baseline !important;
  background-color: #fff;
  border-radius: 50px !important;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15) !important;
  display: grid;
  grid-template-columns: 90% 10% !important;
  margin-left: 2%;
  padding: 10px 20px !important;
  position: relative;
}
.searchBtn {
  background: #fd7714;
  border: none;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  height: 45px;
  width: 45px;
}
.signupBtn {
  background-color: transparent;
  border: none;
  font-size: 16px;
  height: 35px !important;
  margin-right: 15px !important;
}
.loginBtn,
.signupBtn {
  color: #000;
  font-weight: 500;
}
.loginBtn {
  background-color: #fff;
  border: none;
  border-radius: 20px !important;
}
.expall {
  margin-bottom: 100px !important;
  margin-top: -30px;
}
.bannerflex {
  display: grid;
  grid-template-columns: 50% 50%;
}
.bannerleft-content {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: left;
  margin-left: 8% !important;
  margin-top: 11%;
  position: relative;
}
.nav-link {
  font-size: 17px;
}
.dropdown-menu {
  background-color: transparent;
  border-radius: 30px !important;
  box-shadow: none !important;
  display: none;
  position: absolute;
  z-index: 1000;
}
.nav-item:hover .dropdown-menu {
  display: block;
}
.dropdown-item:hover {
  background-color: transparent !important;
  color: #fd7714 !important;
}
.dropdown-item {
  font-family: Space Grotesk;
}
.dropdown-menu {
  transition: border 0.3s ease;
}
.dropdown-toggle {
  display: flex !important;
}
.dropdown-toggle:after {
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  border-right: 0.3em solid transparent;
  border-top: none;
  content: "\f107";
  display: inline-block;
  font-family: FontAwesome;
  height: 24px;
  margin-left: 1px !important;
  vertical-align: 0 !important;
  width: 24px;
}
.footer-grid {
  display: grid;
  grid-template-columns: 28% 10% 15% 27% 22% !important;
  margin-top: 95px !important;
}
.social-icons {
  align-items: center;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 15px;
}
.footer-flexs {
  display: block;
}
.footer-contact-img {
  display: none;
}
.footer-img {
  cursor: pointer !important;
  margin-right: 20px !important;
  width: 30px;
}
.privacy_policy,
.terms_condition {
  color: #fff;
  text-decoration: none;
}
.dot {
  color: #fff !important;
  transform: translateY(-3px) translateX(4px);
}
.footer-bg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px !important;
  padding: 35px 55px;
  position: relative !important;
  width: 100% !important;
  z-index: 0;
}
.footer-section2 {
  display: none;
}
.ourvehicle-head {
  font-size: 40px !important;
}
.footer-heading,
.ourvehicle-head {
  font-family: Space Grotesk;
  font-weight: 700;
}
.footer-heading {
  color: #fff;
  font-size: 50px;
  margin-top: 47px !important;
}
.footer-gulf-list li {
  font-family: Readex Pro;
  list-style: none !important;
}
.footer-gulf-list {
  padding: 0 !important;
}
.footer-content {
  color: hsla(0, 0%, 100%, 0.8) !important;
  font-family: Readex Pro;
  font-size: 18px;
  font-weight: 200;
  line-height: 27px;
  margin: 14px auto !important;
}
.contact-foot {
  margin: 54px auto !important;
}
.footer-contact {
  color: #fff !important;
  cursor: pointer;
  font-family: Space Grotesk;
  font-size: 28px !important;
  font-weight: 700;
  text-decoration: underline;
}
.footer-contact:hover {
  color: hsla(0, 0%, 100%, 0.8) !important;
}
.footer-line {
  color: #fff !important;
  margin-top: 70px !important;
}
.footer-quicks {
  font-size: 24px;
  font-weight: 800;
}
.footer-quicks,
.footer-quicks-gulf {
  color: #fff;
  font-family: Space Grotesk;
}
.footer-quicks-gulf {
  font-size: 16px;
  font-weight: 500;
}
.footer-quicks-text {
  color: #fff;
  font-family: Readex Pro;
  font-size: 16px;
  font-weight: 200;
  line-height: 25px;
}
.link-footerss {
  line-height: 25px !important;
}
.link-footer,
.link-footerss {
  color: #fff;
  font-size: 12px;
  font-weight: 200;
  text-decoration: none;
}
.link-footer {
  cursor: pointer;
  line-height: 35px;
}
.footer-contact:hover,
.link-footer:hover {
  color: var(--orange) !important;
}
.footer-contact:hover {
  font-weight: 700;
}
.footer-gulf-mission .link-footer:hover {
  color: #fff !important;
}
.footer-condition {
  display: flex;
  justify-content: space-between;
}
.brand-link {
  text-decoration: none;
}
a#navbarDropdown4,
ul.dropdown-menu,
ul.dropdown-menu.show {
  border: none;
}
.container,
.container-xl,
.container-xxl {
  max-width: 90% !important;
}
@media (min-width: 2000px) {
  .container {
    max-width: 1140px !important;
  }
  #indexpage {
    .owl-carousel .owl-item .vehicle-fleet-img img {
      height: 7vh !important;
      width: 100%;
    }
  }
}
#indexpage {
  .typecar.row {
    margin: 110px auto;
  }
  .explorewrap,
  .typecar.row {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .explorewrap {
    margin-top: 2%;
  }
  .explore {
    background-color: var(--orange) !important;
    border: none;
    border: 1px solid transparent !important;
    border-radius: 30px;
    color: var(--white);
    font-family: Readex Pro;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 20.42px;
    margin-top: 20px;
    padding: 10px 20px;
    text-transform: none;
    width: -moz-fit-content;
    width: fit-content;
  }
  .explore:hover {
    background-color: #fff !important;
    border: 1px solid var(--orange) !important;
    color: var(--orange) !important;
    transition: 0.5s ease-in-out;
  }
  .brand-images1 {
    align-items: center;
    background-color: #edebea;
    border-radius: 30px;
    height: auto;
    margin: 10px 4px;
    padding: 25px 30px 10px;
  }
  .brand-images1 p {
    font-size: 16px;
    font-weight: 500;
    line-height: 43px;
    margin-bottom: 0 !important;
  }
  .brand-images1 img {
    height: 45px;
    width: 120px;
  }
  #popular-brands {
    .mainheading {
      font-family: Space Grotesk;
      font-size: 40px;
      font-weight: 700;
      margin-bottom: 20px;
    }
  }
  .brand-img {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .img-wrap {
    border: 1px solid #d8d9da;
    border-radius: 36px;
    margin: auto 10px;
    padding: 26px 16px;
    position: relative;
  }
  .owl-carousel .owl-item .our_brand-img {
    height: 7vh;
  }
  .owl-carousel .owl-item .our_brand-img,
  .owl-carousel .owl-item .our_brand-img img {
    display: block;
    -webkit-transform-style: preserve-3d;
  }
  .owl-carousel .owl-item .vehicle-fleet-img {
    border-radius: 35px;
    height: 19vh;
    overflow: hidden;
  }
  .owl-carousel .owl-item .vehicle-fleet-img img {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .namebrand {
    font-family: Space Grotesk;
    font-size: 17px;
    font-weight: 600;
  }
  .owl-carousel {
    margin: auto auto 90px;
    width: 100%;
  }
}
.flash-head {
  font-family: Space Grotesk;
  font-size: 58px !important;
  font-weight: 700;
  letter-spacing: -0.06em;
  line-height: 83px;
  margin-bottom: 2% !important;
}
.gotquestions .accordion-button:not(.collapsed) {
  background-color: #fd7714;
  border-radius: 35px !important;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
  color: #fff;
  height: 88px;
  padding-left: 4%;
}
.gotquestions .accordion-header {
  background: #fff9f4 !important;
  border-radius: 40px !important;
  padding: 5px !important;
}
.gotquestions .accordion-button {
  align-items: center;
  background-color: transparent;
  border: 0;
  border-radius: 40px !important;
  color: #000;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  overflow-anchor: none;
  padding: 1.15rem 1.5rem;
  position: relative;
  text-align: left;
  transition: 0.15s ease-in-out;
  width: 100%;
}
.gotquestions .accordion-item {
  background-color: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 40px !important;
}
.gotquestions .accordion-item:not(:first-of-type) {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.125) !important;
  border-radius: 40px !important;
}
.gotquestions .accordion-button.collapsed {
  border-radius: 40px !important;
  padding: 10px;
}
.gotquestions .accordion-button:after {
  background-image: url(/images/plus.svg?4f5e0134d23a7fd54ef3ddc5d41c44b1);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 12px;
  position: absolute;
  right: 3rem;
  transform: rotate(-180deg);
  width: 12px;
}
.gotquestions .accordion-button:not(.collapsed):after {
  background-image: url(/images/minus.svg?7ea4f6987adbc461c9caf51eb4ec3e34);
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  transform: rotate(-180deg);
  width: 20px;
}
.gotquestions .accordion-button:not(.collapsed) {
  box-shadow: none !important;
}
.gotquestions .accordion-button:hover {
  z-index: 2;
}
.gotquestions .accordion-button:focus {
  box-shadow: none !important;
  outline: none !important;
  z-index: 3;
}
.enquiry-a {
  align-items: center;
  display: flex;
}
.contact-subcontent {
  font-size: 28px;
  font-weight: 700;
  line-height: 35px;
}
.contact-social-items,
.contact-subcontent {
  color: #000;
  font-family: Space Grotesk !important;
}
.contact-social-items {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
.view-map {
  bottom: 10px;
  position: absolute;
}
.contact-grid {
  display: grid;
  gap: 40px;
  grid-template-columns: 48% 45%;
}
.Travelogue {
  border: 0.5px solid #898787;
  border-radius: 30px;
  height: 75vh !important;
  padding: 5px;
  width: 100% !important;
}
.Travelogue-text {
  color: #fd7714 !important;
  font-family: Readex Pro;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 0 !important;
}
.Travelogue-head {
  color: #fff !important;
  font-family: Space Grotesk;
  font-size: 50px !important;
  font-weight: 500;
}
.blog-tavel-main {
  background-color: #000;
  border-radius: 30px !important;
  padding: 45px 0 60px 60px !important;
}
.left-content {
  bottom: 30px !important;
  left: 0 !important;
  margin-left: 20px !important;
  position: absolute !important;
  z-index: 4;
}
.mt-class {
  margin-top: 3% !important;
}
.exploreBtn {
  background-color: transparent !important;
  border: 1px solid #fff;
  border-radius: 20px !important;
  color: #fff;
  font-size: 14px !important;
  padding: 8px 20px;
}
.Travelogue-content {
  color: #fff;
  font-family: Readex Pro;
  font-size: 24px;
  font-weight: 500;
  line-height: 30.6px;
  padding-bottom: 3%;
  padding-top: 2%;
}
.date-text-left {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 14px;
  font-weight: 300;
}
.blog-margin {
  border: 1px solid #898787;
  border-radius: 30px;
  padding: 5px !important;
}
.Travelogue-content-right {
  color: #fff;
  font-family: Readex Pro;
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
}
.date-text {
  bottom: 0;
  color: hsla(0, 0%, 100%, 0.7);
  flex-direction: 13px;
  font-weight: 300;
  margin-top: 10px !important;
  position: absolute;
}
.travel-img {
  border-radius: 25px !important;
  height: 21.5vh;
  -o-object-fit: cover;
  object-fit: cover;
  padding: 0 !important;
  width: 100% !important;
}
.blog-position {
  position: relative !important;
}
#customers-testimonials-work .owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials-work .owl-carousel .owl-dots .owl-dot:hover span {
  background: #21aa47;
  transform: translate3d(0, -50%, 0) scale(0.7);
}
#customers-testimonials-work .owl-carousel .owl-dots {
  display: inline-block;
  margin-top: 25px;
  text-align: center;
  width: 100%;
}
#customers-testimonials-work .owl-carousel .owl-dots .owl-dot {
  display: inline-block;
}
#customers-testimonials-work .owl-carousel .owl-dots .owl-dot span {
  background: #fff;
  border: 2px solid #21aa47;
  border-radius: 50%;
  display: inline-block;
  height: 25px;
  margin: 0 2px 5px;
  transform: translate3d(0, -50%, 0) scale(0.3);
  transform-origin: 50% 50% 0;
  transition: all 0.25s ease-out 0s;
  width: 25px;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
  background: #21aa47;
  transform: translate3d(0, -50%, 0) scale(0.7);
}
#customers-testimonials.owl-carousel .owl-dots {
  display: inline-block;
  margin-top: 25px;
  text-align: center;
  width: 100%;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
}
#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
  background: #fff;
  border: 2px solid #21aa47;
  border-radius: 50%;
  display: inline-block;
  height: 25px;
  margin: 0 2px 5px;
  transform: translate3d(0, -50%, 0) scale(0.3);
  transform-origin: 50% 50% 0;
  transition: all 0.25s ease-out 0s;
  width: 25px;
}
.testimonial .description:after,
.testimonial .description:before {
  display: none;
}
#customers-testimonials .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50% !important;
  transform: translateY(-50%);
  width: 100%;
}
#customers-testimonials .owl-nav .owl-next:hover,
#customers-testimonials .owl-nav .owl-prev:hover {
  color: #131a29 !important;
  font-size: 30px;
}
#customers-testimonials .owl-nav .owl-next {
  right: -70px;
}
#customers-testimonials .owl-nav .owl-next,
#customers-testimonials .owl-nav .owl-prev {
  align-items: center;
  background-color: rgba(253, 119, 20, 0.15);
  border: none !important;
  border-radius: 50% !important;
  color: rgba(19, 26, 41, 0.3);
  display: flex;
  font-size: 20px;
  height: 56px;
  justify-content: center;
  margin-top: -30px;
  position: absolute !important;
  width: 56px;
}
#customers-testimonials .owl-nav .owl-prev {
  left: -70px;
}
#customers-testimonials-barber.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials-barber.owl-carousel .owl-dots .owl-dot:hover span {
  background: #21aa47;
  transform: translate3d(0, -50%, 0) scale(0.7);
}
#customers-testimonials-barber.owl-carousel .owl-dots {
  display: inline-block;
  margin-top: 25px;
  text-align: center;
  width: 100%;
}
#customers-testimonials-barber.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
}
#customers-testimonials-barber.owl-carousel .owl-dots .owl-dot span {
  background: #fff;
  border: 2px solid #21aa47;
  border-radius: 50%;
  display: inline-block;
  height: 25px;
  margin: 0 2px 5px;
  transform: translate3d(0, -50%, 0) scale(0.3);
  transform-origin: 50% 50% 0;
  transition: all 0.25s ease-out 0s;
  width: 25px;
}
#customers-testimonials-barber .owl-nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
#customers-testimonials-barber .owl-nav .owl-next,
#customers-testimonials-barber .owl-nav .owl-prev {
  color: #fff;
  display: none !important;
  font-size: 25px;
  margin: -20px;
  padding: 9px;
}
@keyframes animate {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-1250px);
  }
}
.fa-long-arrow-left,
.fa-long-arrow-right {
  color: initial;
  font-size: 22px;
  font-weight: 500;
  transform: none !important;
  transition: none !important;
}
.fa-long-arrow-left:active,
.fa-long-arrow-left:focus {
  color: var(--black);
}
.owl-nav .disabled {
  .fa:after,
  .fa:before {
    color: #131a294d !important;
  }
  .fa {
    font-weight: 100 !important;
  }
  .fa:active,
  .fa:focus {
    font-weight: 500 !important;
  }
}
#your-second-carousel-id {
  .fa {
    font-weight: 100 !important;
  }
  .fa:active,
  .fa:focus {
    font-weight: 500 !important;
  }
  .owl-nav .disabled {
    .fa:after,
    .fa:before {
      color: #131a294d !important;
    }
  }
}
.fa-long-arrow-left:hover,
.fa-long-arrow-right:hover {
  color: #131a29 !important;
  transform: none !important;
  transition: none !important;
}
.others-card {
  background-color: #fff;
  border: none;
  border-radius: 20px;
  box-shadow: 0 0 4px 0 #00000026 !important;
  padding: 10px;
  padding: 10% 27px 144px !important;
}
.owl-carousel .owl-item img {
  display: block;
  -webkit-transform-style: preserve-3d;
  width: 100%;
}
.client-img {
  border-radius: 50%;
  height: 64px !important;
  width: 64px !important;
}
.client-name {
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 30px;
  margin-top: 20px !important;
}
.client-position {
  font-family: Readex Pro !important;
  font-size: 16px !important;
  font-weight: 400;
  line-height: 22px !important;
}
.others-card1 div {
  width: 250px;
}
.client-content {
  height: 90px;
  max-width: 300px;
  overflow-y: scroll !important;
  width: 100%;
}
.add-read-more.show-less-content .read-less,
.add-read-more.show-less-content .second-section,
.add-read-more.show-more-content .read-more {
  display: none;
}
.add-read-more .read-less,
.add-read-more .read-more {
  color: #fd7714;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  margin-left: 2px;
}
.add-read-more {
  color: #000;
  font-family: Space Grotesk;
  font-size: 16px !important;
  font-weight: 500;
  height: 223px !important;
  line-height: 25px !important;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  padding-right: 20px;
  width: 100%;
}
div#contain {
  width: -moz-fit-content;
  width: fit-content;
}
.others-card1 div {
  height: 90px;
  width: 100%;
}
.client-content::-webkit-scrollbar {
  height: 8px;
  width: 4px;
}
.client-content::-webkit-scrollbar-track {
  background-color: transparent;
}
.client-content::-webkit-scrollbar-thumb {
  background-color: var(--orange);
  border-radius: 4px;
}
.others-card1::-webkit-scrollbar-thumb:hover {
  background-color: var(--orange);
}
.p-3 {
  padding: 1rem;
}
.benifits-bg {
  background-color: #fff;
  border-radius: 40px;
}
.benifits-img {
  gap: 1rem;
  grid-template-columns: 22% 22% 22% 22% !important;
  margin-top: 12% !important;
}
.benifits-text {
  color: #fd7714 !important;
  font-size: 48px;
  font-weight: 500;
  font-weight: 700;
  line-height: 35px;
}
.benifits-img {
  display: grid;
  grid-template-columns: 17% 17% 17% 17%;
  justify-content: center;
  position: relative !important;
}
.rectangle-img {
  display: block;
  height: auto;
  margin: auto;
  width: 270px;
}
.center-image {
  animation: rotateImage 5s linear infinite !important;
  bottom: 50%;
  height: 21ppx !important;
  left: 44%;
  margin-left: -20px !important;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 160px;
  width: 211px !important;
}
@keyframes rotateImage {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.explore-main-sec {
  padding: 10px auto 3% !important;
}
.mt-10 {
  margin-top: 10% !important;
}
.accordion-body p {
  text-align: justify;
}
#mob_search_bar {
  display: none !important;
}
.rating {
  h1 {
    line-height: 67px;
  }
}
#showReviewsModal {
  .star-rating {
    font-size: 24px;
    margin-top: -13% !important;
  }
}
.cartype {
  transition: transform 0.3s ease;
}
.cartype:hover {
  transform: scale(1.1);
}
.abt-img-fluid {
  height: 38px !important;
  width: 52px !important;
}
input[type="checkbox"]:checked + label {
  font-weight: 600;
}
#carbook {
  .container,
  .container-xl,
  .container-xxl {
    max-width: 90%;
  }
  .star-value img {
    height: 14px;
    width: 14px;
  }
  .breadcrumb {
    background: transparent;
    color: rgba(0, 0, 0, 0.5);
    font-family: Space Grotesk;
    font-size: 14px;
  }
  .breadcrumb-end {
    color: #000;
    font-size: 14px;
    margin-left: 5px;
  }
  .car-grid-container {
    display: grid !important;
    gap: 20px;
    grid-template-columns: 44% 27% 27%;
  }
  .car-image-right {
    height: 171px;
  }
  .car-image-left,
  .car-image-right {
    border-radius: 30px;
    margin-top: 10px !important;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .car-image-left {
    height: 353px;
  }
  .detail-section {
    display: none;
  }
  .car-head-name {
    color: #000;
    font-family: Space Grotesk;
    font-size: 28px;
    font-weight: 700;
    margin-top: 0;
  }
  .car-subhead-name {
    color: #000000cc;
    font-family: Readex Pro;
    font-size: 13px;
    margin-right: 5px !important;
  }
  .car-subhead-name,
  .first-review {
    font-weight: 400;
    letter-spacing: -0.02em;
    text-align: left;
  }
  .first-review {
    background: #fff;
    border-radius: 30px;
    color: #000;
    font-family: Space Grotesk;
    font-size: 18px;
    line-height: 22.25px;
    padding: 8px;
    width: -moz-fit-content;
    width: fit-content;
  }
  .star-bg {
    border-radius: 30px;
    margin-top: 0 !important;
    padding: 0 10px 10px 0;
  }
  .detail-border {
    border-top: 1px solid transparent;
    ul {
      margin: 0 !important;
      padding: 0 !important;
    }
  }
  .upRev-img img {
    border-radius: 50px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .reviewstar:before {
    color: var(--orange);
  }
  .reviewstar {
    color: var(--orange) !important;
  }
  .view-review-Btn:hover {
    border: 1px solid #fd7714;
    color: #fd7714;
  }
  .view-review-Btn:active,
  .view-review-Btn:focus {
    background-color: #fd7714;
    border: 1px solid #fd7714;
    color: #fff;
  }
  .view-review-Btn {
    background: transparent;
    padding: 10px 15px !important;
  }
  .star-value {
    align-items: center;
    background: #fff;
    border-radius: 30px;
    color: #000;
    cursor: pointer;
    display: flex;
    font-family: Readex Pro;
    font-size: 14px;
    font-weight: 300;
    gap: 5px;
    letter-spacing: -0.02em;
    line-height: 22.25px;
    padding: 5px;
    text-align: left;
    width: -moz-fit-content;
    width: fit-content;
  }
  .star-icon {
    color: #fd7714 !important;
  }
  .detail-head {
    color: #000000d9;
    font-family: Space Grotesk;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 39.2px;
    padding-top: 20px !important;
    text-align: left;
  }
  .nav-tabs .nav-link:hover {
    border: 1px solid #fd7714 !important;
    color: #fd7714 !important;
  }
  .nav-tabs .nav-link.active {
    background-color: #fd7714 !important;
    border: 1px solid #fd7714 !important;
    border-radius: 30px;
    color: #fff !important;
  }
  .nav-tabs .nav-link,
  .nav-tabs .nav-link.active {
    font-size: 12px;
    font-weight: 500 !important;
    line-height: 20px;
    padding: 10px 15px !important;
  }
  .nav-tabs .nav-link {
    background-color: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 30px !important;
    color: #000 !important;
    font-family: Space Grotesk;
    text-transform: none;
  }
  .detail-grid {
    display: grid;
    grid-template-columns: 60% 7% 33%;
  }
  .detail-tab-one {
    color: #000;
    font-family: Space Grotesk !important;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 27px;
    margin-top: 30px !important;
    opacity: 80%;
    text-align: left;
  }
  .specification-grid {
    display: grid;
    gap: 0;
    -moz-column-gap: 10px;
    column-gap: 10px;
    grid-template-columns: 21% 21% 21% 21% 16%;
    margin-left: 0;
    margin-top: 25px;
    row-gap: 0 !important;
  }
  .specification-subhead {
    color: #00000080;
    font-size: 15px;
    font-weight: 700;
    line-height: 25.2px;
  }
  .specification-head,
  .specification-subhead {
    font-family: Space Grotesk;
    letter-spacing: -0.04em;
    text-align: left;
  }
  .specification-head {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
  }
  .mess2 p {
    color: #000;
    font-family: Space Grotesk;
    font-size: 12px;
    font-weight: 400;
  }
  .mess-tab {
    display: flex;
    gap: 5px;
    line-height: 43px;
  }
  i#pricdetcls {
    display: none;
  }
  .price-card {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    padding: 25px;
  }
  .price-content {
    font-size: 24px !important;
    font-weight: 700 !important;
    text-align: left;
  }
  .pricelist {
    border-radius: 26px !important;
    font-family: Space Grotesk;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 27px;
    text-align: left;
  }
  i#rentnowcls {
    display: none;
  }
  .policy-check {
    color: #fd7714 !important;
    font-size: 12px !important;
    line-height: 33px;
    margin-right: 4px !important;
  }
  ul.payment-list {
    font-weight: 300;
    line-height: 36px;
    margin-left: -10% !important;
    margin-top: -7% !important;
  }
  .date-card {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    margin-top: 30px;
    padding: 30px;
  }
  .date-icon,
  .end-date-icon {
    color: #111628;
    cursor: pointer;
    position: absolute;
    right: 0;
  }
  .date-grid {
    display: grid;
    gap: 15px !important;
    grid-template-columns: 49% 49%;
  }
  .date-left {
    background: #fd771412;
    border-radius: 17px;
    padding: 5px 10px;
    width: 100%;
  }
  #date {
    color: #111628;
    outline: none;
  }
  .enddate-input,
  .startdate-input {
    background: transparent !important;
    border: none !important;
    font-family: Space Grotesk;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 27px;
    text-align: left;
    width: 100%;
  }
  .date-container {
    position: relative;
  }
  .end-date-container {
    position: relative !important;
  }
  label.date-head {
    color: #11162899;
    font-family: Readex Pro;
    font-size: 12px;
    font-weight: 300;
  }
  .select-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #000 !important;
    font-size: 12px;
    font-weight: 500 !important;
    outline: none;
    padding: 11px 0;
  }
  .date-bottom {
    background: #fff5ef;
    border: 1px solid #00000026;
    border-radius: 20px;
    padding: 20px;
    width: 100%;
  }
  span#totalAmount {
    color: #000;
    font-weight: 500;
  }
  .rentBtn {
    background: #fd7714;
    border: 1px solid #fd7714;
    border-radius: 30px !important;
    color: #fff;
    font-family: Space Grotesk;
    font-size: 15px;
    font-weight: 700;
    height: 55px;
    line-height: 30px;
    width: 100%;
  }
  .rentBtn:hover {
    background-color: transparent !important;
    color: #fd7714;
  }
  .enquiryBtn {
    background: #fff;
    color: #fd7714;
    font-size: 16px;
    font-weight: 700;
    height: 55px;
    line-height: 30px;
  }
  .enquiryBtn,
  .enquiryBtn:active {
    border: 1px solid #fd7714;
    border-radius: 30px !important;
    font-family: Space Grotesk;
    width: 100%;
  }
  .enquiryBtn:active {
    background: #fd7714;
    color: #fff;
  }
  .accordion-button:not(.collapsed):after {
    transform: rotate(0deg) !important;
  }
  .payment-Policy-up {
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 27px;
  }
  .requirement-grid {
    display: grid;
    gap: 20px;
    grid-template-columns: 50% 50%;
  }
  .requirement-box {
    border: 1px solid #00000026;
    border-radius: 38px;
    display: grid;
    gap: 10px !important;
    grid-template-columns: 48% 48% !important;
    padding: 10px;
  }
  .payment-Policy {
    font-size: 14px;
    font-weight: 300;
    line-height: 7px;
    margin: 0 !important;
    padding: 0 !important;
  }
  .amount-total {
    font-size: 16px !important;
  }
  p.residental {
    font-family: Readex Pro;
    font-size: 12px;
    font-weight: 200;
  }
  p.note-head {
    font-size: 14px;
    font-weight: 500;
  }
  p.note-content.mt-3 {
    font-family: Readex Pro;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
  }
  .note-hr {
    color: #00000026;
    margin-top: 48px;
  }
  .review-item {
    border-radius: 38px !important;
    padding: 5px !important;
  }
  .review-item {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 37px !important;
    padding: 8px;
    position: relative;
    a {
      text-decoration: none;
    }
  }
  .similiar-head {
    font-size: 18px !important;
    font-weight: 600;
    overflow: hidden !important;
    white-space: nowrap !important;
  }
  .specification {
    background-color: #fff;
    color: #000;
    font-size: 12px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 6px;
    white-space: nowrap;
    span {
      font-weight: 400;
    }
  }
  .owl-carousel .owl-item img {
    border-radius: 31px;
    display: block;
    height: 145px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .specification {
    .fea-dot {
      color: #6f6b6b80;
      font-size: 3px;
      padding-right: 4px;
      transform: translateY(-3px);
    }
  }
  h5.mt-3.similiar-amount {
    font-size: 18px;
    font-weight: 600;
  }
  .view-review-Btn {
    color: #000;
    font-family: Space Grotesk;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 30px !important;
    padding: 7px 15px !important;
  }
  #carviewModal {
    background-color: #000 !important;
    .slides img {
      border-radius: 30px !important;
      height: 60vh;
      width: 100%;
    }
    .btn-close {
      background-color: #fff;
      border-radius: 30px;
      color: #fff;
      font-size: 13px;
      margin-right: -100px;
      padding: 10px;
    }
    .owl-carousel .owl-item img {
      border-radius: 31px;
      display: block;
      height: 130px;
      margin-top: 10px !important;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
    }
    .next svg,
    .prev svg {
      fill: #fff;
    }
    .nextContainer,
    .prevContainer {
      background: #fd7714;
      border-radius: 50%;
      cursor: pointer;
      height: 45px;
      padding: 10px !important;
      position: absolute;
      top: 70%;
      transform: translateY(calc(-50% - 54px));
      width: 45px;
    }
    .prevContainer {
      left: -125px;
    }
    .nextContainer {
      right: -125px;
    }
    a {
      color: #000;
      text-decoration: none;
    }
    .modal-dialog {
      max-width: 66%;
      padding: 0 40px 40px !important;
      transform: none;
    }
    .modal-content {
      background: #000;
      border-radius: 40px !important;
      padding: 0 !important;
    }
    .column {
      float: left;
      width: 90%;
    }
    .active-thumbnail {
      border: 2px solid #fd7714;
    }
    .slides {
      text-align: center;
    }
  }
  #showReviewsModal {
    .modal-content {
      border-radius: 40px !important;
      height: 600px !important;
      padding: 30px !important;
    }
    .modal-dialog {
      max-width: 50% !important;
      transform: none;
    }
    button.signupBtn {
      color: #000 !important;
    }
    .star-rating {
      font-size: 24px;
    }
    .rating-num {
      color: #000;
      font-family: Space Grotesk;
    }
    .rev-count {
      h5 {
        color: #000;
        font-family: Space Grotesk;
        font-weight: 700;
      }
    }
    .sample3 {
      display: flex;
    }
    .rev-main {
      height: 445px;
      overflow-y: scroll;
    }
    .rev-status,
    .reviewProfile {
      display: flex;
      gap: 1rem;
      justify-content: start;
    }
    .rev-status {
      margin-top: 0 !important;
    }
    .rev-main::-webkit-scrollbar-track {
      background-color: transparent;
    }
    .rev-main::-webkit-scrollbar-thumb {
      background-color: var(--orange);
      border-radius: 4px;
    }
    .rev-main::-webkit-scrollbar-thumb:hover {
      background-color: var(--orange);
    }
    .reviewContent {
      p {
        color: #000;
        font-size: 14px;
      }
    }
    .star {
      color: #fd7714;
      font-size: 1.5em;
    }
    .rev-status {
      .star {
        color: #fd7714;
        font-size: 18px;
      }
    }
    .progress-bar {
      background-color: #f0f0f0;
      border-radius: 5px;
      height: 3px;
      margin-bottom: 10px;
      margin-left: 6px;
      margin-top: 7px;
      overflow: hidden;
      width: 100%;
    }
    .numbers {
      font-size: 12px !important;
    }
    img.rev-img {
      border-radius: 30px;
      height: 50px;
      -o-object-fit: cover;
      object-fit: cover;
      width: 50px;
    }
    .rev-star2 {
      font-size: 24px;
    }
    p.revName {
      color: #000;
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 0;
    }
    p.rev-position {
      font-family: Readex Pro;
      font-weight: 300;
    }
    .progress-bar-inner {
      background-color: #000;
      color: #fff;
      height: 100%;
      line-height: 30px;
      text-align: center;
    }
    .revModalWrapper {
      & .rev-star2,
      & .star-rating {
        .star1 {
          color: #fd7714;
          font-size: 1em !important;
        }
      }
    }
    .revModalWrapper {
      & .rev-star2,
      & .star-rating {
        .star {
          color: #fd7714;
          font-size: 1.5em;
        }
      }
    }
  }
}
ul#myTab {
  align-items: center;
  border: none;
  gap: 10px;
  justify-content: start;
  margin-left: -0.5%;
}
.fea-dot {
  color: #00000080;
  font-size: 3px;
  padding-right: 7px;
  transform: translateY(11px);
}
.instagram-logo {
  background: linear-gradient(
    135deg,
    #f09433,
    #e6683c,
    #dc2743,
    #cc2366,
    #bc1888,
    #9c207d,
    #762d69,
    #482d56,
    #020887
  );
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}
#cancel-modal {
  button {
    color: #000;
  }
}
.form-check-input[type="checkbox"]:checked {
  background-color: var(--orange) !important;
  background-image: none;
  border: none;
}
.form-check-input:focus {
  border-color: #fff;
  box-shadow: none;
  outline: 0;
}
#customer-booking {
  .lap-view {
    margin-top: 100px !important;
  }
  .breadcrumbtext {
    color: #b3afab;
    font-family: Space Grotesk;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 25.2px;
    text-align: left;
  }
  .breadcrumbtextspan {
    color: #000;
  }
  .main {
    background-color: #fff;
    border-radius: 18px;
    margin: 13px;
  }
  .booknav hr:not([size]) {
    display: block;
    height: 1px;
    position: relative;
    top: -16px;
  }
  .booknav {
    .nav li {
      display: inline-block;
      margin-right: 10px;
    }
    .nav li a {
      border-bottom: 3px solid transparent;
      color: #333;
      font-family: Readex Pro !important;
      font-size: 18px;
      font-weight: 600;
      padding: 8px 60px 10px 1px;
      text-decoration: none;
      transition: border-bottom 0.3s ease, padding-bottom 0.3s ease;
    }
    .nav li a.active,
    .nav li a:hover {
      border-bottom: 3px solid #fd7714;
      transition: border-bottom 0.3s ease, padding-bottom 0.3s ease;
    }
    .nav li a.active {
      color: var(--orange) !important;
    }
    ul.nav.mt-3 {
      gap: 3rem;
      padding-top: 60px;
    }
  }
  .firstcol {
    img {
      border-radius: 30px;
      height: 185px;
      -o-object-fit: cover;
      object-fit: cover;
      width: 90%;
    }
  }
  .firstcol:nth-of-type(odd) {
    border-right: 1px solid #ccc;
  }
  .firstcol:nth-of-type(2n) {
    padding-left: 4%;
  }
  .row.sample.img-wrap {
    padding: 10px;
  }
  .car-images {
    overflow: hidden;
    padding: 0 !important;
    position: relative;
  }
  .cancelBanner {
    left: -42px;
    overflow: hidden;
    position: absolute;
    right: 16px;
    top: -48px;
    width: 185px;
  }
  p.bookedon {
    font-family: Space Grotesk !important;
    font-size: 14px !important;
  }
  h4.fordeco.mt-3 {
    color: #fd7714;
    font-family: Space Grotesk;
    font-size: 22px;
    font-weight: 700;
  }
  p.sub2 {
    font-family: Readex Pro !important;
    font-size: 12px !important;
    font-weight: 300;
  }
  .fea-dot {
    font-size: 4px;
    padding-left: 2%;
    transform: translateY(-2px);
  }
  .captions p {
    font-family: Readex Pro;
    font-size: 12px;
  }
  .review-caption {
    color: #fd7714;
    text-decoration: underline !important;
  }
  .details-cancel {
    border: 1px solid #d3d3d3;
    border-radius: 25px;
    color: #000;
  }
  .details,
  .details-cancel {
    cursor: pointer;
    font-family: Space Grotesk;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 15px;
  }
  .details {
    background-color: var(--orange);
    border: 1px solid #fd7714;
    border-radius: 25px;
    color: #fff;
  }
  .details:focus {
    background-color: #fd7714;
    border: 1px solid #fd7714;
    color: #fff;
  }
  .details:hover {
    border: 1px solid #fd7714;
    color: #fd7714;
  }
  .showdetailsbtn.mt-4 {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: end;
  }
  .details:hover {
    background-color: #fd7714;
    color: #fff;
  }
  .upgrooming-logo {
    border-radius: none !important;
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  img {
    border-radius: 30px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .logout-content {
    border-radius: 0;
    -o-object-fit: cover;
    object-fit: cover;
    img {
      border-radius: 0;
    }
  }
  #reviewModal {
    .modal-content {
      border-radius: 40px !important;
      margin-left: 15%;
      padding: 41px !important;
      width: 75%;
    }
  }
  .modal-dialog {
    max-width: 60%;
    transform: none;
  }
  h5.rev-heading1 {
    color: #000;
    font-family: Space Grotesk;
    font-size: 26px;
    font-weight: 700;
  }
  .star.active {
    color: #ff9500;
  }
  p.exp.mt-5 {
    font-family: Readex Pro;
  }
  .dates {
    font-weight: 700;
  }
  .star {
    color: #ccc;
  }
  .star-rating {
    cursor: pointer;
    font-size: 70px;
  }
  p.thoughts {
    color: #000;
    font-family: Space Grotesk;
    font-size: 18px;
    font-weight: 500;
  }
  .text-area {
    background: #fd771412;
    height: 200px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
  }
  .Thoughts-message,
  .text-area {
    border: none;
    border-radius: 20px;
    width: 100%;
  }
  .Thoughts-message {
    background: transparent !important;
    color: #000 !important;
    font-family: Space Grotesk;
    font-size: 18px !important;
    font-weight: 700;
    height: 180px;
    letter-spacing: -0.04em;
    line-height: 27px;
    resize: none;
    text-align: left;
  }
  .rev-submit button {
    background-color: #fd7714;
    border: 1px solid #fd7714;
    color: #fff;
    font-family: Space Grotesk;
    transition: 0.3s ease-out;
    width: -moz-fit-content;
    width: fit-content;
  }
  #detailsModal {
    .modal-content {
      border-radius: 40px !important;
      padding: 40px !important;
    }
    .modal-dialog {
      max-width: 75% !important;
      transform: none;
    }
    .col-md-6.col-sm-12.mt-2.pro-book-sec {
      padding-left: 8%;
    }
    img#modalImage {
      border-radius: 35px;
    }
    p.bookedon {
      font-family: Space Grotesk;
      font-size: 15px !important;
    }
    h4.fordeco.mt-3 {
      color: #fd7714;
      font-family: Space Grotesk;
      font-size: 25px;
      font-weight: 700;
    }
    p.sub2 {
      font-family: Readex Pro !important;
      font-size: 12px !important;
      font-weight: 300;
    }
    .modal-heading {
      color: #000;
      font-family: Space Grotesk;
      font-size: 20px;
      font-weight: 600;
    }
    .deliverycontent {
      font-size: 12px;
      font-weight: 400;
    }
    .deliverycontent,
    .deliverycontentright {
      color: #000;
      font-family: Space Grotesk;
      line-height: 35.42px;
      text-align: left;
    }
    .deliverycontentright {
      font-size: 14px;
      font-weight: 500;
    }
    .deliverytotal {
      color: #000;
      font-family: Space Grotesk;
      font-size: 14px;
      font-weight: 700;
      line-height: 25.52px;
      text-align: left;
    }
    .firstbook {
      border-right: 1px solid #d9d9d9;
    }
  }
  #detailsModals {
    .modal-content {
      border-radius: 40px !important;
      padding: 40px !important;
    }
    .modal-dialog {
      max-width: 75% !important;
      transform: none;
    }
    .col-md-6.col-sm-12.mt-2.pro-book-sec {
      padding-left: 8%;
    }
    img#modalImage {
      border-radius: 35px;
    }
    p.bookedon {
      font-family: Space Grotesk;
      font-size: 15px !important;
    }
    h4.fordeco.mt-3 {
      color: #fd7714;
      font-family: Space Grotesk;
      font-size: 25px;
      font-weight: 700;
    }
    p.sub2 {
      font-family: Readex Pro !important;
      font-size: 12px !important;
      font-weight: 300;
    }
    .modal-heading {
      color: #000;
      font-family: Space Grotesk;
      font-size: 20px;
      font-weight: 600;
    }
    .deliverycontent {
      font-size: 12px;
      font-weight: 400;
    }
    .deliverycontent,
    .deliverycontentright {
      color: #000;
      font-family: Space Grotesk;
      line-height: 35.42px;
      text-align: left;
    }
    .deliverycontentright {
      font-size: 14px;
      font-weight: 500;
    }
    .deliverytotal {
      color: #000;
      font-family: Space Grotesk;
      font-size: 14px;
      font-weight: 700;
      line-height: 25.52px;
      text-align: left;
    }
    .firstbook {
      border-right: 1px solid #d9d9d9;
    }
  }
  #cancel-modal {
    .modal-dialog {
      max-width: 46% !important;
      transform: none;
    }
    .modal-content {
      border-radius: 40px !important;
      padding: 43px !important;
    }
    p.sure {
      font-weight: 600;
    }
    .sure2,
    p.sure {
      font-family: Space Grotesk;
      font-size: 16px;
    }
    .sure2 {
      color: #fd7714 !important;
    }
    .cancel-lists {
      font-family: Readex Pro !important;
      font-size: 14px;
      font-weight: 300;
      line-height: 43px !important;
    }
    .cancel-button {
      display: flex;
      gap: 20px;
      justify-content: end;
    }
    .cancel-icons {
      display: flex;
      gap: 16px;
      justify-content: flex-start;
    }
    .cancel-button button:hover {
      border: 1px solid #fd7714;
      color: #fd7714;
    }
    .cancel-button button:focus {
      background-color: #fd7714;
      border: 1px solid #fd7714;
      color: #fff;
    }
    .cancelModal {
      img {
        border-radius: 0 !important;
        padding-bottom: 15px;
        width: 15%;
      }
    }
  }
}
#customerpage {
  .profile-list {
    cursor: pointer;
  }
}
#carbook {
  #paynow {
    .modal-dialog {
      max-width: 25% !important;
      transform: none;
    }
    .btn-close {
      position: absolute;
      right: 35px;
      top: 35px;
    }
    .modal-content {
      border-radius: 40px !important;
      padding: 27px !important;
    }
    .deliveryHead {
      font-size: 23px;
      line-height: 35.73px;
    }
    .deliveryHead,
    .deliverysubhead {
      color: #000;
      font-family: Space Grotesk;
      font-weight: 700;
      text-align: left;
    }
    .deliverysubhead {
      font-size: 20px;
      line-height: 30.62px;
    }
    .form-check-label {
      color: #000;
      font-family: Space Grotesk !important;
      font-size: 14px;
      font-weight: 400;
      line-height: 20.42px;
      text-align: left;
    }
    .nextBtn {
      background: #fd7714;
      margin-left: 10px;
    }
    .backBtn,
    .nextBtn {
      border: none;
      border-radius: 30px;
      color: #fff;
      font-family: Space Grotesk !important;
      font-size: 16px;
      font-weight: 700;
      padding: 10px 30px;
    }
    .backBtn {
      background: #1116284d;
    }
  }
  #rtnwid {
    .modal-dialog {
      max-width: 75% !important;
      transform: none;
    }
    .modal-content {
      border-radius: 40px !important;
      padding: 34px 100px !important;
    }
    .deliveryHead {
      color: #000;
      font-family: Space Grotesk;
      font-size: 22px;
      font-weight: 700;
      line-height: 35.73px;
      padding-bottom: 3%;
      padding-top: 3%;
      text-align: left;
    }
    .deliverycontent {
      font-weight: 400;
    }
    .deliverycontent,
    .deliverycontentright {
      color: #000;
      font-family: Space Grotesk;
      font-size: 14px;
      line-height: 35.42px;
      text-align: left;
    }
    .deliverycontentright {
      font-weight: 700;
    }
    .coupon-input {
      background: #fd771412;
      border: none;
      border-radius: 20px;
      overflow: hidden;
      padding-left: 7px;
      width: 81%;
    }
    .callBtn,
    .rentBtn {
      font-size: 16px;
      height: 55px;
    }
    .callBtn {
      background: transparent !important;
      border: 1px solid #000;
      border-radius: 30px !important;
      color: #000;
      font-family: Space Grotesk;
      font-weight: 700;
      line-height: 30px;
      width: 100%;
    }
    .callBtn:hover {
      border: 1px solid #fd7714;
      color: #fd7714;
    }
    .for-rightborder2 {
      border-left: 1px solid #d9d9d9;
      padding-left: 7%;
    }
    .col-md-6.col-sm-12 {
      padding-left: 8%;
    }
    .first-head {
      padding-left: 7%;
    }
  }
  #enquiryModal {
    .modal-content {
      border-radius: 40px !important;
      padding: 20px !important;
    }
    p.contact-subcontent.text-center {
      font-family: Space Grotesk;
      font-size: 25px;
      font-weight: 600;
    }
    .model-inputdiv {
      background: #fd771412;
      border: none;
      border-radius: 20px;
      height: 73px;
      padding-left: 20px;
      padding-right: 10px;
      padding-top: 5px;
      width: 100%;
    }
    .model-label {
      color: #11162899;
      font-family: Readex Pro, Arial, sans-serif !important;
      font-size: 12px;
      font-weight: 400;
      line-height: 21px;
    }
    .model-input,
    .model-label {
      letter-spacing: -0.04em;
      text-align: left;
    }
    .model-input {
      background: transparent !important;
      border: none;
      border-radius: 20px;
      color: #000 !important;
      font-family: Space Grotesk;
      font-size: 14px !important;
      font-weight: 700;
      height: 40px;
      line-height: 27px;
      width: 100%;
    }
    .textarea-input {
      background: transparent;
      border: none;
      font-size: 12px !important;
      font-weight: 700 !important;
      height: 86px !important;
      width: 100%;
    }
    .sendmsg-btn {
      background-color: #fd7714;
      border: none !important;
      border-radius: 34px;
      color: #fff;
      font-size: 14px !important;
      font-size: 20px;
      font-weight: 700;
      line-height: 30px;
      padding: 10px !important;
      padding: 17px 173px;
    }
    .snd-msg-btn {
      align-items: center !important;
      display: flex !important;
      justify-content: center !important;
      margin-top: 10px !important;
    }
    .model-text-area.mt-4 {
      background: #fd771412;
      border: none;
      border-radius: 20px;
      height: 130px !important;
      padding-left: 20px;
      padding-right: 10px;
      padding-top: 10px;
      width: 100%;
    }
  }
}
.profile-left {
  img.uplaod-img-btn {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.left-profile-top {
  .edit-img-pen {
    background: #fff;
    border-radius: 50%;
    bottom: 0;
    box-shadow: 0 0 0.25em rgba(67, 71, 85, 0.27),
      0 0.25em 1em rgba(90, 125, 188, 0.05);
    font-size: 12px;
    padding: 5px;
    position: absolute;
    right: 5px;
  }
  .prof-img {
    position: relative;
  }
  img {
    border-radius: 50%;
    cursor: pointer;
  }
}
.profile-list-item {
  cursor: pointer;
  transition: all 0.4s;
}
.profile-list {
  transition: all 0.4s;
}
.btn-close {
  box-shadow: none !important;
}
.pagination,
.pagination-column {
  align-items: center;
  display: flex;
  justify-content: center;
}
.pagination-column {
  flex-direction: row;
  gap: 32px;
}
.pagination-icon {
  border: 1px solid #000;
  border-radius: 50%;
  padding: 12px 19px;
}
.pagination-number a {
  color: #b3afab;
  font-size: 17px;
  font-weight: 600;
  text-decoration: none;
}
#filterpop {
  .filtertext button {
    border-radius: 30px;
    width: 100%;
  }
}
#carbook {
  button.signupBtn {
    color: #000 !important;
  }
  .nav-tabs .nav-link {
    font-size: 14px !important;
  }
}
.accordion-header {
  transition: all 0.1s;
}
.header_bg_image {
  align-items: center !important;
  background-image: url(/images/available-banner-blur.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px;
  display: flex !important;
  height: 65vh;
  justify-content: center !important;
  margin-top: 80px;
  position: relative !important;
  width: 100%;
}
.header_bg_image:before {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.4) 28.48%,
    rgba(0, 0, 0, 0.2)
  );
  border-radius: 40px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.header_bg_image > * {
  position: relative;
  z-index: 2;
}
.header_bg_image {
  .mainheading {
    color: #fff;
    font-family: Readex Pro;
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 40px;
    margin-top: 0;
    text-align: center;
  }
  .breadcrums {
    color: #b3afab;
    margin-bottom: 0;
    margin-top: 2rem;
  }
  .breadcrumbspan,
  .breadcrums {
    font-family: Space Grotesk;
    font-size: 15px;
    text-align: center;
  }
  .breadcrumbspan {
    color: #fff;
    margin-bottom: 4rem;
    margin-top: 4rem;
  }
  .search-card {
    align-items: baseline !important;
    background-color: #fff;
    border-radius: 50px !important;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15) !important;
    display: grid;
    grid-template-columns: 90% 10% !important;
    margin-left: 2%;
    padding: 7px 24px;
    position: relative;
    width: 450px;
  }
  .search-sec-icon {
    display: none;
  }
  .opps-section img {
    height: 200px;
  }
}
.addit_title_div {
  border: none !important;
  margin-left: 5px;
}
.filtercard {
  background-color: #fff !important;
  border-radius: 40px !important;
  box-shadow: 0 0 4px 0 #00000026;
  padding: 40px 20px !important;
  width: 100%;
}
.opps-main {
  align-items: center;
  display: flex;
  height: 100vh;
}
.opps-main,
.row_grid {
  justify-content: center;
}
.row_grid {
  -moz-column-gap: 15px;
  column-gap: 15px;
  display: grid;
  grid-template-columns: 32% 32% 32%;
  row-gap: 20px;
}
#filterpop {
  .sortby {
    color: #000 !important;
    font-family: Space Grotesk !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    line-height: 25px;
  }
  .reset,
  .sortby {
    font-size: 16px !important;
    margin-bottom: 15px !important;
    text-transform: uppercase !important;
  }
  .reset {
    color: #fd7714 !important;
    font-weight: 700;
    line-height: 22.25px;
    text-decoration: none;
  }
  .filtertext button,
  .reset {
    font-family: Readex Pro !important;
  }
  .filtertext button {
    border-color: #e0e0e0;
    font-family: Space Grotesk !important;
    font-size: 14px;
    font-weight: 800;
    padding: 16px !important;
    transition: 0.5s ease;
  }
  .filtertext button:hover {
    border-color: #fd7714;
    color: #fd7714 !important;
    transition: 0.5s ease;
  }
  .filtertext button.active:hover {
    background-color: #fd7714;
    color: #fff;
  }
  .filtertext button.active {
    background-color: #fd7714;
    color: #fff !important;
  }
  .filteritem {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    justify-content: start;
    margin-top: 10px;
  }
  .accordion-item {
    background-color: #fff;
    border: none;
    margin-top: 20px;
  }
  #accordionfilter .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none !important;
    color: #000000db;
    padding: 21px 10px !important;
  }
  #accordionfilter button.accordion-button {
    box-shadow: none;
    color: #000000db;
    font-family: Space Grotesk;
    font-size: 16px;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    text-align: left;
    text-transform: uppercase !important;
  }
  .accordion-item {
    border-bottom: 1px solid #e0e0e0;
  }
  .accordion-item:last-child {
    border-bottom: none;
  }
  .categories li {
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 0.25px;
    list-style-type: none !important;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 10px 0;
    text-align: left;
  }
  .filter-hr-line {
    display: none;
  }
  .accordion-body {
    margin-left: -33px;
  }
  .accordion {
    margin-left: -12px;
    margin-top: 35px;
  }
  .accordion-button:not(.collapsed):after {
    transform: rotate(0deg) !important;
  }
  .subcat {
    position: relative;
  }
  .subcat input[type="checkbox"]:checked:after {
    border: 1px solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    display: block;
    height: 11px;
    left: 8px;
    margin-left: -4px;
    margin-top: -3px;
    position: absolute;
    top: 13px;
    transform: rotate(45deg);
    width: 5px;
  }
  .subcat label {
    margin-left: 10px;
  }
  .subcat input[type="checkbox"]:before {
    background-color: #fff;
    border: 1.5px solid #00000066;
    border-radius: 10px;
    border-radius: 2px;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    margin-left: -4px;
    margin-top: -3px;
    position: absolute;
    top: 10px;
    width: 20px;
  }
  .subcat input[type="checkbox"]:checked:before {
    background: #fd7714;
    border: 1px solid #fd7714;
  }
  .fltcls {
    display: none;
  }
  .updatebtn {
    background: #fd7714;
    border: 1px solid #fd7714;
    border-radius: 20px;
    color: #fff;
    font-family: Readex Pro !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.78px;
    padding: 8px 25px;
    text-align: left;
  }
  .filter-car-link {
    text-decoration: none;
  }
  #filter-car-main {
    .card {
      background-color: transparent;
      border: 1px solid #0000004d !important;
      border-radius: 2.5rem;
      box-shadow: none !important;
      overflow: hidden;
      padding: 8px 5px 5px;
      position: relative;
    }
    .card img {
      border-radius: 2.5rem;
      height: 185px;
      width: 100%;
    }
    .brandname {
      font-size: 18px;
      font-weight: 600;
      margin: 19px auto;
      text-align: center;
    }
    .brand-content {
      background-color: #fff;
      padding: 4px 5px;
      text-align: center;
    }
    .fea-dot {
      font-size: 5px;
      transform: translateY(0) translateX(4px);
    }
    .brand-content span {
      font-size: 14px;
      margin: auto 5px;
    }
    .car-rate {
      font-size: 18px;
      font-weight: 600;
      margin: 19px auto;
      text-align: center;
    }
    .day {
      color: grey;
    }
    .available {
      color: #fd7714 !important;
      font-family: Readex Pro, Arial, sans-serif !important;
      font-size: 18px !important;
      font-weight: 600 !important;
      letter-spacing: -0.02em;
      line-height: 22.25px;
      text-align: center;
    }
    .brand-rating {
      left: 20px;
      position: absolute;
      top: 30px;
    }
    .brand-rating span {
      background-color: #fff;
      border-radius: 14px;
      font-size: 16px;
      padding: 4px 7px;
    }
  }
}
#filterpop {
  & #filter-car-main {
    .brand-content {
      align-items: center;
      display: flex;
      justify-content: center;
    }
  }
}
.rent-number {
  border-radius: 30px !important;
  color: #fd7714;
  font-size: 55px;
  font-weight: 700;
  margin-right: 20px !important;
}
.rent-head,
.rent-number {
  font-family: Space Grotesk;
}
.rent-head {
  color: #000 !important;
  font-size: 17px;
  font-weight: 700 !important;
  margin-top: 5px !important;
}
.rent-content,
.rent-head {
  margin-bottom: 0 !important;
}
.rent-content {
  color: #000;
  font-size: 14px;
  font-weight: 300;
  line-height: 15px;
}
.rent-padding {
  bottom: 0;
  position: absolute !important;
  right: 100px;
}
.rent-sec {
  display: flex;
  margin-top: 12% !important;
}
.hr-line {
  background-color: currentColor;
  background-color: #fd771480;
  border: 0;
  color: inherit;
  margin: 1rem 0;
  opacity: 1;
}
.rent-images {
  height: auto;
  width: 70% !important;
}
.limited-time-section {
  background: #000;
  border-radius: 40px !important;
  padding-top: 5rem;
}
.limited-time-section h3.subhead {
  color: #fff;
  font-family: Space Grotesk;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  text-decoration: none;
}
.limited-time-section .brandname {
  color: #fd7714;
  font-size: 20px;
  font-weight: 600;
}
.limited-time-section .specific {
  background-color: #242424;
  border-radius: 20px;
  margin-bottom: 50px !important;
  margin-top: 50px;
  padding: 1em;
  text-align: center;
}
.limited-time-section.specific div .shades {
  background: #000;
  border: 0 !important;
  box-shadow: none !important;
}
span.subhead {
  color: #fff;
  font-weight: 700;
}
span.content,
span.subhead {
  font-family: Space Grotesk !important;
  font-size: 14px;
}
span.content {
  color: #ffffff80;
  font-weight: 500;
}
.limited-time-section .specific.shades p .text {
  font-family: Space Grotesk !important;
  padding: 5px 20px;
  text-align: start;
}
.limited-time-section p.content {
  color: #fff !important;
  font-family: Space Grotesk !important;
  font-size: 14px;
  font-weight: 400;
}
.limited-time-section .button {
  background-color: #fd7714;
  border: 1px solid #fd7714;
  border-radius: 50px;
  color: #fff !important;
  font-family: Space Grotesk !important;
  padding: 8px 16px;
}
.limited-time-section .rightblock .img-wrap {
  background-image: url(/public/images/limited_offer.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px;
  bottom: -10px;
  height: 600px;
  margin: 0 !important;
  right: 3px;
  top: 3px;
}
.limited-time-section p.content {
  max-width: 75% !important;
  -webkit-line-clamp: 3;
  line-height: 33px !important;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-height: 1.5 !important;
  max-height: 4.5em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.limited-time-section .rightblock {
  padding-left: 7%;
}
.limited-time-section .rightblock .img-wrap .limit-image {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 100%;
}
.limited-time-section .rightblock .top-right {
  padding: 20px 0;
  position: absolute;
  right: 16px;
  text-align: end;
  top: 8px;
}
.limited-time-section .rightblock .top-right p {
  font-size: 22px;
  font-weight: 700;
  line-height: 34px;
}
.limited-time-section .rightblock .img-wrap {
  color: #fff;
  position: relative;
  text-align: center;
}
.limited-time-section .rightblock .bottom-left {
  background: #924f1e;
  border-radius: 20px;
  bottom: 35px;
  left: 35px;
  padding: 15px;
  position: absolute;
}
.halfborder {
  border: 3px solid #fff;
  border-bottom: 0;
  border-left: 0;
  border-radius: 40px;
  float: right;
  height: 595px;
  margin: 0;
  width: 94%;
}
.limited-time-section .rightblock .bottom-left .offer {
  font-size: 16px;
  margin-bottom: 5px !important;
  text-align: start;
}
.limited-time-section .rightblock .bottom-left .percentage {
  font-size: 40px;
  font-weight: 900;
  line-height: 40px;
  text-align: start;
}
.limitheadmobile {
  display: none;
}
.limithead {
  display: block;
}
.limited-time-section .rightblock .bottom-left .validity {
  color: #ffffff99;
  font-size: 14px !important;
  text-align: start;
}
.limited-time-section .mbl-view {
  display: none;
}
.button-booknow {
  background-color: #fd7714 !important;
  border: 1px solid #fd7714 !important;
  color: #fff;
  font-size: 20px;
  font-size: 14px;
  padding: 12px 22px !important;
  padding: 8px 24px;
  text-decoration: none !important;
}
.button-booknow,
.button-booknow:hover {
  border-radius: 30px;
  font-family: Space Grotesk;
}
.button-booknow:hover {
  color: #fff !important;
  font-size: 20px;
}
.offer-start1 {
  padding-right: 5% !important;
  a {
    text-decoration: none !important;
  }
}
.col-lg-5.col-md-5.rightblock {
  margin-top: 3%;
}
#limited-time {
  width: 90% !important;
}
#limited-time .owl-nav {
  align-items: center;
  bottom: 20px !important;
  display: flex;
  justify-content: center;
  position: relative;
  top: 100% !important;
  transform: translateY(-50%);
  width: 100%;
}
#limited-time .owl-nav.disabled .owl-next:hover {
  background-color: #fd7714 !important;
  color: #fff !important;
  cursor: pointer;
}
#limited-time .owl-nav.disabled .owl-next:hover i {
  color: #fff !important;
  .fa {
    color: #fff !important;
  }
}
#limited-time .owl-nav.disabled .owl-prev:hover {
  background-color: #fd7714 !important;
  color: #fff !important;
  cursor: pointer;
  .fa {
    color: #fff !important;
  }
}
#limited-time .owl-nav.disabled .owl-prev:hover i {
  color: #fff !important;
}
#limited-time .owl-nav .owl-next:hover,
#limited-time .owl-nav .owl-prev:hover {
  background-color: #fd7714;
  color: #fff !important;
}
#limited-time .owl-nav .owl-next {
  margin-left: 80px;
}
#limited-time .owl-nav .owl-next,
#limited-time .owl-nav .owl-prev {
  align-items: center;
  background-color: #fff;
  border: none !important;
  border-radius: 50% !important;
  color: rgba(19, 26, 41, 0.3) !important;
  display: flex;
  font-size: 20px;
  height: 45px;
  justify-content: center;
  margin-top: -60px;
  position: absolute !important;
  width: 45px;
}
#limited-time .owl-nav .owl-prev {
  margin-right: 50px;
}
.flash-sec {
  color: #e56100;
  font-family: Space Grotesk;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 29.66px;
  text-align: center;
}
.coupon-section {
  align-items: center;
  -moz-column-gap: 15px !important;
  column-gap: 15px !important;
  display: flex;
  justify-content: space-around;
  margin: 20px;
}
.offers_section .couponcard h4 {
  font-family: Readex Pro, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  width: 70%;
}
.offers_section .content {
  display: none !important;
  text-align: center !important;
}
.offers_section .couponcard h3 {
  font-family: Readex Pro, Arial, sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 28px;
}
.couponcard {
  align-content: center;
  background-color: transparent;
  border: 2px solid #00000026;
  border-radius: 36px;
  color: #000;
  line-height: 2rem;
  padding: 2rem 1rem !important;
}
button.copied {
  background-color: var(--orange) !important;
  border: none !important;
  color: #fff !important;
  font-family: Space Grotesk;
  font-size: 18px;
  font-weight: 500;
  transition: all 0.6s;
}
.couponcard .context p {
  color: #000000b2 !important;
  font-size: 14px;
}
.couponcard .context p,
.coupontill {
  font-family: Readex Pro, Arial, sans-serif !important;
}
.coupontill {
  color: #000 !important;
  font-size: 16px;
}
.couponbutton {
  color: #000 !important;
  font-family: Space Grotesk;
  font-size: 18px;
  font-weight: 500;
}
.subcard {
  align-items: center;
  display: flex;
  justify-content: space-around !important;
  padding: 0 10px;
  h3 {
    color: #1b1b1b;
    font-family: Outfit, sans-serif;
    font-weight: 700;
  }
}
.ticket {
  background-image: url(/images/redframe.png?62b48259759d4fd9fbb4e8f49b82015e);
}
.ticket,
.ticket1 {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px;
  padding: 0 5px;
}
.ticket1 {
  background-image: url(/images/orangeframe.png?2ecca89070ce5c4478df518b4ab66eeb);
}
.ticket2 {
  background-image: url(/images/blueframe.png?342d923a53d4a53d7f0dcdaf4db9f6f7);
}
.ticket2,
.ticket3 {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 10px;
  padding: 0 5px;
}
.ticket3 {
  background-image: url(/images/greenframe.png?fef9d2216ec3faa8b1fcb9cc617f0e07);
}
.ticket .ticket-head {
  color: #ffffffcc;
  font-family: Readex Pro, Arial, sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 27px;
  padding-top: 10px;
  text-align: center;
}
.ticket .couponcode {
  color: #fff;
  font-family: Readex Pro !important;
  font-size: 22px;
  font-weight: 900;
  line-height: 36px;
  padding-bottom: 10px;
  text-align: center;
}
#buttontoback {
  background-color: #fd7714;
  border-radius: 4px;
  bottom: 30px;
  display: inline-block;
  height: 36px;
  opacity: 0;
  position: fixed;
  right: 30px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  visibility: hidden;
  width: 36px;
  z-index: 1;
}
#buttontoback:after {
  color: #fff;
  content: "\f062";
  font-family: FontAwesome;
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
  text-decoration: none;
}
#buttontoback:hover {
  background-color: #333;
  cursor: pointer;
}
#buttontoback:active {
  background-color: #555;
}
#buttontoback.show {
  opacity: 1;
  visibility: visible;
}
#aboutpage {
  .signupBtn {
    color: #000 !important;
  }
}
#fotgotemail {
  input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff5ee;
    -webkit-text-fill-color: inherit !important;
  }
}
#signupModal {
  .modal-dialog {
    transform: none;
  }
  input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff5ee;
    -webkit-text-fill-color: inherit !important;
  }
  .modal-content {
    border-radius: 30px !important;
    height: 515px;
  }
  .signup-main {
    display: grid;
    gap: 50px;
    grid-template-columns: 41% 50%;
  }
  .password-toggle i {
    font-size: 16px;
  }
  .signup-img img {
    height: 485px !important;
    width: 345px !important;
  }
  .btn-close {
    box-shadow: none;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
  }
  .signup-form {
    border: 1px solid #000;
  }
  .signup-heading {
    color: #000;
    font-family: Space Grotesk;
    font-size: 28px;
    font-weight: 500;
    margin-top: 20px;
  }
  .firstside,
  .secondside {
    background-color: #fff5ee;
    border-radius: 10px;
    padding: 13px 15px;
  }
  .signup-part1 {
    display: flex;
  }
  .signinput {
    background-color: #fff5ee;
    border: 0;
    color: #000;
    font-family: Space Grotesk;
    font-size: 14px;
    font-weight: 700;
    width: 85%;
  }
  .signinput::-moz-placeholder {
    font-weight: 100;
  }
  .signinput::placeholder {
    font-weight: 100;
  }
  .password-toggle {
    position: absolute;
    right: 23px;
    top: 16px;
  }
  .signlabel {
    font-size: 12px;
    font-weight: 300;
  }
  .signup-btn {
    background: var(--orange);
    border: 0;
    border-radius: 25px;
    color: #fff;
    font-family: Space Grotesk !important;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 14px 15px;
    width: 100%;
  }
  .account {
    color: #11162899;
    float: right;
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 400;
  }
  .signinput::-moz-placeholder {
    font-size: 10px;
  }
  .signinput::placeholder {
    font-size: 10px;
  }
  .logininput::-moz-placeholder {
    font-size: 10px;
  }
  .logininput::placeholder {
    font-size: 10px;
  }
  .labels1 {
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }
    input[type="number"] {
      -moz-appearance: textfield;
    }
  }
  .signup-logins {
    background-color: transparent;
    border: none !important;
    box-shadow: none !important;
    color: #000;
    font-family: Space Grotesk;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    padding-left: 0;
  }
  .modal-body {
    padding: 10px 0 !important;
  }
}
.bannercard {
  input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
    -webkit-text-fill-color: inherit !important;
  }
}
#loginModal {
  .modal-dialog {
    transform: none;
  }
  input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff5ee;
    -webkit-text-fill-color: inherit !important;
  }
  .modal-content {
    border-radius: 30px !important;
    height: 515px;
  }
  .signup-main {
    display: grid;
    gap: 0;
    grid-template-columns: 53% 39%;
  }
  .password-toggle i {
    font-size: 16px;
  }
  .signup-img img {
    height: 485px !important;
    width: 345px !important;
  }
  .btn-close {
    box-shadow: none;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
  }
  .signup-heading {
    color: #000;
    font-family: Space Grotesk;
    font-size: 28px;
    font-weight: 500;
    margin-top: 20px;
  }
  .labels {
    background-color: #fff5ee;
    border-radius: 15px;
    margin-top: 20px !important;
    padding: 15px;
    position: relative;
  }
  .login-rember {
    align-items: center;
    display: flex;
    gap: 5px;
  }
  .forgot-pass {
    background-color: transparent;
    border: none !important;
    box-shadow: none !important;
    color: #fd7714;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
  }
  .forgot-pass,
  .logininput {
    font-family: Space Grotesk;
  }
  .logininput {
    background-color: #fff5ee;
    border: 0;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
  }
  .signinput::-moz-placeholder {
    font-weight: 100;
  }
  .signinput::placeholder {
    font-weight: 100;
  }
  .password-toggle {
    position: absolute;
    right: 22px;
    top: 18px;
  }
  .labels {
    .logininput::-moz-placeholder {
      font-size: 10px;
    }
    .logininput::placeholder {
      font-size: 10px;
    }
  }
  .loginlabel {
    font-size: 12px;
    font-weight: 300;
  }
  .loginbtn1 {
    background: var(--orange);
    border: 0;
    border-radius: 25px;
    color: #fff;
    font-family: Space Grotesk !important;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 4%;
    padding: 14px 15px;
    width: 100%;
  }
  .account {
    color: #111628;
    float: right;
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 12px;
    font-weight: 400;
  }
  .signup-logins {
    background-color: transparent;
    border: none !important;
    box-shadow: none !important;
    color: #000;
    font-family: Space Grotesk;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  .login-dont {
    font-size: 12px;
    font-weight: 300;
  }
  .modal-body {
    padding: 10px 0 !important;
  }
  .account-login {
    margin-top: 35px !important;
    text-align: center !important;
  }
}
#forgotmodal {
  .forgot-dialog {
    height: 575px !important;
    max-width: 527px !important;
    transform: none;
  }
  .modal-content {
    height: 390px;
  }
  .btn-close {
    box-shadow: none;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
  }
  .modal-content.forgot-grid {
    border-radius: 40px;
  }
  .forgot-password {
    padding: 54px;
  }
  .modal-header {
    border: none !important;
  }
  .forgot-heading {
    color: #000;
    font-family: Space Grotesk !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 30.62px;
  }
  .forgot-content {
    color: #111628;
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 300;
    line-height: 30.62px;
  }
  .model-inputdiv {
    background: #fd771412;
    border: none;
    border-radius: 20px;
    height: 65px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    width: 100%;
  }
  .forgot-btns {
    background-color: #fd7714;
    border-radius: 34px;
    bottom: 40px;
    color: #fff;
    font-family: Space Grotesk !important;
    font-size: 16px;
    line-height: 25px;
    padding: 13px 38px;
    position: absolute;
    right: 51px;
  }
  .forgot-btns,
  .model-input {
    border: none;
    font-weight: 700;
  }
  .model-input {
    background: transparent !important;
    border-radius: 20px;
    color: #000 !important;
    font-family: Space Grotesk;
    font-size: 18px !important;
    height: 40px;
    letter-spacing: -0.04em;
    line-height: 27px;
    text-align: left;
    width: 100%;
  }
  .model-input::-moz-placeholder {
    font-weight: 100;
  }
  .model-input::placeholder {
    font-weight: 100;
  }
  .form-check-input[type="checkbox"] {
    background-color: none !important;
    box-shadow: none;
  }
}
#filterpop {
  & #filter-car-main {
    .brandname {
      font-size: 16px;
      margin: 13px auto;
      overflow: hidden;
      text-wrap: nowrap;
    }
  }
}
.Ourvehicle_testimonials {
  overflow: hidden;
  position: relative;
}
.nav-tabs {
  border-bottom: 0 !important;
  padding-top: 14px;
}
.nav-tabs .nav-link.active {
  font-size: 16px;
  line-height: 25px;
  padding: 10px 20px !important;
}
.nav-tabs .nav-link {
  font-size: 16px !important;
  padding: 8px 15px !important;
}
#aboutpage {
  .scrolled .nav-link {
    color: #fff !important;
  }
  #collapsibleNavbar {
    .nav-link {
      color: #000 !important;
    }
  }
}
#homefaq,
#terms {
  .nav-link,
  .scrolled .nav-link {
    color: #000 !important;
  }
}
.nav-link {
  color: #000 !important;
  font-family: Readex Pro !important;
  font-size: 16px;
  font-weight: 400 !important;
}
.nav-tabs .nav-link:hover {
  border: 1px solid #fd7714 !important;
  color: #fd7714 !important;
}
.nav-tabs .nav-link.active {
  background-color: #fd7714 !important;
  border: 1px solid #fd7714 !important;
  border-radius: 30px;
  color: #fff !important;
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 20px;
}
.nav-tabs .nav-link {
  background-color: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  color: #000;
  cursor: pointer !important;
  font-size: 18px;
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 25px;
  line-height: 20px;
  padding: 10px 20px !important;
  text-transform: none !important;
}
.nav-tabs .nav-link:hover {
  background-color: transparent;
}
.Ourvehicle_testimonials .item {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 38px !important;
  padding: 5px;
  position: relative;
}
#arrowtxt:hover {
  color: #131a29 !important;
  font-size: 20px;
}
.owl-carousel .owl-item .vehicle-fleet-img img {
  border-radius: 30px !important;
  display: block !important;
  height: 100% !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}
.Ourvehicle_testimonials .item .test h5 {
  color: #000;
  font-family: Readex Pro !important;
  font-size: 18px;
  font-weight: 600;
  overflow: hidden;
  text-decoration: none !important;
  white-space: nowrap;
}
h5.text-center.mt-3 {
  font-family: Space Grotesk !important;
  overflow: hidden;
}
.Ourvehicle_testimonials .item .test div.specification {
  align-items: center;
  background-color: #fff;
  color: #000;
  display: flex;
  font-size: 12px;
  gap: 5px;
  justify-content: center;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0 6px;
  white-space: nowrap;
}
.dot {
  background-color: #fff;
  border-radius: 50%;
  color: #000 !important;
  font-size: 20px !important;
  font-size: 4px;
  font-weight: 400 !important;
  margin: 0 5px;
  text-align: center;
  transform: translateY(-5px) translateX(1px);
}
.btn-explore {
  background-color: #fd7714;
  border: 1px solid #fd7714;
  border-radius: 50px;
  color: #fff;
  font-family: Space Grotesk !important;
  font-size: 16px;
  padding: 10px 26px;
}
.Ourvehicle_testimonials .item .test p {
  color: #000;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-bottom: 10px;
}
.Ourvehicle_testimonials .item .test h5 .day {
  color: rgba(0, 0, 0, 0.6);
}
#your-second-carousel-id .owl-nav {
  display: flex !important;
  gap: 0.5rem;
  justify-content: end !important;
  margin-right: 80px;
  margin-top: 10px !important;
  position: absolute;
  right: 0;
  top: -104px !important;
  width: -moz-max-content;
  width: max-content;
  z-index: 1 !important;
}
.arrowtxt:focus {
  color: var(--black) !important;
}
.arrowtxt {
  align-items: center !important;
  background: #fd771426 !important;
  border-radius: 50% !important;
  color: rgba(19, 26, 41, 0.3) !important;
  display: flex !important;
  height: 46px;
  justify-content: center !important;
  margin-right: 10px !important;
  width: 46px;
}
#vehicle-tabs {
  margin-left: 0 !important;
}
.about-heading {
  color: #000 !important;
  font-family: Readex Pro !important;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: -0.06em;
  line-height: 80px;
  margin-top: 70px;
}
.detail-section {
  display: none;
}
.select-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #000 !important;
  font-size: 16px;
  font-weight: 600 !important;
  outline: none;
  padding: 5px;
}
.meet-align {
  align-items: center;
  -moz-column-gap: 20px;
  column-gap: 20px;
  display: flex;
  justify-content: space-between;
  row-gap: 40px;
}
.banner-img {
  border-radius: 30px;
}
.abt-color-text {
  color: #fd7714;
}
.abt-color-text,
.abt-text {
  font-family: Space Grotesk;
  font-size: 32px;
  font-weight: 700;
  line-height: 35.73px;
}
.abt-text {
  color: #000;
}
.about-grid {
  display: grid;
  grid-template-columns: 50% 50%;
  margin-top: 50px;
  padding: 0 50px;
}
.about-img {
  padding: 0 3% 3%;
  width: 100%;
}
.aboutus-content {
  font-family: Readex Pro !important;
  font-weight: 400;
  line-height: 30px;
}
.aboutus-content,
.vision {
  color: #000;
  font-size: 20px;
}
.vision {
  font-family: Space Grotesk;
  font-weight: 700;
  line-height: 36px;
}
.left-text {
  background-color: #fd7714;
  border-radius: 28px;
  bottom: 15px;
  height: 205px;
  padding: 20px 15px;
  position: absolute;
  right: 15px;
  width: 238px;
}
.experience {
  font-size: 60px;
  line-height: 80px;
}
.experience,
.experience-text {
  color: #fff;
  font-family: Space Grotesk;
  font-weight: 700;
}
.experience-text {
  font-size: 24px;
  line-height: 24px;
}
.team-bg {
  background-image: url(/images/our-team-bg.png?b59ccff1ce810510cd39252d3d6f2440);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  height: 100%;
  padding-bottom: 10px;
}
.meet-team {
  font-size: 50px;
  line-height: 83.2px;
  padding: 26px;
}
.meet-team,
.team-name {
  color: #fff;
  font-family: Space Grotesk;
  font-weight: 700;
}
.team-name {
  font-size: 18px;
  text-align: center;
}
.team-position {
  color: #fff;
  font-family: Readex Pro;
  font-size: 12px;
  font-weight: 200 !important;
  text-align: center;
}
.yearHead {
  color: #fd7714;
  font-family: Readex Pro, Arial, sans-serif !important;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 33.6px;
  text-align: left;
}
.show-all-gallery {
  bottom: 0;
  display: flex;
  padding: 16px;
  position: absolute;
  right: 0;
  button {
    background-color: hsla(0, 0%, 100%, 0.8);
    border: none;
    color: #000;
    font-family: Readex Pro;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 20px;
    padding: 6px, 16px, 6px, 16px;
    text-align: left;
  }
}
.sh-book {
  position: relative;
}
#customerpage {
  .breadcrumbtext {
    color: #b3afab;
    font-size: 16px;
  }
  .breadcrumbtextspan {
    color: #000;
  }
  .customer-section {
    margin-top: 100px;
  }
  .profile-bg {
    background: #fff;
    border-radius: 40px;
    padding: 40px;
  }
  .left-profile-top {
    align-items: center;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    padding: 30px;
  }
  .profile-left {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 0 15px 0 #0000001a;
    height: -moz-fit-content;
    height: fit-content;
    padding: 30px 30px 30px 0;
  }
  .profile-grid {
    display: grid;
    gap: 70px;
    grid-template-columns: 32% 62%;
  }
  .img.uplaod-img-btn {
    border-radius: 100px;
    cursor: pointer;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .customer-name {
    color: #000;
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 600;
    line-height: 33px;
    margin-left: 20px;
    text-align: left;
  }
  .profile-list:hover {
    border-left: 3px solid #fd7714 !important;
  }
  .profile-list-item {
    align-items: center;
    color: #000;
    display: flex;
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    margin-left: 30px !important;
    text-align: left;
    width: 100%;
  }
  .profile-list-item:hover {
    color: #fd7714 !important;
  }
  .profile-list-item:hover img {
    filter: invert(31%) sepia(150%) saturate(1759%) hue-rotate(9deg)
      brightness(106%) contrast(106%);
    transition: 0.3s ease;
  }
  .profile-list {
    align-items: center;
    border-left: 3px solid transparent;
    display: flex;
    height: 70px;
    justify-content: left;
    margin-top: 20px;
  }
  .profile-hr-line {
    margin: 0 0 0 30px;
  }
  .profile-list-item:hover a {
    color: #fd7714 !important;
  }
  .profile-user-content {
    align-items: center;
    display: flex;
  }
  .profile-user-content p {
    font-size: 18px;
    margin-top: 10px;
  }
  .profile-user-content i {
    font-size: 18px;
  }
  .right-head {
    color: #000;
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 22px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
  }
  .profile-card {
    color: #000;
    transition: 0.5s ease;
  }
  .profile-card,
  .profile-card-right {
    background: #fff;
    border: 1px solid #000;
    border-radius: 20px;
    height: 119px;
    margin-bottom: 50px;
    padding: 20px !important;
    position: relative;
  }
  .profile-card-right {
    transition: background-color 0.5s ease;
  }
  .card-grid {
    display: grid;
    gap: 30px;
    grid-template-columns: 30% 30%;
    justify-content: start;
    margin-top: -22px;
  }
  .profile-card-no,
  .profile-card-no-right {
    font-size: 56px !important;
    position: absolute;
    top: -27px;
  }
  .profile-calicon,
  .profile-conticon {
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: -12px;
  }
  .profile-calicon {
    color: #000 !important;
  }
  .contacted-text,
  .contacted-text-right {
    bottom: -83px;
    color: #000;
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
    position: absolute;
    right: 20px;
  }
  .contacted-text {
    transition: 0.5s ease;
  }
  .customer-card {
    background-color: transparent;
    border: 1px solid #0000001a;
    border-radius: 11px;
    margin-top: 30px !important;
    padding: 30px;
    width: 94%;
  }
  .profile-hr-lines-1 {
    border: 1px solid #b3afab;
    margin-top: -16px;
  }
  .profile-hr-lines-2 {
    border: 1px solid #b3afab;
    margin-top: -1px;
  }
  .profile-card:hover {
    background: #fd7714;
    border: none;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 20px !important;
  }
  .profile-card-right:hover,
  .profile-card:hover,
  .profile-card:hover .contacted-text {
    color: #fff;
    transition: 0.5s ease;
  }
  .profile-card-right:hover {
    background: #fd7714;
    border: none;
    border-radius: 20px;
    margin-bottom: 50px;
    padding: 20px !important;
    position: relative;
  }
  .profile-calicon,
  .profile-card-right:hover .profile-card-no-right {
    color: #fff;
    transition: 0.5s ease;
  }
  .profile-card-right:hover .contacted-text-right,
  .profile-card-right:hover .profile-calicon {
    color: #fff !important;
    transition: 0.5s ease;
  }
  .customer-label {
    color: #000;
    font-family: Readex Pro !important;
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    text-align: left;
  }
  .customer-content {
    color: #000;
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    margin-top: 10px;
    text-align: left;
  }
  .editbtn {
    background: transparent;
    border: 1px solid;
    border-radius: 30px;
    cursor: pointer;
    font-size: 14px;
    padding: 10px 24px;
    transition: 0.5s ease;
  }
  .editbtn:hover {
    background: #fd7714;
    border: 1px solid #fd7714;
    color: #fff;
    transition: 0.5s ease;
  }
  .profile-corretion,
  .profile-section {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .myprof-head1 {
    display: none;
  }
  .profile-popup-content {
    border-radius: 30px;
    padding: 23px;
    padding-bottom: 0 !important;
  }
  .popup-head {
    color: #000;
    font-family: Space Grotesk;
    font-size: 24px;
    font-weight: 700;
    line-height: 30.62px;
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: left;
  }
  .popupinputdiv {
    background: #fd771412;
    border: none;
    border-radius: 20px;
    height: 80px;
    padding-left: 20px;
    padding-right: 10px;
    padding-top: 10px;
    width: 100%;
  }
  .popuplabel {
    color: #11162899;
    font-family: Readex Pro !important;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 21px;
    text-align: left;
  }
  .forgot-content {
    color: #111628;
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 30.62px;
  }
  .popupinput {
    background: transparent !important;
    border: none;
    border-radius: 20px;
    color: #111628;
    font-size: 18px;
    font-weight: 500;
    height: 40px;
    line-height: 27px;
    text-align: left;
    width: 100%;
  }
  .popupinput,
  .update-popup-btn {
    font-family: Space Grotesk;
    letter-spacing: -0.04em;
  }
  .update-popup-btn {
    background: #fd7714;
    border: none;
    border-radius: 34px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 30px;
    padding: 15px 45px;
    text-align: left !important;
  }
  #uploadNumberModal {
    .update-popup-btn {
      bottom: 19px;
      position: absolute;
      right: 25px;
    }
    .profile-popup-content {
      border-radius: 30px;
      height: 321px;
      padding: 30px;
    }
  }
  #updateDOB {
    .update-popup-btn {
      bottom: 19px;
      position: absolute;
      right: 25px;
    }
    .profile-popup-content {
      border-radius: 30px;
      height: 321px;
      padding: 30px;
    }
  }
  #updateNationlity {
    .update-popup-btn {
      bottom: 19px;
      position: absolute;
      right: 25px;
    }
    .profile-popup-content {
      border-radius: 30px;
      height: 321px;
      padding: 30px;
    }
  }
  .profile-input-bg {
    background: #fd771412;
    border-radius: 14px;
    padding: 7px 19px;
  }
  .image-upload {
    display: flex;
    justify-content: space-between;
  }
  .show-url {
    align-items: baseline;
    background: #fff;
    border-radius: 20px;
    display: flex;
    font-family: Space Grotesk;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    line-height: 21px;
    padding: 5px 10px;
    text-align: left;
  }
  .show-url p {
    margin-bottom: 0;
  }
  .image-upload > input {
    display: none;
  }
  #image-preview {
    border-radius: 50% !important;
    height: 133px;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 10px;
    width: 132px;
  }
  .update-img-grid {
    display: grid;
    grid-template-columns: 65% 50%;
  }
  #uploadimgModal {
    .modal-dialog {
      max-width: 35%;
      transform: none;
    }
    .left-img:after {
      background-color: #00000024;
      content: "";
      display: block;
      height: 185px;
      left: 70%;
      position: absolute;
      top: 125px;
      width: 1px;
    }
    .update-popup-btn {
      padding: 12px 45px;
    }
  }
}
#limited-time .owl-nav.disabled .owl-next .fa-long-arrow-right:before:hover,
#limited-time .owl-nav.disabled .owl-prev .fa-long-arrow-left:before:hover {
  color: #fff !important;
}
.dropdown-menu-section {
  background-color: #fff;
  border-radius: 30px;
}
.dropdown-main {
  border-radius: 30px;
  box-shadow: 0 0 0.25em rgba(67, 71, 85, 0.27),
    0 0.25em 1em rgba(90, 125, 188, 0.05);
  display: flex;
  width: 1151px;
}
.dropdown-sec1 {
  background-color: rgba(253, 119, 20, 0.1);
  border-radius: 30px;
  padding: 30px;
  width: 525px;
}
.brand-main-heading {
  font-family: Readex Pro !important;
  font-size: 24px !important;
  font-weight: 600;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}
.brand-paragaph {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: none !important;
  line-height: 26px;
  margin-top: 14px;
}
.barnd-main-section {
  display: grid;
  grid-template-columns: 15% 85%;
  margin-top: 10px;
}
.barnd-icons {
  display: flex;
  justify-content: center;
  margin-right: 12px;
}
.dropdown-sec2 {
  padding: 16px 27px;
}
.brand-main-list {
  display: grid;
  gap: 35px;
  grid-template-columns: 25% 25% 25% 25%;
}
.brand-sec-list li {
  list-style: none;
  margin-top: 40px;
}
.brand-main-list li {
  font-size: 18px;
  list-style: none;
}
.brand-main-list li a {
  color: #000;
  font-family: Space Grotesk;
  text-decoration: none;
}
.brand-dy-data a {
  color: #000 !important;
  font-family: Space Grotesk;
  font-size: 18px;
  font-weight: 400;
}
@media (min-width: 1800px) {
  .brand-dy-data a,
  .brand-paragaph,
  .link-footer {
    font-size: 18px;
  }
  .footer-quicks {
    font-size: 24px;
  }
  .brand-main-heading {
    font-size: 24px !important;
  }
  #terms p {
    color: #000;
    font-family: Space Grotesk;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
  }
  .ourvehicle-head {
    font-family: Space Grotesk;
    font-size: 56px !important;
  }
  .footer-content {
    font-family: Readex Pro;
    font-size: 18px;
  }
  h1 {
    color: #191a1c;
    font-size: 80px;
    font-weight: 400;
    letter-spacing: -4px;
    line-height: 80px;
  }
  .footer-heading {
    font-size: 57px;
  }
  .aboutus-content {
    font-size: 20px;
  }
  #uploadimgModal {
    .modal-dialog {
      max-width: 35%;
      transform: none;
    }
  }
  .dropdown-main {
    width: 130vh;
  }
  #customer-booking {
    ul.nav.mt-3 {
      gap: 3rem;
      margin-left: 0;
      padding-top: 60px;
    }
    .captions p {
      font-size: 16px;
    }
    h4.fordeco.mt-3 {
      color: #fd7714;
      font-family: Space Grotesk;
      font-size: 28px;
      font-weight: 700;
    }
    .captions p {
      font-family: Readex Pro !important;
      font-size: 16px !important;
    }
    .deliverycontent,
    .details {
      font-size: 14px;
    }
    .modal-heading {
      font-size: 25px;
    }
    p.sub2 {
      font-family: Readex Pro !important;
      font-size: 14px !important;
      font-weight: 300;
    }
    p.bookedon {
      font-family: Space Grotesk;
      font-size: 16px !important;
    }
  }
  #carbook {
    #rtnwid {
      .deliveryHead {
        color: #000;
        font-family: Space Grotesk;
        font-size: 30px;
        font-weight: 700;
        line-height: 35.73px;
        text-align: left;
      }
      .deliverycontent {
        font-weight: 400;
      }
      .deliverycontent,
      .deliverycontentright {
        color: #000;
        font-family: Space Grotesk;
        font-size: 18px;
        line-height: 35.42px;
        text-align: left;
      }
      .deliverycontentright {
        font-weight: 700;
      }
      p.deliverytotal {
        font-size: 18px;
      }
      .rentBtn {
        border-radius: 42px !important;
        font-size: 20px !important;
        height: 55px !important;
      }
      .callBtn,
      .rentBtn {
        height: 68px !important;
      }
      .callBtn {
        border: 1px solid #000;
        border-radius: 42px !important;
        font-size: 20px;
      }
    }
  }
  .fixed-top {
    height: 80px;
  }
  .dropdown-menu {
    .brands-btn {
      cursor: default;
      font-family: Readex Pro !important;
      font-size: 17px !important;
      font-weight: 200 !important;
    }
    .brands-btn:hover {
      color: #000 !important;
    }
  }
  .dropdown-menu {
    .support-btn {
      cursor: default;
      font-family: Readex Pro !important;
      font-size: 17px !important;
      font-weight: 200 !important;
    }
    .support-btn:hover {
      color: #000 !important;
    }
  }
  .dropdown-item {
    color: #111628;
    font-size: 18px;
    font-weight: 400;
  }
  .scrolled {
    .navbar {
      height: 70px !important;
      justify-content: space-between;
      margin: 3px 0 0 !important;
      width: 100%;
    }
    .upgrooming-logo {
      height: 75% !important;
      width: 75% !important;
    }
  }
  .nav {
    margin-left: 40px;
  }
  .nav-link {
    color: #000 !important;
    font-size: 20px;
    font-weight: 500 !important;
  }
  .signupBtn {
    background-color: transparent;
    border: none;
    color: #000;
    height: 35px !important;
    margin-right: 15px !important;
  }
  .scrolled .signupBtn,
  .signupBtn {
    font-size: 20px;
    font-weight: 500;
  }
  .bannerleft-content {
    margin-top: 7% !important;
  }
  .loginBtn {
    background-color: #fff;
    border: none;
    border-radius: 0 !important;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    padding: 14px 34px;
  }
  .topcard {
    border: 5px solid #fff9f4 !important;
    border-radius: 50px;
    position: relative;
    width: 110%;
  }
  .bannercard {
    border: 1px solid #f4f1ee;
    margin-left: 3% !important;
    padding: 15px 20px !important;
  }
  .inputcard {
    font-size: 20px;
  }
  .searchBtn {
    font-size: 15px;
    height: 50px;
    margin-left: 10px;
    padding: 4px;
    width: 50px;
  }
  .navbar {
    height: 70px !important;
    justify-content: space-between;
    margin-top: 1%;
    width: 100%;
  }
  .footer-contact {
    font-size: 28px !important;
  }
  #collapsibleNavbar {
    a.dropdown-item,
    button.dropdown-item {
      margin-top: 3%;
      padding: 16px 81px 16px 16px;
    }
  }
  img.upload-img-btn {
    border-radius: 50%;
    height: 63px;
    width: 63px;
  }
  .flash-head {
    font-family: Space Grotesk;
    font-size: 58px !important;
    font-weight: 700;
    letter-spacing: -0.06em;
    line-height: 83px;
    margin-bottom: 3% !important;
  }
  .gotquestions .accordion-button:not(.collapsed) {
    background-color: #fd7714;
    border-radius: 35px !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
    color: #fff;
    height: 88px;
    padding-left: 4%;
  }
  .gotquestions .accordion-header {
    background: #fff9f4 !important;
    border-radius: 40px !important;
    margin-bottom: 0;
    padding: 5px !important;
  }
  .gotquestions .accordion-button {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #000;
    display: flex;
    font-size: 24px;
    font-weight: 600;
    overflow-anchor: none;
    padding: 1.15rem 1.5rem;
    position: relative;
    text-align: left;
    transition: 0.15s ease-in-out, 0.15s ease-in-out, 0.15s ease-in-out,
      0.15s ease-in-out, 0.15s ease;
    width: 100%;
  }
  .gotquestions .accordion-item {
    background-color: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 40px !important;
  }
  .gotquestions .accordion-button .collapsed {
    padding: 0 !important;
  }
  .gotquestions button.accordion-button.collapsed {
    height: 88px;
    padding: 0 40px;
  }
  .gotquestions .accordion-item:not(:first-of-type) {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
    border-radius: 40px !important;
  }
  .gotquestions .accordion-button {
    &:not(.collapsed) {
      box-shadow: none !important;
    }
    &:hover {
      z-index: 2;
    }
    &:focus {
      box-shadow: none !important;
      outline: none !important;
      z-index: 3;
    }
  }
  .gotquestions .accordion-button:after {
    background-image: url(/images/plus.svg?4f5e0134d23a7fd54ef3ddc5d41c44b1);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 14px;
    position: absolute;
    transform: rotate(-180deg);
    width: 14px;
  }
  .gotquestions .accordion-button:not(.collapsed):after {
    background-image: url(/images/minus.svg?7ea4f6987adbc461c9caf51eb4ec3e34);
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    transform: rotate(-180deg);
    width: 24px;
  }
  .client-position {
    font-family: Readex Pro !important;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 22px !important;
  }
  .add-read-more .read-less,
  .add-read-more .read-more {
    color: #fd7714;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    margin-left: 2px;
  }
  .add-read-more {
    color: #000;
    font-family: Space Grotesk;
    font-size: 20px !important;
    font-weight: 500;
    height: 185px !important;
    line-height: 31px !important;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    padding-right: 20px;
    width: 100%;
  }
  .center-image {
    animation: rotateImage 5s linear infinite !important;
    bottom: 50%;
    height: 21ppx !important;
    left: 45%;
    margin-left: -20px !important;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 160px;
    width: 211px !important;
  }
  .benifits-text {
    color: #fd7714 !important;
    font-size: 56px;
    font-weight: 500;
    font-weight: 700;
    line-height: 35px;
  }
  .benifits-img {
    gap: 1rem;
    grid-template-columns: 19% 19% 19% 19% !important;
    margin-top: 12% !important;
  }
  #carbook {
    .car-subhead-name {
      font-weight: 300;
      line-height: 22.25px;
    }
    .car-subhead-name,
    .detail-tab-one {
      font-family: Readex Pro !important;
      font-size: 18px;
      letter-spacing: -0.02em;
      text-align: left;
    }
    .detail-tab-one {
      color: #000;
      font-weight: 400;
      line-height: 27px;
      margin-top: 30px !important;
      opacity: 80%;
    }
    .rentBtn {
      background: #fd7714;
      border: 1px solid #fd7714;
      border-radius: 30px !important;
      color: #fff;
      font-family: Space Grotesk;
      font-size: 20px;
      font-weight: 700;
      height: 55px;
      line-height: 30px;
      width: 100%;
    }
  }
  #indexpage {
    .explore {
      font-family: Readex Pro;
      font-size: 20px;
      padding: 18px 29px;
      text-transform: none;
    }
    .explore:hover {
      background-color: #fff !important;
      border: 1px solid var(--orange) !important;
      color: var(--orange) !important;
      transition: 0.5s ease-in-out;
    }
  }
  .Travelogue {
    border: 0.5px solid #898787;
    border-radius: 26px !important;
    height: 610px !important;
    padding: 5px;
    width: 100% !important;
  }
  .travel-img {
    border-radius: 15px !important;
    height: 180px !important;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0 !important;
    width: 100% !important;
  }
  .Travelogue-text {
    color: #fd7714 !important;
    font-family: Readex Pro;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 0 !important;
  }
  .Travelogue-head {
    color: #fff !important;
    font-family: Space Grotesk;
    font-size: 64px !important;
    font-weight: 500;
  }
  .exploreBtn {
    background-color: transparent !important;
    border: 1px solid #fff;
    border-radius: 20px !important;
    color: #fff;
    font-size: 18px !important;
    padding: 8px 20px;
  }
  .Travelogue-content {
    color: #fff;
    font-family: Readex Pro;
    font-size: 28px;
    font-weight: 500;
    line-height: 30.6px;
    padding-bottom: 3%;
    padding-top: 2%;
  }
  .date-text-left {
    color: hsla(0, 0%, 100%, 0.7);
    font-size: 18px;
    font-weight: 300;
  }
  .Travelogue-content-right {
    color: #fff;
    font-family: Readex Pro;
    font-size: 24px;
    font-weight: 500;
    line-height: 25px;
  }
  .date-text {
    bottom: 0;
    color: hsla(0, 0%, 100%, 0.7);
    flex-direction: 13px;
    font-weight: 300;
    margin-top: 10px !important;
    position: absolute;
  }
  #carbook {
    .breadcrumb,
    .breadcrumb-end {
      font-size: 18px;
    }
    .car-head-name {
      font-size: 40px;
    }
    .car-subhead-name,
    .first-review {
      font-size: 18px;
    }
    .nav-tabs .nav-link,
    .nav-tabs .nav-link.active {
      font-size: 20px;
    }
    .detail-tab-one {
      font-size: 18px;
    }
    .specification-subhead {
      font-size: 20px;
    }
    .mess2 p,
    .payment-Policy-up,
    .policy-check,
    .specification-head {
      font-size: 18px;
    }
    .amount-total {
      font-size: 20px !important;
    }
    .payment-Policy,
    p.note-content.mt-3,
    p.note-head {
      font-size: 18px;
    }
    .detail-head {
      font-size: 28px;
    }
    .pricelist {
      font-size: 18px;
    }
    label.date-head {
      font-size: 16px;
    }
    .enddate-input,
    .startdate-input {
      font-size: 18px;
    }
    .select-input {
      font-size: 16px;
    }
    .amount-left,
    .amount-right,
    .daysCount,
    .enquiryBtn,
    .rentBtn,
    .total-amount,
    span#totalAmount {
      font-size: 20px;
    }
    .termstext {
      font-size: 18px;
    }
  }
  #filterpop {
    & #filter-car-main {
      .card img {
        border-radius: 2.5rem;
        height: 200px;
        width: 100%;
      }
    }
  }
  .filtercard {
    background-color: #fff !important;
    border-radius: 40px !important;
    box-shadow: 0 0 4px 0 #00000026;
    padding: 50px 20px 40px !important;
    width: 90%;
  }
  .blog-detail-section2 p {
    font-family: Space Grotesk;
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 0 !important;
  }
  #filterpop {
    & #filter-car-main {
      .brandname {
        font-size: 24px;
      }
      .brand-content span {
        font-size: 18px;
      }
      .available,
      .car-rate {
        font-size: 24px;
      }
    }
  }
  #filterpop {
    #accordionfilter button.accordion-button,
    .filtertext button,
    .reset,
    .sortby {
      font-size: 20px !important;
    }
    .filtertext button {
      margin-top: 20px;
    }
  }
  .header_bg_image {
    .mainheading {
      font-size: 64px !important;
    }
  }
  .loginBtn {
    border-radius: 35px !important;
  }
  .row_grid {
    -moz-column-gap: 15px;
    column-gap: 15px;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    row-gap: 30px;
  }
  .rent-number {
    border-radius: 30px !important;
    color: #fd7714;
    font-size: 64px;
    font-weight: 700;
    margin-right: 20px !important;
  }
  .rent-head,
  .rent-number {
    font-family: Space Grotesk;
  }
  .rent-head {
    color: #000 !important;
    font-size: 32px;
    font-weight: 700 !important;
    margin-top: 5px !important;
  }
  .rent-content,
  .rent-head {
    margin-bottom: 0 !important;
  }
  .rent-content {
    color: #000;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
  }
  .limited-time-section {
    background: #000;
    border-radius: 40px !important;
    padding-top: 6rem;
  }
  .limited-time-section h3.subhead {
    color: #fff;
    font-family: Space Grotesk;
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    text-decoration: none;
  }
  .limited-time-section .brandname {
    color: #fd7714;
    font-size: 20px;
    font-weight: 600;
  }
  .limited-time-section .specific {
    background-color: #242424;
    border-radius: 20px;
    margin-bottom: 50px !important;
    margin-top: 50px;
    padding: 1em;
    text-align: center;
  }
  .limited-time-section.specific div .shades {
    background: #000;
    border: 0 !important;
    box-shadow: none !important;
  }
  span.subhead {
    color: #fff;
    font-weight: 700;
  }
  span.content,
  span.subhead {
    font-family: Space Grotesk !important;
    font-size: 20px;
  }
  span.content {
    color: #ffffff80;
    font-weight: 500;
  }
  .limited-time-section .specific.shades p .text {
    font-family: Space Grotesk !important;
    padding: 5px 20px;
    text-align: start;
  }
  .limited-time-section p.content {
    color: #fff !important;
    font-family: Space Grotesk !important;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
  }
  .limited-time-section .button {
    background-color: #fd7714;
    border: 1px solid #fd7714;
    border-radius: 50px;
    color: #fff !important;
    font-family: Space Grotesk !important;
    padding: 8px 16px;
  }
  .limited-time-section .rightblock {
    padding-left: 7%;
  }
  .limited-time-section .rightblock .img-wrap {
    background-image: url(/public/images/limited_offer.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 40px;
    bottom: -10px;
    height: 500px;
    height: 700px;
    margin: 0 !important;
    right: 2px;
    top: 1px;
  }
  .limited-time-section p.content {
    max-width: 75% !important;
    -webkit-line-clamp: 3;
    line-height: 33px !important;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.5 !important;
    max-height: 4.5em;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .limited-time-section .rightblock .img-wrap .limit-image {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 100%;
  }
  .limited-time-section .rightblock .top-right {
    padding: 20px 0;
    position: absolute;
    right: 16px;
    text-align: end;
    top: 8px;
  }
  .limited-time-section .rightblock .top-right p {
    font-size: 22px;
    font-weight: 700;
    line-height: 34px;
  }
  .limited-time-section .rightblock .img-wrap {
    color: #fff;
    position: relative;
    text-align: center;
  }
  .limited-time-section .rightblock .bottom-left {
    background: #924f1e;
    border-radius: 20px;
    bottom: 35px;
    left: 35px;
    padding: 15px;
    position: absolute;
  }
  .halfborder {
    border: 2px solid #fff;
    border-bottom: 0;
    border-left: 0;
    border-radius: 40px;
    float: right;
    height: 695px;
    margin: 0;
    width: 94%;
  }
  .limited-time-section .rightblock .bottom-left .offer {
    font-size: 16px;
    margin-bottom: 5px !important;
    text-align: start;
  }
  .limited-time-section .rightblock .bottom-left .percentage {
    font-size: 40px;
    font-weight: 900;
    line-height: 40px;
    text-align: start;
  }
  .limitheadmobile {
    display: none;
  }
  .limithead {
    display: block;
  }
  .limited-time-section .rightblock .bottom-left .validity {
    color: #ffffff99;
    font-size: 14px !important;
    text-align: start;
  }
  .limited-time-section .mbl-view {
    display: none;
  }
  .button-booknow {
    background-color: #fd7714 !important;
    border: 1px solid #fd7714 !important;
    color: #fff;
    font-size: 20px;
    font-size: 14px;
    padding: 12px 22px !important;
    padding: 8px 24px;
    text-decoration: none !important;
  }
  .button-booknow,
  .button-booknow:hover {
    border-radius: 30px;
    font-family: Space Grotesk;
  }
  .button-booknow:hover {
    color: #fff !important;
    font-size: 20px;
  }
  .offer-start1 {
    padding-right: 5% !important;
    a {
      text-decoration: none !important;
    }
  }
  .col-lg-5.col-md-5.rightblock {
    margin-top: 3%;
  }
  #limited-time .owl-nav {
    align-items: center;
    bottom: 20px !important;
    display: flex;
    justify-content: center;
    position: relative;
    top: 100% !important;
    transform: translateY(-50%);
    width: 100%;
  }
  #limited-time .owl-nav.disabled .owl-next:hover,
  #limited-time .owl-nav.disabled .owl-prev:hover {
    background-color: #fff;
    color: #726d6d !important;
    cursor: text;
  }
  #limited-time .owl-nav .owl-next:hover,
  #limited-time .owl-nav .owl-prev:hover {
    background-color: #fd7714;
    color: #fff !important;
  }
  #limited-time .owl-nav .owl-next {
    margin-left: 80px;
  }
  #limited-time .owl-nav .owl-next,
  #limited-time .owl-nav .owl-prev {
    align-items: center;
    background-color: #fff;
    border: none !important;
    border-radius: 50% !important;
    color: rgba(19, 26, 41, 0.3) !important;
    display: flex;
    font-size: 20px;
    height: 45px;
    justify-content: center;
    margin-top: -90px;
    position: absolute !important;
    width: 45px;
  }
  #limited-time .owl-nav .owl-prev {
    margin-right: 80px;
  }
  .flash-sec {
    font-size: 24px;
    letter-spacing: -0.02em;
    line-height: 29px;
  }
  .offers_section .couponcard h4 {
    font-size: 24px;
    line-height: 28px;
  }
  .offers_section .couponcard h3 {
    font-size: 48px;
    font-weight: 900;
    line-height: 28px;
  }
  .ticket .ticket-head {
    font-size: 18px;
    font-weight: 400;
  }
  .ticket .couponcode {
    font-size: 24px;
    font-weight: 900;
    line-height: 36px;
  }
  .couponcard .context p {
    font-size: 18px;
    font-weight: 400px;
  }
  .coupontill {
    font-size: 18px;
  }
  .couponbutton {
    font-size: 20px;
  }
  .Ourvehicle_testimonials .item .test h5 {
    font-size: 18px;
  }
  h5.text-center.mt-3 {
    font-family: Space Grotesk !important;
    overflow: hidden;
  }
  .nav-tabs .nav-link.active {
    font-size: 24px;
    line-height: 20px;
  }
  .Ourvehicle_testimonials .item .test div.specification {
    font-size: 18px;
  }
  .nav-tabs .nav-link {
    font-size: 20px;
    line-height: 20px;
  }
  .Ourvehicle_testimonials .item .test h5 {
    font-size: 24px;
  }
  .btn-explore {
    font-size: 20px;
  }
  #indexpage {
    .brand-images1 {
      align-items: center;
      background-color: #edebea;
      border-radius: 30px;
      height: auto;
      margin: 10px 4px;
      padding: 25px 30px 10px;
    }
    .owl-carousel .owl-item .our_brand-img {
      display: block;
      height: 7vh;
      -webkit-transform-style: preserve-3d;
    }
  }
  #carbook {
    & #carviewModal {
      .owl-carousel .owl-stage {
        height: 135px;
        overflow: hidden;
        position: relative;
      }
      .owl-carousel .owl-item img {
        border-radius: 15px;
        height: 100px;
      }
    }
  }
  #carbook {
    .price-content {
      font-size: 24px !important;
      font-weight: 700 !important;
      text-align: left;
    }
  }
  .others-card {
    padding-bottom: 30% !important;
  }
  .autocomplete-items {
    width: 116%;
  }
  #indexpage {
    .owl-carousel .owl-item .vehicle-fleet-img {
      height: 22vh;
    }
  }
}
@media (min-width: 1400px) and (max-width: 1800px) {
  .link-footer {
    font-size: 16px;
  }
}
@media (min-width: 900px) and (max-width: 1800px) {
  .blog-tavel-main {
    .container {
      max-width: 100% !important;
    }
  }
  #rtnwid {
    button.btn-close.close {
      margin-left: 106% !important;
    }
  }
  .brand-dy-data a,
  .brand-paragaph {
    font-size: 16px;
  }
  .footer-contact {
    font-size: 26px !important;
  }
  #carbook {
    #rtnwid {
      .deliverycontent {
        font-weight: 400;
      }
      .deliverycontent,
      .deliverycontentright {
        color: #000;
        font-family: Space Grotesk;
        font-size: 14px;
        line-height: 35.42px;
        text-align: left;
      }
      .deliverycontentright {
        font-weight: 700;
      }
      p.deliverytotal {
        font-size: 14px;
      }
    }
  }
  .brand-main-heading {
    font-size: 22px !important;
  }
  .dropdown-main {
    width: 130vh;
  }
  #uploadimgModal {
    .modal-dialog {
      max-width: 45% !important;
      transform: none;
    }
  }
  #carbook {
    .price-content {
      font-size: 22px !important;
      font-weight: 700 !important;
      text-align: left;
    }
  }
  .dropdown-menu {
    .brands-btn {
      cursor: default;
      font-family: Readex Pro !important;
      font-size: 14px !important;
      font-weight: 200 !important;
    }
    .brands-btn:hover {
      color: #000 !important;
    }
  }
  #indexpage {
    .owl-carousel .owl-item .vehicle-fleet-img {
      height: 18vh;
    }
  }
  .dropdown-menu {
    .support-btn {
      cursor: default;
      font-family: Readex Pro !important;
      font-size: 14px !important;
      font-weight: 200 !important;
    }
    .support-btn:hover {
      color: #000 !important;
    }
  }
  .footer-content {
    font-family: Readex Pro;
    font-size: 17px;
  }
  .loginBtn,
  button.signupBtn {
    font-size: 15px;
    font-weight: 400;
  }
  .loginBtn {
    background-color: var(--orange);
    border: none;
    border-radius: 20px !important;
    color: #fff;
  }
  h1 {
    color: #191a1c;
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -4px;
    line-height: 80px;
  }
  #indexpage {
    h1 {
      color: #191a1c;
      font-size: 60px;
      font-weight: 400;
      letter-spacing: -4px;
      line-height: 80px;
    }
  }
  .scrolled {
    .navbar {
      height: 70px !important;
      justify-content: space-between;
      margin: 0 !important;
      width: 100%;
    }
  }
  .nav {
    margin-left: 40px;
  }
  .nav-link {
    color: #000 !important;
    font-size: 15px;
    font-weight: 500 !important;
  }
  .aboutus-content {
    font-size: 17px;
  }
  .topcard {
    border: 5px solid #fff9f4 !important;
    border-radius: 50px;
    position: relative;
    width: 110%;
  }
  .bannercard {
    border: 1px solid #f4f1ee;
    margin-left: 3% !important;
    padding: 15px 20px !important;
  }
  .inputcard {
    font-size: 16px;
  }
  .searchBtn {
    font-size: 12px;
    height: 45px;
    margin-left: 10px;
    padding: 4px;
    width: 45px;
  }
  .navbar {
    height: 70px !important;
    justify-content: space-between;
    margin-top: 1%;
    width: 100%;
  }
  .footer-quicks {
    font-size: 23px;
  }
  #collapsibleNavbar {
    button.dropdown-item {
      line-height: 5px;
      padding: 3px 7px;
    }
    a.dropdown-item {
      padding: 10px 15px;
    }
    a.dropdown-item:focus,
    button.dropdown-item:focus {
      color: grey;
      font-weight: 200;
    }
  }
  img.upload-img-btn {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .blog-profile {
    img.upload-img-btn {
      border-radius: 50%;
      height: 33px !important;
      -o-object-fit: cover;
      object-fit: cover;
      width: 33px !important;
    }
  }
  #collapsibleNavbar {
    .dropdown-menu.show {
      button.dropdown-item {
        line-height: 5px;
        padding: 6px 7px 6px 6px;
      }
      a.dropdown-item,
      button.dropdown-item {
        color: #111628;
        font-size: 15px;
        margin-top: 3%;
      }
      a.dropdown-item {
        line-height: 11px;
        padding: 16px 31px 16px 16px;
      }
    }
  }
  .flash-head {
    font-family: Space Grotesk;
    font-size: 50px !important;
    font-weight: 700;
    letter-spacing: -0.06em;
    line-height: 70px;
    margin-bottom: 2% !important;
  }
  .gotquestions .accordion-button:not(.collapsed) {
    background-color: #fd7714;
    border-radius: 24px !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
    color: #fff;
    height: auto !important;
    padding: 2% 3%;
    transition: all 0.5s ease-in-out;
  }
  .gotquestions .accordion-header {
    background: #fff9f4 !important;
    margin: 5px !important;
    padding: 0 !important;
  }
  .gotquestions .accordion-button {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    overflow-anchor: none;
    padding: 1.15rem 1.5rem;
    position: relative;
    text-align: left;
    transition: 0.15s ease-in-out, 0.15s ease-in-out, 0.15s ease-in-out,
      0.15s ease-in-out, 0.15s ease;
    width: 100%;
  }
  .gotquestions .accordion-item {
    background-color: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 34px !important;
  }
  .gotquestions .accordion-button .collapsed {
    padding: 0 !important;
  }
  .gotquestions button.accordion-button.collapsed {
    height: 0 !important;
  }
  .gotquestions .accordion-item:not(:first-of-type) {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
    border-radius: 27px !important;
    transition: all 0.5s;
  }
  .gotquestions .accordion-button {
    &:not(.collapsed) {
      box-shadow: none !important;
    }
    &:hover {
      z-index: 2;
    }
    &:focus {
      box-shadow: none !important;
      outline: none !important;
      z-index: 3;
    }
  }
  .gotquestions .accordion-button:after {
    background-image: url(/images/plus.svg?4f5e0134d23a7fd54ef3ddc5d41c44b1);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    position: absolute;
    transform: rotate(-180deg);
    width: 12px;
  }
  .gotquestions .accordion-button:not(.collapsed):after {
    background-image: url(/images/minus.svg?7ea4f6987adbc461c9caf51eb4ec3e34);
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    transform: rotate(-180deg);
    width: 20px;
  }
  .container,
  .container-xl,
  .container-xxl {
    max-width: 90% !important;
  }
  #carbook {
    .detail-grid {
      display: grid;
    }
  }
  ul#myTab {
    align-items: center;
    gap: 10px;
    justify-content: start;
  }
  #filter-car-main {
    .card img {
      height: 165px;
    }
  }
  .filtertext {
    font-size: 12px;
  }
  .footer-heading {
    font-size: 54px;
  }
  .Travelogue-text {
    color: #fd7714 !important;
    font-family: Readex Pro;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 0 !important;
  }
  .Travelogue-head {
    color: #fff !important;
    font-family: Space Grotesk;
    font-size: 56px !important;
    font-weight: 500;
  }
  .exploreBtn {
    background-color: transparent !important;
    border: 1px solid #fff;
    border-radius: 18px !important;
    color: #fff;
    font-size: 14px !important;
    padding: 5px 15px;
  }
  .Travelogue-content {
    color: #fff;
    font-family: Readex Pro;
    font-size: 24px;
    font-weight: 500;
    line-height: 30.6px;
    padding-bottom: 3%;
    padding-top: 2%;
  }
  .date-text-left {
    color: hsla(0, 0%, 100%, 0.7);
    font-size: 14px;
    font-weight: 300;
  }
  .Travelogue-content-right {
    color: #fff;
    font-family: Readex Pro;
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
  }
  .date-text {
    bottom: -10px;
    color: hsla(0, 0%, 100%, 0.7);
    flex-direction: 13px;
    font-weight: 300;
    margin-top: 10px !important;
    position: absolute;
  }
  #carbook {
    .breadcrumb,
    .breadcrumb-end {
      font-size: 17px;
    }
    .car-head-name {
      font-size: 38px;
    }
    h1.car-head-name {
      letter-spacing: 0 !important;
      margin-bottom: 5px;
    }
    h2.car_subhd_h2 {
      margin-bottom: 16px;
    }
    .car-subhead-name,
    .first-review {
      font-size: 17px;
    }
    .detail-tab-one,
    .nav-tabs .nav-link,
    .nav-tabs .nav-link.active {
      font-size: 16px;
    }
    .specification-subhead {
      font-size: 18px;
    }
    .mess2 p,
    .specification-head {
      font-size: 16px;
    }
    .detail-head {
      font-size: 26px;
    }
    .payment-Policy-up,
    .policy-check {
      font-size: 17px;
    }
    .amount-total {
      font-size: 18px !important;
    }
    .payment-Policy {
      font-size: 13px;
    }
    p.note-content.mt-3 {
      font-size: 17px;
      line-height: 28px;
    }
    .pricelist,
    p.note-head {
      font-size: 17px;
    }
    .pricelist {
      line-height: 38px;
    }
    label.date-head {
      font-size: 14px;
    }
    .enddate-input,
    .select-input,
    .startdate-input {
      font-size: 12px;
    }
    .select-input {
      width: 100%;
    }
    .amount-left,
    .amount-right,
    .daysCount,
    .enquiryBtn,
    .rentBtn,
    .total-amount,
    span#totalAmount {
      font-size: 18px;
    }
    .termstext {
      font-size: 16px;
    }
  }
  #filterpop {
    #filter-car-main {
      .brandname {
        font-size: 18px;
      }
      .brand-content span {
        font-size: 12px;
      }
      .available,
      .car-rate {
        font-size: 18px;
      }
    }
  }
  .header_bg_image {
    .mainheading {
      font-size: 58px !important;
    }
  }
  #filterpop {
    .reset,
    .sortby {
      font-size: 18px !important;
    }
    .filtertext button {
      font-size: 13px !important;
      margin-top: 20px;
      width: 100%;
    }
  }
  .center-image {
    bottom: 53% !important;
    left: 44% !important;
    position: absolute;
    width: 185px !important;
  }
  .benifits-img {
    gap: 2rem;
    grid-template-columns: 18% 18% 18% 18% !important;
    margin-top: 40px !important;
  }
  .rent-number {
    border-radius: 30px !important;
    color: #fd7714;
    font-size: 55px;
    font-weight: 700;
    margin-right: 20px !important;
  }
  .rent-head,
  .rent-number {
    font-family: Space Grotesk;
  }
  .rent-head {
    color: #000 !important;
    font-size: 26px;
    font-weight: 700 !important;
    margin-top: 5px !important;
  }
  .rent-content,
  .rent-head {
    margin-bottom: 0 !important;
  }
  .rent-content {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
  }
  .blog-detail-section2 p {
    font-family: Space Grotesk;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 0 !important;
  }
  .header_bg_image {
    .mainheading {
      font-size: 40px !important;
    }
  }
  #carbook {
    #rtnwid {
      .deliverycontent {
        font-weight: 400;
      }
      .deliverycontent,
      .deliverycontentright {
        color: #000;
        font-family: Space Grotesk;
        font-size: 14px;
        line-height: 30.42px;
        text-align: left;
      }
      .deliverycontentright {
        font-weight: 700;
      }
      p.deliverytotal {
        color: #000;
        font-size: 16px;
      }
    }
  }
  .footer-quicks-text {
    font-size: 15px;
  }
  #carbook {
    & #carviewModal {
      .owl-carousel .owl-item img {
        border-radius: 15px;
        height: 100px;
      }
      .owl-carousel .owl-stage {
        height: 122px;
        overflow: hidden;
        position: relative;
      }
    }
  }
  #carbook {
    & #paynow {
      .modal-dialog {
        max-width: 25% !important;
      }
    }
  }
  .blogs-card-border2 {
    height: 260px !important;
  }
}
@media (min-width: 576px) and (max-width: 899px) {
  .faqcategory {
    margin-top: 15px;
  }
  .navbar-expand-sm .navbar-toggler {
    display: block;
  }
  .navbar-expand-sm .navbar-collapse {
    display: none !important;
  }
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
@media (min-width: 699px) and (max-width: 899px) {
  .halfborder,
  .limited-time-section .rightblock .img-wrap {
    height: 500px;
  }
  #prof-img {
    .modal-dialog {
      border-radius: 30px;
      max-width: 30%;
      top: 10%;
      transform: none;
    }
  }
  #availcars {
    .modal-profpic {
      a.nav-link {
        color: #000 !important;
      }
    }
  }
  #mainblog {
    .modal-profpic {
      a.nav-link {
        color: #000 !important;
      }
    }
  }
  #homefaq,
  #terms {
    .modal-profpic {
      a.nav-link {
        color: #000 !important;
      }
    }
  }
  .halfborder {
    height: 31vh;
  }
  .booknow-1-btn.mb-3 {
    margin-bottom: 14% !important;
  }
  .limited-time-section .rightblock .bottom-left .percentage {
    font-size: 20px;
    font-weight: 900;
    line-height: 5px;
    text-align: start;
  }
  .limited-time-section .rightblock .bottom-left .offer {
    font-size: 14px;
    margin-bottom: 5px !important;
    text-align: start;
  }
  .limited-time-section .rightblock .bottom-left .validity {
    color: #ffffff99;
    font-size: 10px !important;
    text-align: start;
  }
  .limited-time-section .rightblock .bottom-left {
    background: #924f1e;
    border-radius: 20px;
    bottom: 22px;
    left: 20px;
    padding: 15px;
    position: absolute;
  }
  .limited-time-section .rightblock .img-wrap {
    height: 30vh;
  }
  #filterpop {
    .filteritem {
      display: flex;
      flex-wrap: wrap;
      gap: 0;
      justify-content: center;
      margin-top: 10px;
    }
  }
  #uploadimgModal {
    .modal-dialog {
      max-width: 90% !important;
      transform: none;
    }
  }
  #availcars {
    #prof-img {
      .modal-content {
        width: 50%;
      }
      .modal-dialog {
        border-radius: 30px;
        bottom: 25%;
        left: 25%;
        max-width: 55%;
        transform: none;
      }
      a.nav-link {
        color: #000 !important;
      }
    }
    .navbar-toggler img {
      filter: invert(0);
      height: auto;
      width: 30px;
    }
  }
  .filter-img {
    border-radius: 35px;
    height: 14vh !important;
    overflow: hidden;
  }
  nav#nav-fixed {
    padding: 1px 24px !important;
    top: 10px;
  }
  #your-second-carousel-id .owl-nav {
    display: none !important;
  }
  .navbar-toggler,
  .navbar-toggler-icon:focus,
  .navbar-toggler:active,
  .navbar-toggler:focus {
    border: none;
    box-shadow: none;
    outline: none;
  }
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .showall {
    background-color: var(--orange) !important;
    border: none;
    border-radius: 30px;
    color: var(--white);
    font-size: 14px;
    padding: 10px;
    width: 80px;
  }
  .logo {
    align-items: center;
    display: flex !important;
    justify-content: space-evenly;
  }
  .scrolled .navbar {
    top: 0 !important;
  }
  #mobileModal {
    .modal-content {
      border-radius: 22px;
      margin-top: -3%;
      padding: 24px;
    }
    .singnup-contents {
      margin-top: 10%;
    }
    .menuhead {
      align-items: center;
      display: flex;
      gap: 1rem;
      margin-top: 12%;
    }
    img.upload-img-btn {
      border-radius: 50%;
      height: 50px;
      width: 50px;
    }
    .modal-content {
      border: none;
      box-shadow: none;
      height: 100%;
      padding: 17px !important;
    }
    .modal-dialog {
      background: #fff;
      border-radius: 30px;
      margin-left: 52%;
      margin-right: -7px;
      margin-top: 0;
      max-height: 100%;
      max-width: 100% !important;
      min-height: 100% !important;
      transform: none;
    }
    .dropdown-toggle:after {
      margin-left: 63% !important;
    }
    ul.nav {
      flex-direction: column;
      margin-top: 6%;
    }
    #navbarDropdown4:after {
      margin-left: 59% !important;
    }
    a#navbarDropdown1:active {
      background-color: var(--orange);
      border-radius: 9px;
      color: #fff !important;
      font-weight: 300 !important;
      padding-top: 5px;
    }
    .nav-link:focus,
    a#navbarDropdown1:focus {
      background-color: var(--orange);
      border-radius: 9px;
      color: #fff !important;
      font-weight: 400 !important;
      padding: 15px 10px 15px 19px;
    }
    ul#brandsDropdown {
      background: #f9f9f9;
      border-radius: 30px;
      margin-bottom: 20%;
      margin-left: 0;
      margin-top: 7%;
      padding-top: 25px;
    }
    .dropdown-item {
      color: #111628;
      font-family: Space Grotesk;
      font-size: 16px;
      font-weight: 500;
      line-height: 46.8px;
      padding: 7px;
    }
    .dropdown-item:focus {
      color: var(--orange);
    }
    .support-list,
    button.brand-item {
      font-family: Readex Pro;
      font-weight: 200;
    }
    button.dropdown-item:hover {
      color: var(--orange) !important;
    }
    a#navbarDropdown1,
    i.nav-item {
      font-family: Space Grotesk;
      font-weight: 500 !important;
    }
    i.nav-item {
      margin-top: 2%;
    }
    .nav-link {
      color: #000 !important;
      font-family: Space Grotesk;
      font-weight: 500 !important;
      margin-top: 3%;
    }
    h4.mt-3 {
      font-size: 20px;
      font-weight: 600;
    }
    h4.mt-3,
    p.mb-3 {
      font-family: Space Grotesk;
      text-decoration: none !important;
    }
    p.mb-3 {
      margin-top: -6%;
    }
    #supportDropdown {
      background: #f7f6f6;
      border-radius: 30px;
      margin-left: 3%;
      margin-top: 7%;
      padding-top: 9px;
      li {
        display: flex;
        flex-direction: column;
      }
    }
    .logout-link {
      align-items: center;
      display: flex;
      gap: 1rem;
    }
    li.nav-link.logout-link {
      display: flex;
      flex-direction: row !important;
      margin-top: 15% !important;
    }
    i.fa-solid.fa-arrow-right-from-bracket {
      rotate: 180deg;
    }
    h6.logout-menu {
      font-size: 17px;
      font-weight: 500;
    }
    .container-class h4,
    .container-class p {
      text-decoration: none;
    }
    .btn-close:active {
      box-shadow: none;
    }
  }
  .mobile-btn {
    display: block !important;
  }
  .bscreen-btn,
  .navbar-expand-sm .navbar-collapse {
    display: none !important;
  }
  .footer-contact {
    font-size: 24px !important;
  }
  #aboutpage {
    .signupBtn {
      color: #fff !important;
    }
  }
  .ourvehicle-head {
    font-family: Space Grotesk;
    font-size: 35px !important;
  }
  .footer-grid {
    -moz-column-gap: 25px;
    column-gap: 25px;
    grid-template-columns: 40% 30% 30% !important;
    row-gap: 78px;
  }
  .footer-content {
    font-family: Readex Pro;
    font-size: 17px;
  }
  #customer-booking {
    .booknav {
      ul.nav.mt-3 {
        gap: 1rem;
        padding-top: 60px;
      }
      hr {
        display: none;
      }
      .nav li a {
        padding-right: 26px;
      }
    }
  }
  #carbook {
    .date-card,
    .price-card {
      left: -1000px;
    }
    .show-all-gallery {
      bottom: 12%;
      display: flex;
      padding: 16px;
      position: absolute;
      right: 0;
    }
  }
  h1 {
    color: var(--white);
    font-size: 45px;
    font-weight: 700;
    line-height: 58.5px;
  }
  #terms p {
    color: #000;
    font-family: Space Grotesk;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
  }
  .upgrooming-logo {
    height: 60px;
    width: 60px;
  }
  #carbook {
    .price-content {
      font-size: 20px !important;
      font-weight: 700 !important;
      text-align: center;
    }
  }
  .signupBtn {
    width: 100px;
  }
  .loginBtn,
  .signupBtn {
    background-color: var(--orange) !important;
    border: none;
    border-radius: 30px;
    color: var(--white);
    font-size: 12px !important;
  }
  .loginBtn {
    margin-left: 5px;
    width: 80px;
  }
  #indexpage {
    .rent-head {
      font-size: 21px;
    }
    .rent-content {
      color: #000;
      font-size: 12px;
      font-weight: 300;
      line-height: 30px;
      margin-bottom: 0 !important;
    }
  }
  .header_bg_image {
    .search-card {
      padding: 11px 32px !important;
    }
  }
  #customer-booking {
    .firstcol {
      border-bottom: 1px solid #ccc;
      border-right: none;
      padding-bottom: 5%;
    }
  }
  ul.dropdown-menu.show {
    border: none;
    margin-top: 30%;
  }
  .about-grid {
    display: grid;
    grid-template-columns: 100%;
    margin-top: 50px;
    padding: 0 50px;
  }
  .about-img-bg {
    margin-top: 10% !important;
  }
  .scrolled {
    .signupBtn {
      color: #fff;
      font-size: 16px;
    }
  }
  #customer-booking {
    .modal-dialog {
      max-width: 90% !important;
      transform: none;
    }
    #cancel-modal {
      .modal-dialog {
        max-width: 70% !important;
        transform: none;
      }
    }
    .firstcol:nth-of-type(odd) {
      border-right: none;
    }
    .firstcol.col-lg-6.col-md-12 {
      margin-top: 6%;
    }
    #detailsModal {
      .firstbook {
        border-bottom: 1px solid #ccc;
        border-right: none;
        margin-bottom: 4%;
        padding-bottom: 4%;
      }
      img#modalImage {
        height: 15vh;
      }
    }
    #detailsModals {
      .firstbook {
        border-bottom: 1px solid #ccc;
        border-right: none;
        margin-bottom: 4%;
        padding-bottom: 4%;
      }
      img#modalImage {
        height: 15vh;
      }
    }
  }
  #mobileModal {
    .nav li {
      display: flex !important;
      flex-direction: column !important;
      margin-right: 10px;
    }
  }
  #carbook {
    div#butact {
      display: flex;
    }
    i#pricdetcls,
    i#rentnowcls {
      display: block;
    }
    .car-grid-container {
      display: grid !important;
      gap: 20px;
      grid-template-columns: 100%;
    }
    .car-image-right {
      display: none;
    }
    .detail-grid {
      display: grid;
      grid-template-columns: 100%;
    }
    .requirement-grid {
      display: grid;
      gap: 40px;
      grid-template-columns: 50% 50%;
    }
    .nav li {
      display: inline-block;
      margin-right: 10px;
    }
    ul#myTab {
      border: none;
      margin-left: -4.5%;
      row-gap: 13px;
    }
    .detail-tab-one {
      color: #000;
      font-family: Space Grotesk !important;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.02em;
      line-height: 27px;
      margin-top: 30px !important;
      opacity: 80%;
      text-align: left;
    }
    .payment-Policy-up {
      font-size: 14px;
      font-weight: 400;
    }
    .price-card.pricmodal {
      height: 60% !important;
      left: 13%;
    }
    .price-card,
    .price-card.pricmodal {
      margin-top: 25%;
      transition: 0.5s ease;
      width: 75%;
      z-index: 10 !important;
    }
    .price-card {
      background-color: #fff;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07),
        0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07),
        0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
      height: 50% !important;
      left: -1000px;
      overflow: auto;
      position: fixed;
      top: 0 !important;
    }
    .peicecard-back-btn {
      display: block;
    }
    .price-pop-block {
      ul#myTab {
        border: none;
        justify-content: center;
        margin-left: -4.5%;
        row-gap: 13px;
      }
      ul.mt-4 {
        margin-left: 15%;
      }
      .yearHead {
        text-align: center !important;
      }
      .d-flex {
        display: flex !important;
        justify-content: center;
      }
      p.detail-head {
        text-align: center !important;
      }
    }
    .detail-section {
      align-items: center;
      background-color: #fff;
      border: 1px solid #fff;
      box-shadow: 0 4px 16px rgba(17, 17, 26, 0.1),
        0 8px 32px rgba(17, 17, 26, 0.05);
      -moz-column-gap: 20px;
      column-gap: 20px;
      display: flex;
      justify-content: center;
      padding: 20px;
      z-index: 100;
    }
    .detail-section button {
      background-color: #fd7714 !important;
      border: none;
      color: #fff;
      font-family: Space Grotesk;
      font-size: 16px;
      font-weight: 600;
      transition: 0.5s ease;
      width: 100% !important;
    }
    .for-rightborder2 {
      border-left: none !important;
      padding-left: 0 !important;
    }
    #paynow {
      .modal-dialog {
        max-width: 60% !important;
        transform: none;
      }
    }
    #carviewModal {
      .slides img {
        border-radius: 30px !important;
        height: 325px;
        height: 45vh !important;
        width: 100%;
      }
    }
    .detail-section {
      display: none !important;
    }
    .datmodal {
      background-color: #fff9f4 !important;
      height: 85% !important;
      left: 15%;
      transition: 0.5s ease;
      width: 70% !important;
      z-index: 10 !important;
    }
    .owl-stage-outer {
      margin-left: -13%;
    }
    .specification-grid {
      display: grid;
      gap: 0;
      -moz-column-gap: 1px;
      column-gap: 1px;
      grid-template-columns: 33% 33% 33%;
      margin-left: 0;
      margin-top: 25px;
      row-gap: 0 !important;
    }
    .specification-subhead {
      color: #00000080;
      font-family: Space Grotesk;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -0.04em;
      line-height: 16.2px;
      text-align: left;
    }
    #showReviewsModal {
      .modal-dialog {
        max-width: 90% !important;
        transform: none;
      }
    }
  }
  #carviewModal {
    .slides img {
      height: 240px !important;
    }
    .nextContainer {
      right: -22px !important;
    }
    .prevContainer {
      left: -22px !important;
    }
    .btn-close {
      margin-right: -30px !important;
    }
    .modal-dialog {
      max-width: 120% !important;
    }
    .slides img {
      border-radius: 30px !important;
      height: 255px;
      width: 327px;
    }
    .modal-dialog {
      padding-top: 10% !important;
    }
  }
  .nav-link {
    font-size: 13px;
  }
  .bannerflex {
    display: grid;
    grid-template-columns: 100%;
    position: relative;
  }
  .aboutus-content {
    font-size: 17px;
  }
  .leftcolumn {
    bottom: 60px;
    position: absolute;
  }
  .bannerleft-content {
    height: auto;
    margin-left: 0 !important;
  }
  .bannercard {
    border: 5px solid #f4f1ee;
    margin-left: 6% !important;
    padding: 2px 20px !important;
  }
  .upgrooming-logo {
    height: 50px;
    width: 50px;
  }
  nav#nav-fixed {
    padding: 9px 30px 1px !important;
  }
  .navbar {
    top: 15px;
  }
  .fixed-top,
  .scrolled .navbar {
    top: 0;
  }
  .homebanner {
    margin-top: 10px !important;
  }
  input#myInput {
    font-family: Space Grotesk !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 21px !important;
  }
  .footer-quicks {
    color: #000 !important;
    font-size: 23px;
  }
  .footer-quicks-gulf,
  .link-footer,
  .link-footerss {
    color: #000;
  }
  .footer-condition {
    margin-top: -7% !important;
  }
  .terms_condition {
    color: #000;
  }
  .privacy_policy {
    color: #000;
    text-decoration: none;
  }
  #collapsibleNavbar {
    button.dropdown-item {
      padding: 11px 14px;
    }
    a.dropdown-item {
      padding: 10px 15px;
    }
  }
  img.upload-img-btn {
    border-radius: 50%;
    height: 38px;
    width: 38px;
  }
  .blog-img {
    align-items: center;
    background: #fff;
    border-radius: 30px;
    display: flex;
    gap: 1rem;
    padding: 5px 10px 6px 6px;
  }
  #prof-img {
    .modal-dialog {
      border-radius: 30px;
      left: 25%;
      max-width: 30% !important;
      top: 4%;
      transform: none;
    }
    .modal_cls {
      display: none;
    }
    .modal-content {
      border-radius: 30px;
      padding: 20px;
    }
  }
  .modal-profpic {
    img {
      border-radius: 50%;
      height: 70px;
      width: 70px;
    }
    button {
      background: var(--orange);
      border: none;
      color: #fff;
      font-size: 12px;
      padding: 3px 11px;
    }
    button,
    h6.mb-3 {
      font-weight: 300;
    }
    h6.mb-3 {
      font-size: 13px;
    }
    h4.mt-3,
    h6.mb-3 {
      font-family: Space Grotesk !important;
    }
    h4.mt-3 {
      font-weight: 600;
    }
    a.nav-link {
      align-items: center;
      color: #000 !important;
      display: inline-flex;
      font-size: 18px;
      font-weight: 300 !important;
      gap: 1rem;
      margin-top: 3%;
      h6 {
        font-size: 12px;
        font-weight: 300;
      }
    }
  }
  .flash-head {
    font-family: Space Grotesk;
    font-size: 30px !important;
    font-weight: 700;
    letter-spacing: -0.06em;
    line-height: 50px;
    margin-bottom: 2% !important;
  }
  .gotquestions .accordion-button:not(.collapsed) {
    background-color: #fd7714;
    border-radius: 35px !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
    color: #fff;
    padding-left: 4%;
  }
  .gotquestions .accordion-header {
    background: #fff9f4 !important;
    border-radius: 40px !important;
    margin-bottom: 0;
    padding: 5px !important;
  }
  .footer-quicks-text {
    color: #000;
    font-size: 12px;
  }
  .dotcolor {
    color: #000;
    font-size: 18px;
  }
  .footer-bg {
    height: 375px;
  }
  .gotquestions .accordion-button {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #000;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    overflow-anchor: none;
    padding: 1.15rem 1.5rem;
    position: relative;
    text-align: left;
    transition: 0.15s ease-in-out, 0.15s ease-in-out, 0.15s ease-in-out,
      0.15s ease-in-out, 0.15s ease;
    width: 100%;
  }
  .gotquestions .accordion-item {
    background-color: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 40px !important;
  }
  .gotquestions .accordion-button .collapsed {
    padding: 0 !important;
  }
  .gotquestions button.accordion-button.collapsed {
    height: 70px;
    padding: 0 40px;
  }
  .gotquestions .accordion-item:not(:first-of-type) {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
    border-radius: 40px !important;
  }
  .gotquestions .accordion-button {
    &:not(.collapsed) {
      box-shadow: none !important;
    }
    &:hover {
      z-index: 2;
    }
    &:focus {
      box-shadow: none !important;
      outline: none !important;
      z-index: 3;
    }
  }
  .gotquestions .accordion-button:after {
    background-image: url(/images/plus.svg?4f5e0134d23a7fd54ef3ddc5d41c44b1);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    position: absolute;
    transform: rotate(-180deg);
    width: 12px;
  }
  .gotquestions .accordion-button:not(.collapsed):after {
    background-image: url(/images/minus.svg?7ea4f6987adbc461c9caf51eb4ec3e34);
    background-repeat: no-repeat;
    background-size: contain;
    height: 18px;
    transform: rotate(-180deg);
    width: 18px;
  }
  .container,
  .container-xl,
  .container-xxl {
    max-width: 90% !important;
  }
  #filterpop {
    .filtertext button {
      margin-top: 20px;
    }
  }
  .row_grid {
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 30px;
  }
  .header_bg_image {
    .search-card {
      padding: 10px 20px !important;
    }
  }
  .Travelogue-text {
    color: #fd7714 !important;
    font-family: Readex Pro;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 0 !important;
  }
  .Travelogue-head {
    color: #fff !important;
    font-family: Space Grotesk;
    font-size: 48px !important;
    font-weight: 500;
  }
  .exploreBtn {
    background-color: transparent !important;
    border: 1px solid #fff;
    border-radius: 20px !important;
    color: #fff;
    font-size: 12px !important;
    padding: 8px 20px;
  }
  .Travelogue-content {
    color: #fff;
    font-family: Readex Pro;
    font-size: 20px;
    font-weight: 500;
    line-height: 30.6px;
    padding-bottom: 3%;
    padding-top: 2%;
  }
  .date-text-left {
    color: hsla(0, 0%, 100%, 0.7);
    font-size: 12px;
    font-weight: 300;
  }
  .Travelogue-content-right {
    color: #fff;
    font-family: Readex Pro;
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
  }
  .date-text {
    bottom: 0;
    color: hsla(0, 0%, 100%, 0.7);
    flex-direction: 13px;
    font-weight: 300;
    margin-top: 10px !important;
    position: absolute;
  }
  .client-position {
    font-family: Readex Pro !important;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 22px !important;
  }
  .contact-grid {
    display: grid;
    gap: 40px;
    grid-template-columns: 100% !important;
  }
  .add-read-more .read-less,
  .add-read-more .read-more {
    color: #fd7714;
    cursor: pointer;
    font-size: 10px;
    font-weight: 700;
    margin-left: 2px;
  }
  .add-read-more {
    color: #000;
    font-family: Space Grotesk;
    font-size: 10px !important;
    font-weight: 500;
    height: 160px !important;
    line-height: 20px !important;
    margin: 0 auto;
    max-width: 600px;
    overflow: hidden;
    padding-right: 20px;
    width: 100%;
  }
  .center-image {
    animation: rotateImage 5s linear infinite !important;
    bottom: 41%;
    height: 21ppx !important;
    left: 42%;
    margin-left: -20px !important;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 160px;
    width: 140px !important;
  }
  .team-name {
    font-family: Space Grotesk;
    font-size: 13px;
    font-weight: 700;
  }
  .team-name,
  .team-position {
    color: #fff;
    text-align: center;
  }
  .team-position {
    font-family: Readex Pro;
    font-size: 9px;
    font-weight: 200 !important;
  }
  .benifits-text {
    color: #fd7714 !important;
    font-size: 35px;
    font-weight: 500;
    font-weight: 700;
    line-height: 35px;
  }
  #carbook {
    .breadcrumb {
      font-size: 16px;
    }
    .breadcrumb-end {
      font-size: 16px;
      margin-left: 0;
    }
    .car-head-name {
      font-size: 35px;
    }
    .car-subhead-name,
    .first-review,
    .nav-tabs .nav-link,
    .nav-tabs .nav-link.active {
      font-size: 16px;
    }
    .detail-tab-one {
      font-size: 17px;
    }
    .detail-head {
      font-size: 24px;
    }
    .payment-Policy-up,
    .policy-check {
      font-size: 16px;
    }
    .amount-total {
      font-size: 16px !important;
    }
    .payment-Policy {
      font-size: 14px;
    }
    p.note-content.mt-3 {
      font-size: 17px;
    }
    .pricelist,
    p.note-head {
      font-size: 16px;
    }
    label.date-head {
      font-size: 13px;
    }
    .enddate-input,
    .select-input,
    .startdate-input {
      font-size: 14px;
    }
    .amount-left,
    .amount-right,
    .daysCount,
    .enquiryBtn,
    .rentBtn,
    .total-amount,
    span#totalAmount {
      font-size: 16px;
    }
    .termstext {
      font-size: 15px;
    }
  }
  #filterpop {
    & #filter-car-main {
      .brandname {
        font-size: 16px;
      }
      .brand-content span {
        font-size: 10px;
      }
      .available,
      .car-rate {
        font-size: 16px;
      }
    }
    #accordionfilter button.accordion-button {
      font-size: 18px !important;
    }
  }
  .header_bg_image {
    .mainheading {
      font-size: 55px !important;
    }
  }
  .row_grid {
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: grid;
    grid-template-columns: 50% 50%;
    row-gap: 15px;
  }
  #filterpop {
    .reset,
    .sortby {
      font-size: 16px !important;
    }
    .filtertext button {
      font-size: 18px !important;
      margin-top: 20px;
    }
  }
  .rent-number {
    border-radius: 30px !important;
    color: #fd7714;
    font-family: Space Grotesk;
    font-size: 50px;
    font-weight: 700;
    margin-right: 20px !important;
  }
  .rent-padding {
    position: unset !important;
  }
  .rent-head {
    color: #000 !important;
    font-family: Space Grotesk;
    font-size: 16px;
    font-weight: 700 !important;
    margin-top: 5px !important;
  }
  .rent-content,
  .rent-head {
    margin-bottom: 0 !important;
  }
  .rent-content {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
  }
  .limited-time-section {
    background: #000;
    border-radius: 40px !important;
    padding-top: 4rem;
  }
  .limited-time-section .specific {
    background-color: #242424;
    border-radius: 20px;
    margin-bottom: 20px !important;
    margin-top: 20px;
    padding: 1em;
    text-align: center;
  }
  .couponcard .context p {
    color: #000000b2 !important;
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 12px;
  }
  .coupontill {
    font-size: 14px;
  }
  .couponbutton {
    font-size: 16px;
  }
  #signupModal {
    .signup-main {
      display: grid;
      gap: 0;
      grid-template-columns: 100%;
    }
    .modal-content {
      height: 100%;
    }
    .signup-img {
      background-image: url(/images/signup-img.png);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 25px;
      height: 290px;
      margin: auto;
      overflow: hidden;
      width: 57%;
    }
    .signup-img img {
      display: none;
    }
  }
  .Ourvehicle_testimonials .item .test h5 {
    font-size: 14px;
  }
  h5.text-center.mt-3 {
    font-family: Space Grotesk !important;
    overflow: hidden;
  }
  .nav-tabs .nav-link.active {
    font-size: 18px;
    line-height: 20px;
  }
  .Ourvehicle_testimonials .item .test div.specification {
    font-size: 14px;
  }
  .nav-tabs .nav-link {
    font-size: 14px;
    line-height: 20px;
  }
  .Ourvehicle_testimonials .item .test h5,
  .btn-explore {
    font-size: 18px;
  }
  #customerpage {
    .profile-grid {
      display: grid;
      gap: 70px;
      grid-template-columns: 100%;
    }
  }
  .blog-detail-section2 p {
    font-family: Space Grotesk;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 0 !important;
  }
  #loginModal {
    .modal-dialog {
      max-width: 100%;
      transform: none;
    }
  }
  #logoutModal {
    .logout-caption h5 {
      font-size: 20px;
      margin: 40px auto;
    }
    .logout-content {
      margin-top: 14% !important;
    }
  }
  #indexpage {
    .brand-images1 {
      align-items: center;
      height: 11.5vh;
    }
    .owl-carousel .owl-item .vehicle-fleet-img {
      height: 13vh;
    }
    .rent-img {
      display: none;
    }
  }
  .autocomplete-items {
    top: 47px;
    width: 124%;
  }
  .rent-sec {
    display: block !important;
    margin-top: 0 !important;
  }
  .Rent-margin {
    margin-top: -5%;
  }
  .Rent-margin {
    .hr-line {
      background-color: #ddd !important;
    }
  }
  .Travelogue {
    height: 50vh !important;
  }
  #logoutModal {
    .logout-content {
      margin-top: 120px !important;
    }
  }
  .blog-tavel-main {
    padding: 45px 25px 60px !important;
  }
}
@media (max-width: 410px) {
  .no_items {
    h3 {
      font-size: 15px;
    }
  }
  .limited-time-section .rightblock .img-wrap {
    height: 289px !important;
  }
  #availcars {
    .search-car-sec1 {
      align-items: center;
      display: flex;
      justify-content: center;
    }
  }
  .halfborder {
    height: 300px !important;
  }
  #indexpage {
    .brand-images1 {
      align-items: center;
      height: 12vh !important;
    }
  }
  .owl-carousel .owl-item .vehicle-fleet-img {
    height: 23vh !important;
  }
}
@media (max-width: 699px) {
  .header_bg_image:before {
    display: none;
  }
  .faqcategory {
    margin-top: 15px;
  }
  .footer-contact-img {
    display: block;
  }
  .Rent-margin {
    margin-top: 7%;
  }
  .view-review-Btn {
    font-weight: 900 !important;
    margin-top: 10% !important;
  }
  #terms p {
    color: #000;
    font-family: Space Grotesk;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
  }
  #availcars {
    .modal-profpic {
      .nav-link {
        color: var(--black) !important;
      }
    }
  }
  .ourvehicle-head {
    font-family: Space Grotesk;
    font-size: 24px !important;
  }
  .footer-env-ico {
    font-size: 10px;
  }
  .contact-foot {
    margin: 35px auto !important;
  }
  .footer-last-item {
    order: -1;
  }
  .footer-gulf-list li {
    line-height: 10px;
  }
  .link-footerss {
    font-weight: 500;
  }
  .link-footer,
  .link-footerss {
    color: grey;
    font-size: 16px;
    transition: 0.5s ease;
  }
  .link-footer {
    font-weight: 400;
    line-height: 29px;
  }
  .link-footer:hover,
  .link-footerss:hover {
    color: #dfb698;
    transition: 0.5s ease;
  }
  .footer-flexs {
    align-items: center !important;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
  }
  .footer-margin {
    margin-top: -18px;
  }
  .footer_mar_mob {
    margin-top: 0 !important;
  }
  .footer-content {
    font-family: Readex Pro;
    font-size: 16px !important;
    margin: 14px auto !important;
  }
  .footer-gulf-mission {
    display: none;
  }
  .footer-quicks-gulf {
    color: #000 !important;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 18px;
  }
  .subscribe {
    margin-top: -18px;
  }
  .footer-bg {
    padding: 0 12px !important;
  }
  .copyright {
    color: grey;
    font-size: 14px;
    font-weight: 400;
  }
  .update-popup-btn {
    padding: 14px 56px;
  }
  .popup-head {
    margin-top: 45px;
  }
  .footer-line {
    display: none;
  }
  .blog-hrline {
    padding: 1px 18px;
  }
  #showReviewsModal {
    .reviewProfile {
      display: flex;
      gap: 1rem;
      justify-content: start;
      margin-top: 10%;
    }
  }
  #aboutpage {
    #customers-testimonials .owl-nav {
      bottom: 0 !important;
      display: flex;
      justify-content: center;
      padding-bottom: 19%;
      position: absolute;
      right: 0;
      top: 105% !important;
      transform: translateY(-50%);
      width: 92%;
    }
  }
  #customer-booking {
    .lap-view {
      display: block !important;
      margin-top: 90px !important;
    }
    #reviewModal {
      .modal-content {
        border-radius: 40px !important;
        margin-left: 0;
        padding: 41px !important;
        width: 100%;
      }
      .modal-dialog {
        max-width: 100% !important;
        transform: none;
      }
      .star-rating {
        cursor: pointer;
        font-size: 31px;
      }
      h5.rev-heading1 {
        font-size: 20px !important;
      }
    }
    .firstcol:nth-of-type(odd) {
      border-right: none;
    }
    .booknav {
      ul.nav.mt-3 {
        display: inline-block;
        padding-top: 10px;
      }
      hr {
        display: block;
      }
      .nav li a {
        font-size: 12px;
        padding-right: 0;
      }
    }
    .firstcol:nth-of-type(2n) {
      padding-left: none;
    }
    #cancel-modal {
      .cancel-button {
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: end;
        padding: 13px 18px;
      }
      .cancel-lists {
        padding-bottom: 14%;
      }
    }
    ul.nav.mt-3 {
      gap: 0;
      padding-top: 57px;
    }
    .navbar-toggler img {
      filter: invert(100%);
      height: auto;
      width: 30px;
    }
    li.nav-link.logout-link {
      align-items: center;
      display: flex;
      margin-top: 15% !important;
    }
    .firstcol {
      border-bottom: 1px solid #ccc;
      border-right: none;
      padding-bottom: 5%;
      img {
        width: 100%;
      }
    }
    .car-images {
      margin-top: 5%;
      overflow: hidden;
      padding: 0 !important;
      position: relative;
    }
    #detailsModal {
      .modal-content {
        border-radius: 40px !important;
        padding: 19px !important;
      }
      .modal-dialog {
        max-width: 100% !important;
        transform: none;
      }
      .col-md-6.col-sm-12.mt-2.pro-book-sec {
        padding-left: 3%;
      }
      .firstbook {
        border-bottom: 1px solid #ccc;
        border-right: none;
      }
      h5.modal-heading {
        margin-top: 3%;
      }
    }
    #detailsModals {
      .modal-content {
        border-radius: 40px !important;
        padding: 19px !important;
      }
      .modal-dialog {
        max-width: 100% !important;
        transform: none;
      }
      .col-md-6.col-sm-12.mt-2.pro-book-sec {
        padding-left: 3%;
      }
      .firstbook {
        border-bottom: 1px solid #ccc;
        border-right: none;
      }
      h5.modal-heading {
        margin-top: 3%;
      }
    }
    .showdetailsbtn.mt-4 {
      flex-direction: column;
      .details,
      .details-cancel {
        width: 100%;
      }
      a.details-cancel {
        text-align: center;
      }
    }
    #cancel-modal {
      .modal-content {
        border-radius: 40px !important;
        padding: 22px !important;
      }
      .modal-dialog {
        max-width: 100% !important;
        transform: none;
      }
    }
  }
  #carbook {
    #paynow {
      .modal-dialog {
        max-width: 100% !important;
        transform: none;
      }
    }
    .detail-border {
      .nav-tabs .nav-link {
        font-size: 12px !important;
        text-wrap: nowrap;
      }
      #carviewModal {
        .modal-dialog {
          padding-top: 50% !important;
        }
      }
    }
    #showReviewsModal {
      .modal-dialog {
        max-width: 100% !important;
        transform: none;
      }
    }
    #rtnwid {
      .modal-dialog {
        max-width: 100% !important;
        transform: none;
      }
      .col-md-6.col-sm-12 {
        padding-left: 0;
      }
      .deliverycontentright {
        font-weight: 700;
      }
      .deliverycontent,
      .deliverycontentright {
        color: #000;
        font-family: Space Grotesk;
        font-size: 12px;
        line-height: 35.42px;
        text-align: left;
      }
      .deliverycontent {
        font-weight: 400;
      }
      .deliveryHead {
        color: #000;
        font-family: Space Grotesk;
        font-size: 20px;
        font-weight: 700;
        line-height: 35.73px;
        text-align: left;
      }
      .for-rightborder2 {
        border-left: none;
        border-top: 1px solid #d9d9d9;
        padding-left: 7%;
        padding-top: 15%;
      }
    }
  }
  p.popup-Label.text-center {
    border-top: 1px solid #e0e0e0;
    margin-top: 10%;
    padding-top: 10%;
  }
  .footer-condition {
    flex-direction: column;
    margin-bottom: 100px;
    margin-top: 10px;
  }
  .footer-heading {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    margin-top: 41px !important;
  }
  .footer-contact {
    font-size: 17px !important;
  }
  .footer-grid {
    grid-template-columns: 100% !important;
    margin-top: 47px !important;
  }
  #indexpage {
    .typecar.row {
      align-items: center;
      display: flex;
      margin: 0 !important;
    }
    .testimonial-gap {
      padding: 0.3rem;
    }
    .expall {
      margin-bottom: 10px !important;
      margin-top: 2px;
    }
    .brand-img1 img {
      height: 32px;
      width: 74px;
    }
    .brand-images1 {
      align-items: center;
      background-color: #edebea;
      border-radius: 25px;
      height: 13vh;
      margin: 5px 0;
      padding: 15px 32px 1px;
    }
    .owl-carousel .owl-item .our_brand-img {
      display: block;
      height: 5vh;
      -webkit-transform-style: preserve-3d;
    }
  }
  h1 {
    color: var(--white);
    font-size: 36px;
    font-weight: 700;
    line-height: 46.8px;
  }
  .mobile-btn {
    display: block !important;
  }
  .bscreen-btn {
    display: none !important;
  }
  .gulfmenu {
    background: url(/images/menu.png?b9174ae3987b8b44b1159eb68772d354) no-repeat;
    height: 24px;
    padding: 10px 0;
    width: 24px;
  }
  .navbar-toggler,
  .navbar-toggler-icon:focus,
  .navbar-toggler:active,
  .navbar-toggler:focus {
    border: none;
    box-shadow: none;
    outline: none;
  }
  .showall {
    background-color: var(--orange) !important;
    border: none;
    border-radius: 30px;
    color: var(--white);
    font-size: 14px;
    padding: 10px;
    width: 80px;
  }
  .bannerflex {
    display: grid;
    grid-template-columns: 100%;
    position: relative;
  }
  .leftcolumn {
    bottom: 60px;
    position: absolute;
  }
  .bannerleft-content {
    height: auto;
    margin-left: 0 !important;
  }
  .bannercard {
    border: 5px solid #f4f1ee;
    margin-left: 6% !important;
    margin-right: 6% !important;
    padding: 2px 20px !important;
  }
  .searchBtn {
    background-color: transparent;
    color: #000;
    font-size: 16px;
    height: 28px;
    margin-left: 0;
    padding: 4px;
    width: 28px;
  }
  nav#nav-fixed {
    padding: 1px 24px !important;
  }
  .navbar {
    top: 10px;
  }
  .fixed-top,
  .scrolled .navbar {
    top: 0;
  }
  .homebanner {
    margin-top: 10px !important;
    -o-object-fit: cover;
    /* height: 550px !important; */
    object-fit: cover;
  }
  input#myInput {
    background-color: #fff !important;
    font-family: Space Grotesk !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 21px !important;
  }
  .privacy_policy,
  .terms_condition {
    color: grey;
    font-size: 14px;
    font-weight: 400;
  }
  #collapsibleNavbar {
    button.dropdown-item {
      padding: 11px 14px;
    }
    a.dropdown-item {
      padding: 10px 15px;
    }
  }
  img.upload-img-btn {
    border-radius: 50%;
    height: 30px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 30px;
  }
  .blog-img {
    align-items: center;
    background: #fff;
    border-radius: 30px;
    display: flex;
    gap: 0.5rem;
    padding: 2px 10px 2px 4px;
  }
  #prof-img {
    .modal-dialog {
      align-items: flex-start;
      border-radius: 30px;
      left: 27%;
      margin-top: 7%;
      max-width: 55% !important;
      padding-top: 0 !important;
      transform: none;
    }
    .prof-lap-head {
      display: block;
      gap: 20px;
    }
    .modal_cls {
      display: none;
    }
    .modal-content {
      border-radius: 30px;
      padding: 20px;
    }
    i.fa-solid.fa-arrow-right-from-bracket {
      rotate: 180deg;
    }
  }
  .modal-profpic {
    img {
      border-radius: 50%;
      height: 70px;
      width: 70px;
    }
    button {
      background: var(--orange);
      border: none;
      color: #fff;
      font-size: 12px;
      padding: 3px 11px;
    }
    button,
    h6.mb-3 {
      font-weight: 300;
    }
    h6.mb-3 {
      font-size: 13px;
    }
    h4.mt-3,
    h6.mb-3 {
      font-family: Space Grotesk !important;
    }
    h4.mt-3 {
      font-weight: 600;
      margin-top: 5% !important;
    }
    a.nav-link {
      align-items: center;
      color: #000 !important;
      display: inline-flex;
      font-size: 18px;
      font-weight: 300 !important;
      gap: 1rem;
      justify-content: center;
      margin-top: 3%;
      h6 {
        font-size: 12px;
        font-weight: 300;
        margin-top: 13%;
      }
    }
  }
  #carbook {
    & #rtnwid {
      .modal-content {
        border-radius: 40px !important;
        padding: 34px !important;
      }
    }
  }
  #mobileModal {
    .modal-content {
      border-radius: 22px;
      margin-top: -3%;
      padding: 24px;
    }
    .singnup-contents {
      margin-top: 10%;
    }
    .menuhead {
      align-items: center;
      display: flex;
      gap: 1rem;
      margin-top: 12%;
    }
    img.upload-img-btn {
      border-radius: 50%;
      height: 50px;
      width: 50px;
    }
    .modal-content {
      border: none;
      box-shadow: none;
      height: 100%;
      padding: 17px !important;
    }
    .modal-dialog {
      background: #fff;
      border-radius: 30px;
      margin-left: 21%;
      margin-right: -7px;
      margin-top: 0;
      max-height: 100%;
      max-width: 100% !important;
      min-height: 100% !important;
      transform: none;
    }
    .dropdown-toggle:after {
      margin-left: 63% !important;
    }
    ul.nav {
      flex-direction: column;
      margin-top: 6%;
    }
    #navbarDropdown4:after {
      margin-left: 59% !important;
    }
    a#navbarDropdown1:active {
      background-color: var(--orange);
      border-radius: 9px;
      color: #fff !important;
      font-weight: 300 !important;
      padding-top: 5px;
    }
    .nav-link:focus,
    a#navbarDropdown1:focus {
      background-color: var(--orange);
      border-radius: 9px;
      color: #fff !important;
      font-weight: 400 !important;
      padding: 15px 10px 15px 19px;
    }
    ul#brandsDropdown {
      background: #f9f9f9;
      border-radius: 30px;
      margin-bottom: 20%;
      margin-left: 0;
      margin-top: 1%;
      padding-top: 15px;
    }
    .dropdown-item {
      color: #111628;
      font-family: Space Grotesk;
      font-size: 16px;
      font-weight: 500;
      line-height: 35px;
      padding: 7px;
    }
    .dropdown-item:focus {
      color: var(--orange);
    }
    .support-list,
    button.brand-item {
      font-family: Readex Pro;
      font-weight: 200;
    }
    button.dropdown-item:hover {
      color: var(--orange) !important;
    }
    a#navbarDropdown1,
    i.nav-item {
      font-family: Space Grotesk;
      font-weight: 500 !important;
    }
    i.nav-item {
      margin-top: 2%;
    }
    .nav-link {
      color: #000 !important;
      font-family: Space Grotesk;
      font-weight: 500 !important;
      margin-top: 3%;
    }
    h4.mt-3 {
      font-size: 20px;
      font-weight: 600;
    }
    h4.mt-3,
    p.mb-3 {
      font-family: Space Grotesk;
      text-decoration: none !important;
    }
    p.mb-3 {
      margin-top: -6%;
    }
    #supportDropdown {
      background: #f7f6f6;
      border-radius: 30px;
      margin-left: 3%;
      margin-top: 7%;
      padding-top: 9px;
      li {
        display: flex;
        flex-direction: column;
      }
    }
    .logout-link {
      align-items: center;
      display: flex;
      gap: 1rem;
    }
    li.nav-link.logout-link {
      display: flex;
      flex-direction: row !important;
      margin-top: 15% !important;
    }
    i.fa-solid.fa-arrow-right-from-bracket {
      rotate: 180deg;
    }
    h6.logout-menu {
      font-size: 17px;
      font-weight: 500;
    }
    .container-class h4,
    .container-class p {
      text-decoration: none;
    }
    .btn-close:active {
      box-shadow: none;
    }
  }
  #indexpage {
    .img-wrap {
      padding: 0 !important;
    }
  }
  #customers-testimonials-barber {
    .img-wrap {
      border: 1px solid #d8d9da !important;
      border-radius: 29px !important;
      margin: auto 4px !important;
      padding: 26px 16px !important;
    }
  }
  #indexpage {
    .namebrand {
      font-size: 14px;
    }
    #brand_type {
      margin-top: 10%;
    }
  }
  #indexpage {
    & #popular-brands {
      .mainheading {
        font-family: Space Grotesk;
        font-size: 24px;
        font-weight: 700;
        margin-top: 10%;
        padding-left: 11px !important;
        text-align: left !important;
      }
    }
  }
  #indexpage {
    .brand-images1 p {
      font-size: 11px;
      font-weight: 600;
      line-height: 30px;
    }
  }
  #indexpage {
    .owl-carousel {
      margin: auto auto 26px;
      width: 100%;
    }
  }
  .container,
  .container-xl,
  .container-xxl {
    max-width: 90% !important;
  }
  .veh-container-mob.container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
    padding-left: 30px;
    padding-right: 0;
  }
  .flash-head {
    font-family: Space Grotesk;
    font-weight: 700;
    letter-spacing: -0.06em;
    line-height: 31px;
    margin-bottom: 2% !important;
  }
  .gotquestions .accordion-button:not(.collapsed) {
    background-color: #fd7714;
    border-radius: 20px !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
    color: #fff;
    height: auto !important;
    padding: 5% 4%;
  }
  .gotquestions .accordion-header {
    background: #fff9f4 !important;
    margin: 5px !important;
    padding: 0 !important;
  }
  .gotquestions .accordion-body {
    font-size: 14px;
    font-weight: 300;
  }
  .gotquestions .accordion-button {
    align-items: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #000;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    overflow-anchor: none;
    padding: 1.15rem 1.5rem;
    position: relative;
    text-align: left;
    transition: 0.15s ease-in-out, 0.15s ease-in-out, 0.15s ease-in-out,
      0.15s ease-in-out, 0.15s ease;
    width: 100%;
  }
  .gotquestions .accordion-item {
    background-color: transparent !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 20px !important;
  }
  .gotquestions .accordion-button .collapsed {
    padding: 0 !important;
  }
  .gotquestions button.accordion-button.collapsed {
    padding: 4px 40px 5px 15px;
  }
  .gotquestions .accordion-item:not(:first-of-type) {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.125) !important;
    border-radius: 20px !important;
  }
  .gotquestions .accordion-button {
    &:not(.collapsed) {
      box-shadow: none !important;
    }
    &:hover {
      z-index: 2;
    }
    &:focus {
      box-shadow: none !important;
      outline: none !important;
      z-index: 3;
    }
  }
  .gotquestions .accordion-button:not(.collapsed):after {
    background-image: url(/images/minus.svg?7ea4f6987adbc461c9caf51eb4ec3e34);
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    transform: rotate(-180deg);
    width: 20px;
  }
  .gotquestions .accordion-button:after {
    background-image: url(/images/plus.svg?4f5e0134d23a7fd54ef3ddc5d41c44b1);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 12px;
    position: absolute;
    right: 1rem;
    transform: rotate(-180deg);
    width: 12px;
  }
  .gotquestions .accordion-body {
    background: #fff9f4 !important;
    border-radius: 40px !important;
    color: #000000cc;
    font-family: Readex Pro, Arial, sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 5px;
    padding: 0.15rem 1.5rem 1rem;
    text-align: left;
  }
  .row.mess-main.mt-5 {
    margin-top: 11% !important;
  }
  #carbook {
    div#butact {
      display: flex;
      justify-content: space-around;
    }
    i#pricdetcls,
    i#rentnowcls {
      display: block;
    }
    .car-grid-container {
      display: grid !important;
      gap: 20px;
      grid-template-columns: 100%;
    }
    .car-image-right {
      display: none;
    }
    .detail-grid,
    .requirement-grid {
      display: grid;
      grid-template-columns: 100%;
    }
    .requirement-grid {
      gap: 40px;
    }
    .nav li {
      display: flex;
      flex-direction: column;
      margin-right: 3px;
    }
    ul#myTab {
      border: none;
      flex-wrap: nowrap;
      margin-left: 0.5%;
      row-gap: 13px;
      gap: 0;
    }
    .detail-tab-one {
      color: #000;
      font-family: Space Grotesk !important;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.02em;
      line-height: 27px;
      margin-top: 30px !important;
      opacity: 80%;
      text-align: left;
    }
    .nav-tabs .nav-link {
      padding: 5px 15px !important;
    }
    .payment-Policy-up {
      font-size: 14px;
      font-weight: 400;
    }
    .nav-tabs .nav-link.active {
      padding: 5px 15px !important;
    }
    .price-card {
      background-color: #fff9f4;
      border-radius: 0;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07),
        0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07),
        0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
      display: flex;
      flex-direction: column;
      height: 100%;
      left: 0;
      overflow: auto;
      position: fixed;
      top: 0;
      transform: translateY(200%);
      transition: transform 0.8s ease;
      width: 100%;
      z-index: 10 !important;
    }
    .price-card.pricmodal {
      transform: translateY(0);
    }
    .detail-section {
      align-items: center;
      background-color: #fff;
      border: 1px solid #fff;
      box-shadow: 0 4px 16px rgba(17, 17, 26, 0.1),
        0 8px 32px rgba(17, 17, 26, 0.05);
      -moz-column-gap: 20px;
      column-gap: 20px;
      display: flex;
      justify-content: center;
      padding: 10px 20px;
      z-index: 100;
    }
    .detail-section {
      button:first-child {
        background-color: #fff;
        border: 1px solid #fd7714;
        color: #fd7714;
        font-family: Space Grotesk;
        font-size: 14px;
        font-weight: 600;
        padding: 4px 8px !important;
        transition: 0.5s ease;
        transition: 0.5s ease-in-out;
        width: 100% !important;
      }
    }
    .detail-section {
      .gulf_rentnow {
        background-color: #fd7714 !important;
        border: 1px solid transparent !important;
        color: #fff !important;
        font-family: Space Grotesk;
        font-size: 14px;
        font-weight: 600;
        padding: 4px 8px !important;
        transition: 0.5s ease;
        transition: 0.5s ease-in-out;
        width: 100% !important;
      }
    }
    .date-card {
      background-color: #fff9f4;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07),
        0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07),
        0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
      height: 100%;
      left: 0;
      overflow: auto;
      position: fixed;
      top: 0;
      transform: translateY(200%);
      transition: transform 0.8s ease;
      width: 100%;
      z-index: 10;
    }
    .date-card.datmodal {
      transform: translateY(0);
    }
    .owl-stage-outer {
      margin-left: -25px;
    }
    .specification-grid {
      display: grid;
      gap: 0;
      -moz-column-gap: 1px;
      column-gap: 1px;
      grid-template-columns: 33% 33% 33%;
      margin-left: 0;
      margin-top: 25px;
      row-gap: 0 !important;
    }
    .specification-subhead {
      color: #00000080;
      font-family: Space Grotesk;
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -0.04em;
      line-height: 16.2px;
      text-align: left;
    }
  }
  #carviewModal {
    .slides img {
      height: 240px !important;
    }
    .nextContainer {
      right: -16px !important;
      top: 183px !important;
    }
    .prevContainer {
      left: -16px !important;
      top: 183px !important;
    }
    .btn-close {
      margin-right: -30px !important;
    }
    .modal-dialog {
      max-width: 120% !important;
    }
    .slides img {
      border-radius: 30px !important;
      height: 255px;
      width: 327px;
    }
    .modal-dialog {
      padding-top: 50% !important;
    }
  }
  #buttontoback {
    display: none;
  }
  .header_bg_image {
    background-image: none;
    display: block !important;
    height: 30vh;
    margin-top: 75px;
    .mainheading {
      color: #000;
      font-size: 24px !important;
      margin: 0 30px 30px !important;
    }
    .search-sec-icon img {
      border: 1px solid #000;
      border-radius: 50%;
      padding: 10px;
    }
    .search-car-sec1 {
      align-items: center;
      display: flex;
      gap: 10px;
      justify-content: center;
    }
    .search-sec-icon {
      display: block;
      font-size: 20px;
    }
    .search-card {
      display: flex;
      flex-direction: row-reverse;
      justify-content: left;
      padding: 12px 0 12px 4% !important;
      width: 70%;
    }
  }
  .desk_bg {
    background-image: none !important;
  }
  #mob_search_bar {
    display: block !important;
  }
  #availcars {
    .searchBtn {
      .fa {
        font-size: 20px !important;
        font-weight: 500 !important;
      }
    }
    .filter-img {
      border-radius: 20px;
      height: 100%;
      overflow: hidden;
    }
  }
  .filtercard-mobile {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 2px 4px rgba(0, 0, 0, 0.07),
      0 4px 8px rgba(0, 0, 0, 0.07), 0 8px 16px rgba(0, 0, 0, 0.07),
      0 16px 32px rgba(0, 0, 0, 0.07), 0 32px 64px rgba(0, 0, 0, 0.07);
    height: 100% !important;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    transform: translateX(-110%);
  }
  .filtercard-mobile,
  .filtercard-mobile.fltpop {
    transition: transform 0.5s ease-in-out;
    width: 100%;
    z-index: 11111111111111112 !important;
  }
  .filtercard-mobile.fltpop {
    background-color: #fff !important;
    border-radius: 15px !important;
    transform: translateX(0);
  }
  #filterpop {
    .fltcls {
      display: block;
      font-size: 21px;
      position: absolute;
      right: 20px;
      top: 10px;
    }
  }
  #filterpop {
    .filtertext button {
      margin-top: 20px;
    }
  }
  .row_grid {
    -moz-column-gap: 15px;
    column-gap: 15px;
    display: grid;
    grid-template-columns: 100%;
    row-gap: 30px;
  }
  .pagination-column {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 27px;
    justify-content: center;
  }
  .opps-main {
    height: 40vh;
  }
  .opps-section img {
    height: 135px;
  }
  .blog-arrange {
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .blog-arrange:before {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.4) 28.48%,
      rgba(0, 0, 0, 0.2)
    );
    border-radius: 25px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .blog-position {
    z-index: 3;
  }
  .date-text {
    bottom: 0;
    color: hsla(0, 0%, 100%, 0.7);
    flex-direction: 13px;
    font-weight: 300;
    margin-top: 10px !important;
    position: relative;
  }
  .content-inside-image {
    background-color: transparent;
    color: #000;
    padding: 0;
    position: static;
    text-align: center;
  }
  .single-line-trim {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
  }
  .blog-position {
    position: absolute !important;
    top: 20px !important;
    width: 120px !important;
  }
  .blog-tavel-main {
    border-radius: 30px !important;
    margin-top: 70px;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .blog-margin {
    border: 0.5px solid #898787;
    border-radius: 16px;
  }
  .travel-img {
    border-radius: 10px !important;
    height: 170px !important;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0 !important;
    width: 30vh !important;
  }
  .mobiflex {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    .row {
      margin: 8px 0 !important;
    }
  }
  .blog-tavel-main {
    background-color: #000;
    border-radius: 0 !important;
    padding: 30px 5px 40px !important;
    .container {
      max-width: 100% !important;
    }
  }
  .hidelast {
    display: none !important;
  }
  .Travelogue {
    border: 0.5px solid #898787;
    border-radius: 30px;
    height: 335px !important;
    padding: 5px;
    width: 100% !important;
  }
  .mt-class {
    margin-top: 0 !important;
  }
  .Travelogue-content-right {
    font-size: 14px !important;
    margin-top: 15% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;
    width: 130px;
  }
  .exploreBtn {
    background-color: transparent !important;
    border: 1px solid #fff;
    border-radius: 20px !important;
    color: #fff;
    font-size: 10px !important;
    padding: 1px 12px !important;
  }
  .explore {
    background-color: var(--orange) !important;
    border: none;
    border: 1px solid transparent !important;
    border-radius: 30px;
    color: var(--white);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 20.42px;
    margin-top: 20px;
    padding: 10px;
    text-transform: none;
    width: 120px;
  }
  .explore,
  .explore:hover {
    transition: 0.5s ease-in-out;
  }
  .explore:hover {
    background-color: #fff !important;
    border: 1px solid var(--orange) !important;
    color: var(--orange) !important;
  }
  .btn:active {
    color: #fff !important;
  }
  .explorewrap {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  .Travelogue-head {
    color: #fff !important;
    font-family: Space Grotesk;
    font-size: 24px !important;
    font-weight: 500;
  }
  #filterpop {
    & #filter-car-main {
      .brandname {
        font-size: 16px;
        font-weight: 400;
        margin: 13px auto 0;
        overflow: hidden;
        text-align: left;
        text-wrap: nowrap;
      }
      .brand-content span {
        font-size: 11px;
      }
      .car-rate {
        font-size: 14px;
        margin: 10px auto;
      }
      .available {
        font-size: 16px !important;
      }
    }
  }
  .row_grid {
    -moz-column-gap: 10px;
    column-gap: 10px;
    grid-template-columns: 48% 48%;
    row-gap: 20px;
  }
  #filterpop {
    & #filter-car-main {
      .card img {
        border-radius: 1.5rem;
        height: 200px;
        -o-object-fit: fill;
        object-fit: fill;
      }
    }
  }
  #filterpop {
    & #filter-car-main {
      .brand-content {
        background-color: transparent;
        letter-spacing: -1px;
        overflow: hidden;
        padding: 0;
        text-align: center;
        text-wrap: nowrap;
      }
      .fea-dot {
        font-size: 5px;
        transform: translateY(0) translateX(4px);
      }
    }
  }
  #filterpop {
    #accordionfilter button.accordion-button,
    .reset,
    .sortby {
      font-size: 16px !important;
    }
  }
  #filterpop {
    & #filter-car-main {
      .card {
        padding: 10px 10px 5px;
      }
    }
  }
  #filterpop {
    .filtertext button {
      font-size: 16px !important;
      margin-top: 20px;
    }
  }
  .others-card {
    font-weight: 700 !important;
    padding: 21px 1% 78px 27px !important;
  }
  .offers_section .container {
    margin-right: 3%;
    max-width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    width: 90% !important;
  }
  .offers_section {
    .flash-head {
      margin-top: 15%;
      text-align: left;
    }
    .flash-head,
    .flash-sec {
      padding-left: 10px;
    }
  }
  #offers-section-testimonials {
    .col-12 {
      min-height: 1px;
      padding-left: 0;
      padding-right: 10px;
      position: relative;
      width: 100%;
    }
  }
  .testimonialone .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 0;
    width: 100% !important;
  }
  #customers-testimonials .owl-nav {
    bottom: 0 !important;
    display: flex;
    justify-content: center;
    left: 9%;
    position: absolute;
    top: 100% !important;
    transform: translateY(-50%);
    width: 86%;
  }
  #customers-testimonials .owl-nav .owl-prev {
    left: 30%;
  }
  #customers-testimonials .owl-nav .owl-next,
  #customers-testimonials .owl-nav .owl-prev {
    align-items: center;
    background-color: rgba(253, 119, 20, 0.15);
    border: none !important;
    border-radius: 50% !important;
    color: #000;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    margin-top: -30px;
    position: absolute !important;
    width: 40px;
  }
  #customers-testimonials .owl-nav .owl-next {
    right: 35%;
  }
  .add-read-more {
    font-size: 10px !important;
    height: 154px !important;
    line-height: 17px !important;
    margin: 10px 0 !important;
    width: 100% !important;
  }
  .add-read-more .read-less,
  .add-read-more .read-more {
    color: #fd7714;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    margin-left: 2px;
  }
  .testmon {
    margin-top: 10px !important;
  }
  p {
    font-size: 14px;
  }
  .update-name-popup {
    .p-5 {
      padding: 1rem !important;
    }
  }
  .client-name {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 30px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .client-position {
    font-family: Readex Pro !important;
    font-size: 12px !important;
    font-weight: 400;
    line-height: 22px !important;
  }
  .owl-nav {
    margin-top: 10% !important;
  }
  .benifits-bg {
    border-radius: 0 !important;
  }
  .mt-5 {
    margin-top: 0 !important;
  }
  .address-top {
    margin-top: 6% !important;
  }
  .benifits-img {
    display: grid;
    gap: 20px;
    grid-template-columns: 40% 40% !important;
    justify-content: center;
    margin-bottom: 70px !important;
    margin-top: 50px;
  }
  .center-image {
    bottom: 78% !important;
    left: 39% !important;
    width: 110px !important;
  }
  .benifits-text {
    color: #fd7714 !important;
    font-size: 24px;
    font-weight: 500;
    font-weight: 700;
    line-height: 35px;
  }
  .rectangle-img {
    display: block;
    height: auto;
    margin: auto;
    width: 170px;
    width: 100% !important;
  }
  .benifits-img .mt-5 {
    margin-top: 0 !important;
  }
  .rent-number {
    border-radius: 30px !important;
    color: #fd7714;
    font-family: Space Grotesk;
    font-size: 50px;
    font-weight: 700;
    margin-right: 20px !important;
  }
  .rent-sec {
    display: flex;
    margin-top: 0 !important;
  }
  .rent-head {
    color: #000 !important;
    font-family: Space Grotesk;
    font-size: 16px;
    font-weight: 700 !important;
    margin-top: 5px !important;
  }
  .rent-content,
  .rent-head {
    margin-bottom: 0 !important;
  }
  .rent-content {
    color: #000;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
  }
  .rent-sec {
    display: block !important;
  }
  .rent-img {
    display: none !important;
  }
  .rent-padding {
    position: unset !important;
  }
  .hr-line {
    background-color: #ddd !important;
    margin: 20px 3px !important;
  }
  .limited-time-section {
    background: #000;
    border-radius: unset !important;
    margin: 10% 0 0 !important;
    padding: 40px 20px !important;
  }
  .limitheadmobile h3.subhead {
    color: #fff;
    font-family: Space Grotesk;
    font-size: 16px !important;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
  }
  .limitheadmobile a,
  .limitheadmobile h3.subhead {
    text-decoration: none !important;
  }
  .limited-time-section .brandname {
    color: #fd7714;
    font-size: 20px;
    font-weight: 600;
  }
  .limited-time-section .specific {
    display: none !important;
  }
  .limited-time-section.specific div .shades {
    background: #000;
    border: 0 !important;
    box-shadow: none !important;
  }
  span.subhead {
    color: #fff;
    font-family: Space Grotesk !important;
    font-size: 14px;
    font-weight: 700;
  }
  .limited-time-section .rightblock {
    padding-left: 3%;
  }
  span.content {
    color: #ffffff80;
    font-family: Space Grotesk !important;
    font-size: 14px;
    font-weight: 500;
  }
  .limited-time-section .specific.shades p .text {
    font-family: Space Grotesk !important;
    padding: 5px 20px;
    text-align: start;
  }
  .limited-time-section p.content {
    color: #fff !important;
    font-family: Space Grotesk !important;
    font-size: 14px;
    font-weight: 400;
  }
  .limited-time-section .button {
    background-color: #fd7714;
    border: 1px solid #fd7714;
    border-radius: 50px;
    color: #fff !important;
    font-family: Space Grotesk !important;
    padding: 8px 16px;
  }
  .limited-time-section .rightblock .img-wrap {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 35px;
    bottom: 0;
    height: 315px;
    margin: 0 !important;
    right: -2px;
    top: 2px;
    width: 99%;
  }
  .limited-time-section p.content {
    max-width: 75% !important;
    -webkit-line-clamp: 3;
    line-height: 33px !important;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.5 !important;
    margin-top: 33px !important;
    max-height: 4.5em;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .limited-time-section .rightblock .img-wrap .limit-image {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 100%;
  }
  .limited-time-section .rightblock .top-right {
    padding: 20px 0;
    position: absolute;
    right: 16px;
    text-align: end;
    top: 8px;
  }
  .limited-time-section .rightblock .top-right p {
    font-size: 22px;
    font-weight: 700;
    line-height: 34px;
  }
  .limited-time-section .rightblock .img-wrap {
    color: #fff;
    position: relative;
    text-align: center;
  }
  .limited-time-section .rightblock .bottom-left {
    background: #924f1e;
    border-radius: 20px;
    bottom: 20px;
    left: 20px;
    padding: 15px;
    position: absolute;
  }
  .halfborder {
    border: 2px solid #fff;
    border-radius: 41px !important;
    height: 326px;
    width: 100% !important;
  }
  .limited-time-section .rightblock .bottom-left .offer {
    font-size: 14px;
    font-weight: 500;
    line-height: 15.4px;
    text-align: start;
  }
  .limited-time-section .rightblock .bottom-left .percentage {
    font-size: 14px;
    font-weight: 700;
    line-height: 15.4px;
    margin: 10px 0 !important;
    padding: 0 !important;
    text-align: start;
  }
  .limited-time-section .rightblock .bottom-left .validity {
    color: #ffffff99;
    font-size: 13px !important;
    margin: 0 !important;
    text-align: start;
  }
  .limited-time-section .mbl-view {
    display: none;
  }
  .button-booknow {
    background-color: #fd7714 !important;
    border: 1px solid #fd7714 !important;
    color: #fff;
    font-size: 12px;
    padding: 9px 18px !important;
    text-decoration: none !important;
  }
  .button-booknow,
  .button-booknow:hover {
    border-radius: 30px;
    font-family: Space Grotesk;
  }
  .button-booknow:hover {
    color: #fff !important;
    font-size: 20px;
  }
  .offer-start1 {
    order: 2;
    padding-right: 5% !important;
    a {
      text-decoration: none !important;
    }
  }
  .col-lg-5.col-md-5.rightblock {
    margin-top: 3%;
  }
  #limited-time .owl-nav {
    align-items: center;
    bottom: -20px !important;
    display: flex;
    justify-content: center;
    margin-top: 5rem !important;
    position: relative;
    top: 100% !important;
    transform: translateY(-50%);
    width: 100%;
  }
  #limited-time .owl-nav.disabled .owl-next:hover,
  #limited-time .owl-nav.disabled .owl-prev:hover {
    background-color: #fff;
    color: #726d6d !important;
    cursor: text;
  }
  #limited-time .owl-nav .owl-next:hover,
  #limited-time .owl-nav .owl-prev:hover {
    background-color: #fd7714;
    color: #fff !important;
  }
  #limited-time .owl-nav .owl-next {
    margin-left: 80px;
  }
  #limited-time .owl-nav .owl-next,
  #limited-time .owl-nav .owl-prev {
    align-items: center;
    background-color: #fff;
    border: none !important;
    border-radius: 50% !important;
    color: rgba(19, 26, 41, 0.3) !important;
    display: flex;
    font-size: 20px;
    height: 45px;
    justify-content: center;
    margin-top: -60px;
    position: absolute !important;
    width: 45px;
  }
  #limited-time .owl-nav .owl-prev {
    margin-right: 80px;
  }
  .limitheadmobile {
    display: block;
  }
  .limithead {
    display: none;
  }
  .flash-head {
    font-size: 24px !important;
    margin-top: 25px;
  }
  .normal-view {
    display: block !important;
  }
  .lap-view {
    display: none !important;
  }
  .couponcard {
    align-content: center;
    background-color: transparent;
    border: 2px solid #00000026;
    border-radius: 35px;
    color: #000;
    line-height: 1rem;
    padding: 3% 0 !important;
  }
  .flash-sec {
    color: #fd7714 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 0.5px !important;
    margin-bottom: -10% !important;
    padding-top: 10px;
    text-align: left !important;
  }
  button.copied {
    border: 1px solid #fd7714 !important;
    transition: all 0.5s;
  }
  .offers_section .couponcard h4,
  button.copied {
    font-size: 14px;
  }
  .ticket .ticket-head {
    font-size: 13px;
  }
  .ticket .couponcode {
    font-size: 16px;
  }
  .couponcard .context p,
  .coupontill {
    font-size: 13px;
  }
  .couponbutton {
    font-size: 14px;
  }
  #signupModal {
    .signup-main {
      display: grid;
      gap: 0;
      grid-template-columns: 100%;
    }
    .modal-content {
      height: 100%;
    }
    .signup-img {
      background-image: url(/images/signup-img.png);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 25px;
      height: 255px;
      margin: auto;
      overflow: hidden;
      width: 100%;
    }
    .signup-img img {
      display: none;
    }
    .modal-body {
      padding: 61px 0 7px !important;
    }
    .signup-heading {
      text-align: center;
    }
  }
  #uploadimgModal {
    .modal-dialog {
      margin-left: 5%;
      max-width: 90% !important;
      transform: none;
    }
  }
  #loginModal {
    .signup-main {
      display: grid;
      gap: 0;
      grid-template-columns: 100%;
    }
    .modal-content {
      height: 100%;
    }
    .signup-img {
      background-image: url(/images/login-img.svg);
      background-position: top;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 25px;
      height: 255px;
      margin: auto;
      overflow: hidden;
      width: 100%;
    }
    .signup-img img {
      display: none;
    }
    .modal-body {
      padding: 61px 0 7px !important;
    }
    .signup-heading {
      text-align: center;
    }
  }
  #forgotmodal {
    .forgot-dialog {
      height: 575px !important;
      margin: 10px auto;
      max-width: 355px !important;
      transform: none;
    }
    .forgot-content {
      font-size: 14px;
    }
    .forgot-password {
      padding: 69px 25px 2px;
    }
    .forgot-btns {
      background-color: #fd7714;
      border: none;
      border-radius: 34px;
      bottom: 16px;
      color: #fff;
      font-family: Space Grotesk !important;
      font-size: 16px;
      font-weight: 700;
      line-height: 25px;
      padding: 15px 39px;
      position: absolute;
      right: 25px;
    }
  }
  .pagination-icon {
    border: none;
    border-radius: 50%;
    padding: 6px 0;
  }
  .Ourvehicle_testimonials .item .test h5 {
    font-size: 12px;
  }
  h5.text-center.mt-3 {
    font-family: Space Grotesk !important;
    overflow: hidden;
  }
  .nav-tabs .nav-link.active {
    line-height: 20px;
  }
  .Ourvehicle_testimonials .item .test div.specification {
    font-size: 12px;
  }
  .nav-tabs .nav-link {
    cursor: pointer !important;
    font-size: 12px;
    line-height: 20px;
  }
  .Ourvehicle_testimonials .item .test h5,
  .btn-explore {
    font-size: 14px;
  }
  #vehicle-tabs {
    margin-bottom: 30px !important;
  }
  .nav-tabs .nav-link.active {
    font-size: 16px !important;
  }
  #your-second-carousel-id .owl-nav {
    display: none !important;
  }
  div#tab-content {
    align-content: center;
    margin-left: 0 !important;
    padding: 0;
  }
  #customerpage {
    .profile-grid {
      display: grid;
      gap: 70px;
      grid-template-columns: 100%;
    }
    #image-preview {
      border-radius: 50% !important;
      height: 100px;
      -o-object-fit: cover;
      object-fit: cover;
      padding: 10px;
      width: 100px;
    }
    .card-grid {
      display: grid;
      grid-template-columns: 50% 50%;
      justify-content: center;
    }
    .profile-section {
      flex-wrap: wrap;
    }
    .customer-label {
      font-size: 14px;
    }
    .customer-content {
      font-size: 16px;
    }
    .profile-bg {
      background: #fff;
      border-radius: 40px;
      padding: 40px 20px;
    }
    .customer-card {
      background-color: transparent;
      border: 1px solid #0000001a;
      border-radius: 30px;
      margin-top: 30px !important;
      padding: 30px 15px;
    }
    .myprof-head1 {
      display: block;
      font-size: 24px;
      padding-bottom: 15px;
      padding-left: 15px;
    }
    .Rent-margin {
      .flash-head {
        text-align: left !important;
      }
    }
    .myprof-head2 {
      display: none;
    }
    .profile-corretion {
      display: flex;
      flex-wrap: wrap;
    }
    .editbtn {
      padding: 8px 24px;
    }
    .customer-content img {
      height: 20px;
      width: 20px;
    }
    .update-img-grid {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: 43%;
      justify-content: center;
    }
    .left-img:after {
      background-color: #00000024;
      content: "";
      display: none !important;
      height: 185px;
      left: 70%;
      position: absolute;
      top: 125px;
      width: 1px;
    }
    .profile-card,
    .profile-card-right {
      height: 104px;
    }
    .contacted-text,
    .contacted-text-right {
      bottom: -73px;
      right: 5px;
    }
  }
  #uploadimgModal {
    .update-popup-btn {
      bottom: 0;
      margin-bottom: 13px;
      padding: 12px 69px;
      padding: 6px 29px !important;
      position: absolute;
      right: 27px;
    }
  }
  .contact-grid {
    grid-template-columns: 100% !important;
  }
  .meet-team {
    font-size: 24px;
  }
  .no-padding {
    padding: 0 !important;
  }
  .team-name {
    font-size: 14px;
  }
  .team-position {
    font-size: 12px;
  }
  .contactus-form {
    background-color: #fff !important;
    padding: 1% 30px 30px !important;
  }
  p.contact-subcontent {
    text-align: center;
  }
  .sendmsg-btn {
    margin-top: 11% !important;
  }
  .term-head {
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    line-height: 30.62px !important;
  }
  .about-heading {
    font-size: 24px;
    margin-top: 15px;
    padding: 0 22px !important;
    text-align: left;
  }
  .about-grid {
    display: grid;
    gap: 30px;
    grid-template-columns: 100%;
    margin-top: 10px;
    padding: 0 20px;
  }
  .abt-text {
    font-size: 20px;
  }
  .aboutus-content {
    font-size: 16px;
  }
  #blog-main {
    .blogs-breadcrumb {
      display: none;
      font-size: 16px;
    }
    .blogs-breadcrumb-span {
      font-size: 16px;
    }
  }
  .blogs-head {
    font-size: 26px;
    line-height: 35px;
    margin-top: 35px !important;
  }
  .blog-date {
    font-size: 16px;
  }
  .blogs-content {
    font-size: 20px;
  }
  .blogs-right-head {
    font-size: 24px;
    margin-bottom: 10px !important;
  }
  .blogs-grid {
    gap: 20px !important;
    grid-template-columns: 100%;
  }
  .blogs-sidehead {
    font-size: 18px;
  }
  .blog-sidehead-date {
    font-size: 16px;
  }
  .category-left {
    font-size: 18px;
  }
  .blogs-card-grid {
    -moz-column-gap: 50px;
    column-gap: 50px;
    display: grid;
    grid-template-columns: 100%;
    margin-bottom: -75px;
    row-gap: 0;
  }
  #blog-main {
    .blogs_bg_image,
    .blogs_bg_image_blog2 {
      height: 250px;
      top: -14px;
    }
  }
  .blogs-card-border {
    height: 220px;
  }
  .blog-img-fluid {
    height: 197px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
  }
  .pagination-column {
    gap: 25px;
    justify-content: center !important;
    margin-top: 8%;
  }
  .blogs-right {
    padding: 36px 22px;
  }
  .pagination-icon {
    height: 33px;
    width: 10px;
  }
  .blog-detail-section2 h2,
  .blog-detail-section2 h3 {
    margin: 10px 0 !important;
  }
  .blog-detail-section2 table {
    overflow-x: auto;
  }
  .blog-detail-img img {
    border-radius: 20px;
    height: 220px;
  }
  .blogs-location {
    font-size: 15px;
  }
  .blog-detail-section2 {
    margin-top: -10px;
  }
  .blogs-grid2 {
    display: grid;
    gap: 46px !important;
    grid-template-columns: 100%;
    margin-top: 50px;
  }
  .blog-detail-section2 strong {
    font-family: Space Grotesk;
    font-size: 15px;
  }
  .blog-detail-section2 p {
    font-family: Space Grotesk;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0 !important;
  }
  .blogs-card-grid2 {
    display: grid;
    gap: 30px !important;
    grid-template-columns: 100%;
  }
  .blogs {
    margin: auto 15px;
  }
  .blog-sidehead-section {
    margin: 35px auto;
  }
  .contact-subcontent {
    font-size: 20px !important;
  }
  .testimonialone {
    margin-top: 80px !important;
  }
  .contact-social-items {
    font-size: 16px !important;
  }
  .owl-carousel .owl-item .vehicle-fleet-img img {
    border-radius: 30px !important;
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .owl-carousel .owl-item .vehicle-fleet-img {
    border-radius: 35px;
    height: 19vh;
    overflow: hidden;
  }
  ul.nav.mt-3 {
    gap: 0;
    padding-top: 57px;
  }
  .firstcol {
    border-bottom: 1px solid #ccc;
    border-right: none;
    padding-bottom: 5%;
    img {
      width: 100%;
    }
  }
  .car-images {
    margin-top: 5%;
    overflow: hidden;
    padding: 0 !important;
    position: relative;
  }
  #detailsModal {
    .modal-content {
      border-radius: 40px !important;
      padding: 19px !important;
    }
    .modal-dialog {
      max-width: 100% !important;
      transform: none;
    }
    .col-md-6.col-sm-12.mt-2.pro-book-sec {
      padding-left: 3%;
    }
    .firstbook {
      border-bottom: 1px solid #ccc;
      border-right: none;
    }
    h5.modal-heading {
      margin-top: 3%;
    }
  }
  #detailsModals {
    .modal-content {
      border-radius: 40px !important;
      padding: 19px !important;
    }
    .modal-dialog {
      max-width: 100% !important;
      transform: none;
    }
    .col-md-6.col-sm-12.mt-2.pro-book-sec {
      padding-left: 3%;
    }
    .firstbook {
      border-bottom: 1px solid #ccc;
      border-right: none;
    }
    h5.modal-heading {
      margin-top: 3%;
    }
  }
  .showdetailsbtn.mt-4 {
    flex-direction: column;
    .details {
      width: 100%;
    }
    a.details {
      text-align: center;
    }
  }
  #cancel-modal {
    .modal-content {
      border-radius: 40px !important;
      padding: 22px !important;
    }
    .modal-dialog {
      max-width: 100% !important;
      transform: none;
    }
  }
  #carbook {
    #paynow {
      .modal-dialog {
        margin: 15px auto;
        max-width: 90% !important;
        transform: none;
      }
      .deliveryHead {
        margin-bottom: 30px !important;
        margin-top: 55px !important;
      }
      .deliverysubhead {
        margin-bottom: 20px !important;
      }
      .form-check {
        margin-bottom: 30px !important;
      }
    }
    #showReviewsModal {
      .modal-dialog {
        max-width: 100% !important;
        transform: none;
      }
    }
    #rtnwid {
      .modal-dialog {
        max-width: 100% !important;
        transform: none;
      }
      .col-md-6.col-sm-12 {
        padding-left: 0;
      }
      .deliverycontentright {
        font-weight: 700;
      }
      .deliverycontent,
      .deliverycontentright {
        color: #000;
        font-family: Space Grotesk;
        font-size: 12px;
        line-height: 35.42px;
        text-align: left;
      }
      .deliverycontent {
        font-weight: 400;
      }
      .deliveryHead {
        color: #000;
        font-family: Space Grotesk;
        font-size: 20px;
        font-weight: 700;
        line-height: 35.73px;
        text-align: left;
      }
      .for-rightborder2 {
        border-left: none;
        border-top: 1px solid #d9d9d9;
        padding-left: 7%;
        padding-top: 15%;
      }
    }
  }
  #carbook {
    .car-image-left {
      border-radius: 30px;
      height: 210px;
      margin-top: 10px !important;
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
    }
    .booking-back-btn {
      display: block;
      font-size: 17px;
    }
    .booking-section {
      font-family: Space Grotesk;
      font-weight: 500;
      margin-top: 100px;
    }
    .booking-back-btn i {
      margin-right: 10px;
    }
    p.payment-Policy {
      align-items: center;
      display: flex;
    }
    .payment-Policy {
      font-family: Readex Pro;
      font-size: 12px;
      font-weight: 300;
      line-height: 16px;
      margin: 0 !important;
      padding: 0 !important;
    }
    .gotquestions .accordion-body {
      background: #fff9f4 !important;
      border-radius: 40px !important;
      color: #000000cc;
      font-family: Readex Pro, Arial, sans-serif !important;
      font-size: 16px;
      font-weight: 300;
      margin-bottom: 5px;
      padding: 0.15rem 3.5rem 1rem 1.5rem;
      text-align: left;
    }
    a {
      text-decoration: none !important;
    }
  }
  .price-pop-block {
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 1px 0 rgba(17, 17, 26, 0.05), 0 0 8px rgba(17, 17, 26, 0.1);
    padding: 20px;
  }
  .peicecard-back-btn {
    display: block;
    font-family: Space Grotesk;
    font-size: 17px;
    font-weight: 500;
    margin: 69px 10px 14px;
  }
  .peicecard-back-btn i {
    margin-right: 5px;
  }
  #datshow {
    .peicecard-back-btn {
      margin: 45px 10px 21px;
    }
    .datecard-popup {
      background-color: #fff;
      border-radius: 30px;
      box-shadow: 0 1px 0 rgba(17, 17, 26, 0.05), 0 0 8px rgba(17, 17, 26, 0.1);
      padding: 20px;
    }
  }
  #carbook {
    .date-card {
      padding: 30px 0;
    }
  }
  .about_bg_image {
    height: 250px !important;
  }
  .abt-color-text {
    font-size: 20px;
  }
  .contact_bg_image {
    height: 250px !important;
  }
  .contact-content {
    font-size: 16px;
  }
  .terms_bg_image {
    background-image: url(/images/term-mbl-bg.svg);
    border-radius: 25px;
    height: 250px !important;
  }
  #homefaq,
  #terms {
    .nav-link {
      color: #000 !important;
    }
  }
  .privacy_bg_image {
    background-position: 0 !important;
  }
  .faq_bg_image,
  .privacy_bg_image {
    height: 250px !important;
  }
  .faq-head h1 {
    font-size: 24px;
  }
  #loginModal {
    .modal-dialog {
      max-width: 90% !important;
      transform: none;
    }
    .signup-heading {
      padding-left: 3px;
      text-align: left;
    }
    .loginbtn1 {
      font-size: 15px;
      padding: 11px 15px;
    }
    .login-mobile {
      padding: 0 25px;
    }
    .account-login {
      display: flex;
      flex-direction: column;
    }
  }
  #signupModal {
    .account {
      color: #11162899;
      float: left;
      font-family: Readex Pro, Arial, sans-serif !important;
      font-size: 12px;
      font-weight: 400;
      text-align: center;
    }
    .signup-logins {
      padding-left: 3px;
    }
  }
  .show-all-gallery {
    bottom: 37px;
  }
  .show-all-gallery {
    button {
      font-size: 14px;
      line-height: 15px;
    }
  }
  .hmsrchbtn {
    background: #fd7714;
    border: none;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    height: 35px;
    width: 35px;
  }
  .profile-hr-lines-2 {
    display: block;
  }
  #customerpage {
    .card-grid {
      gap: 16px;
    }
    .customer-card {
      width: 100%;
    }
    .editbtn {
      display: none;
    }
    .editpencil {
      display: block;
    }
  }
  #customerpage.cus_profile_page .editbtn {
    display: block;
  }
  #customerpage.cus_profile_page .pay_now_but_div {
    display: flex;
    justify-content: flex-end;
  }
  .nav li {
    display: inline-block;
    margin-right: 10px;
  }
  ul#brandsDropdown {
    li {
      display: flex !important;
      flex-direction: column !important;
    }
  }
  #carbook {
    .price-card {
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 0;
      padding: 25px 0;
    }
  }
  .sec-404 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .sec-404 img {
    width: 400px;
  }
  .sec-404 .mini-text {
    font-size: 35px;
  }
  .error404 a.btn {
    font-size: 13px;
    padding: 15px 30px;
    width: -moz-fit-content;
    width: fit-content;
  }
  #contain {
    .autocomplete-items div {
      left: -33px;
      top: 55px;
    }
  }
  .autocomplete-items div strong {
    font-size: 15px;
  }
  #carbook {
    & #carviewModal {
      .owl-carousel .owl-item img {
        border-radius: 15px;
        height: 110px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 299px;
      }
      .owl-carousel .owl-stage {
        height: 130px;
        overflow: hidden;
        position: relative;
      }
    }
  }
  #carbook {
    & #carviewModal {
      .nextContainer,
      .prevContainer {
        height: 35px;
        padding: 5px !important;
        width: 35px;
      }
    }
  }
  #logoutModal {
    .logout-caption h5 {
      font-size: 18px;
      margin: 40px auto;
    }
    .logout-content {
      margin-top: 14% !important;
    }
    .modal-dialog {
      height: 469px !important;
      max-width: 100% !important;
      padding: 10px;
      transform: none;
    }
    .logout-button a {
      color: #000 !important;
    }
  }
  #logoutModal {
    & .logout-button.mt-5 {
      button {
        padding: 11px 35px;
      }
    }
  }
  #carbook {
    .price-content {
      font-size: 20px !important;
      font-weight: 700 !important;
      text-align: left;
    }
  }
  div#contain {
    width: 100%;
  }
  #carbook {
    & #showReviewsModal {
      .rev-main {
        height: 200px;
        overflow-y: scroll;
      }
      .rev-main::-webkit-scrollbar-track {
        background-color: transparent;
      }
      .rev-main::-webkit-scrollbar-thumb {
        background-color: var(--orange);
        border-radius: 4px;
      }
      .rev-main::-webkit-scrollbar-thumb:hover {
        background-color: orange;
      }
      .rev-main::-webkit-scrollbar {
        height: 8px;
        width: 4px;
      }
    }
    .date-grid {
      grid-template-columns: 47% 49%;
    }
    .rentBtn {
      margin-top: 20px;
    }
    .similiar-head {
      font-size: 16px !important;
      font-weight: 600;
    }
    h5.mt-3.similiar-amount {
      font-size: 16px;
      font-weight: 600;
    }
  }
  .about-img-bg {
    height: 269px !important;
  }
  .left-text {
    height: 119px;
    width: 159px;
  }
  .experience {
    font-size: 40px;
    line-height: 30px;
  }
  .experience-text {
    font-size: 15px;
    line-height: 56px;
  }
  .privacy_bg_image {
    background-image: url(/images/mbl-abt-bg.svg);
    border-radius: 25px;
  }
  #uploadNameModal {
    .modal-dialog {
      margin-left: 5% !important;
      max-width: 90% !important;
      transform: none;
    }
  }
  #signupModal {
    .modal-dialog {
      margin-left: 5%;
      max-width: 90%;
      transform: none;
    }
    .signup-mobile {
      padding: 0 25px;
    }
  }
  #signupModal {
    .signup-btn {
      font-size: 15px;
      padding: 11px 15px;
    }
  }
  #blog-main {
    .blogs_bg_image {
      background-image: url(/images/blog-mob-bg.svg) !important;
      top: 0;
    }
    .blogs_bg_image_blog2 {
      background-image: url(/images/blog2-mob-bg.svg) !important;
      top: 0;
    }
  }
  #carbook {
    .owl-carousel .owl-item img {
      height: 145px;
      width: 100%;
    }
    .review-item {
      border-radius: 35px !important;
    }
  }
  .autocomplete-items {
    top: 60px;
    width: 128%;
  }
  #availcars {
    .autocomplete-items {
      left: -44px;
      top: 60px;
      width: 128%;
    }
  }
  #logoutModal {
    .logout-content {
      margin-top: 96px !important;
    }
  }
}
@media (min-width: 1440px) and (max-width: 1620px) {
  #filterpop {
    & #filter-car-main {
      .card img {
        height: 225px;
      }
      .brandname {
        font-size: 20px;
      }
    }
  }
}
.bookedon {
  font-family: Space Grotesk !important;
  font-size: 13px !important;
  font-weight: 700;
}
@media (max-width: 1365px) {
  h4.fordeco.mt-3 {
    font-size: 20px !important;
  }
  #customer-booking {
    .captions p {
      font-size: 10px;
    }
    .bookedon {
      font-family: Space Grotesk !important;
      font-size: 13px !important;
      font-weight: 700;
    }
  }
  #customer-booking {
    .firstcol:nth-of-type(2n) {
      padding-left: 3%;
    }
  }
  .contact-specification-head {
    font-family: Space Grotesk;
    font-size: 13px !important;
  }
  .contact-specification-subhead {
    font-family: Space Grotesk;
    font-size: 14px !important;
  }
  .contactdetails {
    font-size: 13px !important;
    padding: 6px 11px !important;
  }
  h5.rev-heading1 {
    font-size: 20px !important;
  }
  p.exp.mt-2 {
    font-size: 12px !important;
  }
  p.thoughts {
    font-size: 13px !important;
  }
  .yourThoughts {
    .text-area {
      height: 182px !important;
      width: 100%;
    }
    .Thoughts-message {
      height: 159px !important;
    }
  }
  #rtnwid {
    button.btn-close.close {
      margin-left: 106% !important;
    }
  }
  .dropdown-menu {
    left: -145px !important;
    top: 75px !important;
  }
  .aboutus-content {
    font-size: 15px !important;
    font-size: 14px !important;
  }
  .abt-color-text {
    font-size: 26px !important;
  }
  .add-read-more {
    font-size: 14px !important;
  }
  .abt-text {
    color: #000;
    font-family: Space Grotesk;
    font-size: 26px;
    font-weight: 700;
    line-height: 35.73px;
  }
  #logoutModal {
    .logout-content {
      margin-top: 90px !important;
    }
  }
  .footer-quicks-text {
    font-size: 12px !important;
  }
  #collapsibleNavbar {
    .dropdown-menu {
      left: 0 !important;
      top: 35px !important;
    }
  }
  #indexpage {
    .namebrand {
      font-size: 13px;
    }
  }
  #aboutpage {
    .rent-sec {
      display: flex;
      margin-top: 2% !important;
    }
    .rent-content {
      color: #000;
      font-size: 11px !important;
      font-weight: 300;
      line-height: 20px !important;
      margin-bottom: 0 !important;
    }
    .rent-number {
      border-radius: 30px !important;
      color: #fd7714;
      font-family: Space Grotesk;
      font-size: 41px !important;
      font-weight: 700;
      margin-right: 20px !important;
    }
    .rent-head {
      font-size: 20px !important;
    }
  }
}
@media (max-width: 1200px) {
  .dropdown-sec1 {
    width: auto;
  }
  .dropdown-main {
    background-color: #fff;
    border-radius: 30px;
    flex-direction: column;
    width: 270%;
  }
  .dropdown-sec2 {
    padding: 40px 0 40px 58px;
  }
}
.instagram-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.instagram-item {
  border-radius: 10px;
  flex: 0 1 calc(33.33% - 10px);
  margin-bottom: 10px;
  overflow: hidden;
}
.instagram-media {
  border-radius: 10px;
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.category-buttons {
  margin-bottom: 20px;
}
.category-buttons .btn {
  margin-right: 10px;
}
.category-buttons .btn.active {
  background-color: #f60;
  border-color: #f60;
  color: #fff;
}
.faqcategory {
  border-radius: 30px;
  padding: 14px 24px;
}
.model-input-password {
  height: 45px;
  padding-right: 7px;
  width: calc(100% - 40px);
}
.model-input,
.model-input-password {
  background: transparent !important;
  border: none;
  border-radius: 20px;
  color: #000 !important;
  font-family: Space Grotesk;
  font-size: 18px !important;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 27px;
  text-align: left;
}
.model-input {
  height: 40px;
  width: 100%;
}
.model-inputdiv {
  background: #fd771412;
  border: none;
  border-radius: 20px;
  height: 80px;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 10px;
  width: 100%;
}
.model-label {
  color: #11162899;
  font-family: Readex Pro, Arial, sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.04em;
  line-height: 21px;
  text-align: left;
}
.model-signup,
.model-signup-login {
  background-color: #fd7714;
  border: none;
  border-radius: 34px;
  color: #fff;
  font-family: Space Grotesk;
  font-size: 20px;
  font-weight: 700;
  padding: 17px 174px;
}
.contactedon {
  font-size: 16px;
}
.contactedon,
.contactfordeco {
  font-weight: 700;
  text-align: left;
}
.contactfordeco {
  color: #fd7714;
  font-size: 37px;
}
@media (max-width: 576px) {
  .contactspecification-grid {
    display: grid;
    grid-template-columns: 33% 33% 33% !important;
  }
  .contactfordeco {
    color: #fd7714;
    font-size: 22px;
    font-weight: 700;
    text-align: left;
  }
  .contactedon {
    font-size: 13px;
    margin-top: 6%;
  }
  .px-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .contatedview {
    display: flex;
    justify-content: end;
    margin: auto;
  }
  button.contactdetails {
    padding: 10px 30px !important;
  }
}
@media (min-width: 576px) and (max-width: 899px) {
  .contactspecification-grid {
    display: grid;
    grid-template-columns: 33% 33% 33% !important;
  }
}
.contactspecification-grid {
  display: grid;
  grid-template-columns: 20% 20% 20% 23% 17%;
}
.contatedview {
  margin-top: auto;
}
.contactedhr {
  display: block !important;
}
.contact-specification-head {
  color: #000;
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
}
.contact-specification-head,
.contact-specification-subhead {
  font-family: Space Grotesk;
  letter-spacing: -0.04em;
  text-align: left;
}
.contact-specification-subhead {
  color: #00000080;
  font-size: 16px;
  font-weight: 700;
  line-height: 25.2px;
  margin-bottom: 1%;
}
.car-contact-img {
  img {
    height: 250px;
  }
}
.bookbut {
  display: flex;
  justify-content: space-between;
}
.contactdetails {
  background-color: var(--orange);
  border: 1px solid #fd7714;
  border-radius: 25px;
  color: #fff;
  cursor: pointer;
  font-family: Space Grotesk;
  font-size: 12px !important;
  font-weight: 500;
  padding: 6px 11px !important;
}
::-moz-selection {
  background: #fff9f4;
  color: #fd7714;
}
::selection {
  background: #fff9f4;
  color: #fd7714;
}
#dobField::-moz-selection {
  background: #fff9f4 !important;
  color: #fd7714 !important;
}
#dobField::selection {
  background: #fff9f4 !important;
  color: #fd7714 !important;
}
::-moz-selection {
  background: #fff9f4;
  color: #fd7714;
}
.terms_condition_pay {
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.underline {
  text-decoration: underline;
}
#toast-container > .toast-error div,
#toast-container > .toast-success div {
  color: #fff !important;
}
.border-checkbox {
  border: 1px solid #a9a9a9 !important;
}
.blog-cat-float-div {
  background-color: var(--orange);
  border-radius: 0 20px 20px 0;
  color: #fff !important;
  color: var(--white);
  font-weight: 500;
  padding: 3px 10px;
  white-space: nowrap;
}
.blogs-content:hover {
  a {
    color: #fd7714;
  }
  .blog-cat-float-div {
    background-color: #fd7714;
    color: #fff !important;
    transition: 0.5s ease-in-out;
  }
}
.blog-cat-float-div:hover {
  background-color: #000;
  color: #fff !important;
  transition: 0.5s ease-in-out;
}
#cont_nav {
  #collapsibleNavbar .nav-link {
    color: #000 !important;
  }
}
.scrolled .nav-link {
  color: #000 !important;
}
.Travelogue-content-right {
  -webkit-line-clamp: 2;
}
.Travelogue-content-right,
.client-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.client-name {
  -webkit-line-clamp: 1;
}
.accordion,
.gotquestions .accordion-button:not(.collapsed) {
  transition: all 0.3s;
}
.footer-gulf-mission {
  .link-footer {
    cursor: text;
    letter-spacing: 0.5px;
    line-height: 20px;
  }
}
.dropdown-sec2 {
  max-height: 275px;
  overflow-y: scroll;
}
.dropdown-sec2::-webkit-scrollbar {
  display: none;
  width: 3px;
}
.dropdown-sec2 {
  scrollbar-width: none;
}
.dropdown-menu-section {
  max-height: 290px;
}
.brand-dy-data a:hover {
  color: #fd7714 !important;
}
.brand-dy-data a {
  transition: all 0.3s;
}
.grecaptcha-badge {
  opacity: 0;
}
.grecaptcha-badge .grecaptcha-logo {
  display: none;
}
input.form-check-input.border-checkbox:focus {
  box-shadow: none !important;
  outline: none !important;
}
input.form-check-input.border-checkbox {
  box-shadow: none;
}
.vendor-checkbox-input {
  cursor: pointer;
  height: 17px;
  opacity: 0;
  position: absolute;
  top: 2px;
  width: 20px;
  z-index: 11;
}
#rentCarForm .vendor-checkbox-input {
  top: 7px;
}
#loginForm .vendor-checkbox-input {
  top: 2px;
}
.vendor-contain {
  position: relative;
}
.vendor-custom-checkbox {
  background-color: #fff;
  border: 2px solid rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  height: 17px;
  position: relative;
  vertical-align: middle;
  width: 17px;
}
.vendor-checkbox-input:checked + .vendor-custom-checkbox {
  background-color: #fd7714;
  border-color: transparent;
}
.vendor-custom-checkbox:after {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  content: "";
  height: 11px;
  left: 50%;
  position: absolute;
  top: 43%;
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
  transition: transform 0.2s;
  width: 7px;
}
.vendor-checkbox-input:checked + .vendor-custom-checkbox:after {
  transform: translate(-50%, -50%) rotate(45deg) scale(1);
}
.book_check_box {
  align-items: center;
  gap: 8px;
}
span.flatpickr-day.today.selected {
  background: #fd7714;
  border: none;
  outline: none;
}
.flatpickr-calendar.hasTime.animate.open.arrowTop.arrowLeft {
  border-radius: 13px;
}
span.flatpickr-day.selected,
span.flatpickr-day.selected:hover {
  background: #fd7714;
  border: none;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.scrolled {
  .navbar-toggler img {
    filter: invert(100%) !important;
    height: auto;
    width: 30px;
  }
}
.navbar-toggler img {
  filter: invert(100%) !important;
}
.home_toggler img {
  filter: invert(0) !important;
}
.about_bg_image:before,
.faq_bg_image:before {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.4) 28.48%,
    rgba(0, 0, 0, 0.2)
  );
  border-radius: 40px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.brand-images1 p {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
}
#indexpage {
  .halfborder .img-wrap:before {
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.4) 28.48%,
      rgba(0, 0, 0, 0.2)
    );
    border-radius: 40px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
  }
}
@media (min-width: 900px) and (max-width: 1110px) {
  .header_bg_image {
    .search-card {
      padding: 11px 32px !important;
    }
  }
  .dropdown-sec2 {
    padding: 14px 0 40px 58px;
  }
}
@media only screen and (min-device-width: 800px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
  .Travelogue {
    height: 25vh !important;
  }
  .travel-img {
    height: 6.5vh !important;
  }
  .Travelogue-content-right {
    font-size: 12px;
  }
  .bannerleft-content {
    height: 35vh;
  }
  #indexpage {
    .brand-images1 {
      height: auto;
    }
  }
  #indexpage {
    .owl-carousel .owl-item .our_brand-img {
      height: 4vh;
    }
    .owl-carousel .owl-item .vehicle-fleet-img {
      height: 11vh;
    }
  }
  .filter-img {
    border-radius: 35px;
    height: 12vh;
    overflow: hidden;
  }
  nav#nav-fixed {
    padding: 25px 33px 1px !important;
  }
}
.bkn_btm_inp {
  left: -1px;
  top: 3px !important;
}
.bkn_btm_inp,
.bkn_pck_inp {
  cursor: pointer;
  height: 16px;
  opacity: 0;
  position: absolute;
  width: 20px;
  z-index: 11;
}
.bkn_pck_inp {
  top: 5px !important;
}
.car-grid-container img {
  cursor: pointer;
}
.confirm_pay_chk {
  top: 5px !important;
}
i.fa-solid.fa-magnifying-glass {
  font-size: 15px;
}
.no_bkn_img {
  border-radius: 0 !important;
}
.no_items {
  h3 {
    font-size: 18px;
  }
}
.gotquestions button.accordion-button.collapsed {
  width: 98%;
}
.gotquestions .accordion-button:after {
  right: 0;
}
.gotquestions .accordion-item {
  padding: 10px;
}
.gotquestions .accordion-button:not(.collapsed):after {
  right: 10px;
}
span.error-forgot.text-danger,
span.error.text-danger {
  color: #ff1f23 !important;
  font-size: 12px;
  font-weight: 300;
}
.search_card.search-car-sec1.mb-5 {
  display: flex;
  justify-content: center;
}
.home_signup {
  color: #fff !important;
}
.scrolled {
  .home_signup {
    color: #000 !important;
  }
  .home_toggler img {
    filter: invert(100%) !important;
  }
}
.additioanl_heading {
  margin-bottom: 20px;
}
.head_img {
  border-radius: 50% !important;
  font-size: 10px !important;
  padding: 8px 9px !important;
}
button.forgot-btns.forgot_btn-2 {
  bottom: 15px !important;
}
.model-input-password::-moz-placeholder {
  font-size: 15px;
}
.model-input-password::placeholder {
  font-size: 15px;
}
.no_items.text-center.contacted_empty {
  padding-bottom: 100px;
  padding-top: 100px;
}
#otp {
  -moz-column-gap: 10px;
  column-gap: 10px;
  display: flex;
}
#otp input {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  border-radius: 10px;
  box-shadow: none;
  font-size: 25px;
  font-weight: 600;
  height: 60px;
  text-align: center;
  width: 60px;
}
.detailround_noImg {
  border-radius: 50% !important;
  font-size: 43px !important;
  padding: 12px 15px !important;
}
.gf-txt-color {
  color: var(--orange);
}
.gf-frmsec input {
  background-color: var(--sitebg);
  border: none;
  border-radius: 10px;
  padding: 20px 15px;
  width: 100%;
}
.gf-frmsec input:focus {
  outline: none;
}
.gf-frmsec {
  background: #fff;
  border-radius: 30px;
  padding: 45px;
}
.gf-frmmrg {
  margin: 20px auto;
}
.gf-pos {
  position: relative;
}
.gferrorpos {
  bottom: -5px;
  left: 15px;
  position: absolute;
}
.gf-frmmrg1 {
  margin: 20px auto 0;
}
.gf-frmmrg1 button {
  background: var(--white);
  background-color: var(--orange);
  border: none;
  border-radius: 25px;
  color: #fff;
  padding: 15px 40px;
  transition: background-color 0.3s, color 0.3s;
}
.gf-mrgin {
  margin-top: 150px;
}
.gf-select {
  background-color: var(--sitebg);
  border: none;
  border-radius: 10px;
  padding: 20px 15px;
  width: 100%;
}
.gfdrop-menu {
  color: #050b20;
  font-size: 15px;
  height: 100%;
  position: relative;
  text-align: left;
}
.gfdrop-menu .gf-select {
  color: #050b20;
  cursor: pointer;
  display: block;
  font-size: 15px;
  line-height: 22px;
  text-transform: capitalize;
}
.gfdrop-menu .gf-select i {
  cursor: pointer;
  float: right;
  font-size: 14px;
  margin-top: 0;
  position: relative;
  right: 10px;
  top: 6px;
}
.gfdrop-menu.active,
.gfdrop-menu.active:focus,
.gfdrop-menu.active:hover {
  border-radius: 5px 5px 0 0;
}
.gfdrop-menu.active .gf-select {
  box-shadow: none !important;
  outline: none;
}
.gfdrop-menu.active .gf-select i {
  transform: rotate(180deg);
}
.gfdrop-menu:focus {
  box-shadow: none;
  outline: none;
}
.gfdrop-menu .gfdropdown {
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  display: none;
  left: 0;
  list-style: none;
  margin-top: 1px;
  max-height: 144px;
  overflow: hidden;
  overflow-y: auto;
  padding: 10px 15px;
  position: absolute;
  top: 110%;
  width: 100%;
  z-index: 9999;
}
.gfdrop-menu .gfdropdown li {
  border-bottom: 1px solid #e0dfe5;
  color: #242526;
  cursor: pointer;
  padding: 10px 0;
}
.gfdrop-menu .gfdropdown li:last-child {
  border-bottom: 0;
}
.gf-relative {
  position: relative;
}
.gf-relative img {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 20px;
}
.gf-relative .flatpickr-day.today {
  background: #fd7714;
  border: none;
}
.gfresultblk {
  background-color: #fff;
  height: 100vh;
  position: fixed;
  right: -1500px;
  transition: 0.8s ease;
  width: 450px;
  z-index: 9999;
}
.gfresultblk.active {
  right: 0;
  transition: 0.8s ease;
}
body.filter-active {
  overflow: hidden;
}
#gfoverlay {
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity 0.4s ease;
  width: 100%;
  z-index: 998;
}
#gfoverlay.active {
  display: block;
  opacity: 1;
}
.gfsrchrel {
  padding: 20px;
  position: relative;
}
.gfsrchrel i {
  font-size: 25px;
  position: absolute;
  right: 20px;
  top: 20px;
}
.gffrmmodal {
  padding: 0 20px;
  position: relative;
}
.gffrmmodal .gffrminp {
  background-color: var(--sitebg);
  border-radius: 15px;
  padding: 20px;
  width: 100%;
}
.gffrmmodal input {
  background: var(--sitebg);
  border: none;
  width: 100%;
}
.gffrmmodal input:focus {
  border: none;
}
.gffrmmodal button {
  background-color: transparent;
  border: none;
}
.gfcarsrchbtn {
  background-color: transparent;
  position: absolute;
  right: 35px;
  top: 13px;
}
.gfsrchheader button {
  border: none;
  padding: 8px 12px;
}
.gfsrchheader button i {
  transition: 0.5s ease;
}
.gfsrchheader:hover button i {
  color: var(--orange);
  transition: 0.5s ease;
}
.gfmstcars {
  margin: 50px auto;
  padding: 0 20px;
}
.gfmstcars h3 {
  text-decoration: underline;
}
.gfcrsimg {
  border-radius: 15px;
  height: 150px;
  overflow: hidden;
  width: 150px;
}
.gfcarsresvw {
  align-items: center;
  display: flex;
  gap: 20px;
}
.gfcrsimg img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}
.gfcarsreult {
  max-height: 450px;
  overflow: auto;
}
.gfhidesrch {
  display: none;
}
.gferror {
  color: red;
}
.gfwhtsapp {
  bottom: 20px;
  cursor: pointer;
  left: 20px;
  position: fixed;
  z-index: 999;
}
.gfwhtsapp a:hover {
  color: #fff;
}
.gfwhtsapp img {
  height: 60px;
  width: 60px;
}
.gf-blogfrmsec {
  background-color: #fff;
  border: 1px solid #00000026;
  margin-bottom: 40px;
  margin-right: 0;
  padding: 25px;
}
.gf-blogfrmsec {
  .gferror {
    color: red;
  }
  .gf-frmmrg1 button {
    background-color: #000;
    border: 1px solid transparent;
    color: #fff;
    transition: 0.5s ease-in-out;
  }
  .gf-frmmrg1 button:hover {
    background-color: #fff !important;
    border: 1px solid #fd7714 !important;
    color: #fd7714 !important;
    transition: 0.5s ease-in-out;
  }
}
.gfmodals-section button {
  border: none;
  font-size: 30px;
  padding: 0;
}
#instform {
  .modal-header {
    border-bottom: 0;
    position: relative;
  }
  .gfmodals-section button {
    background-color: transparent;
    position: absolute;
    right: 35px;
    top: 7px;
    z-index: 111111;
  }
  .gfmdlcenter {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    margin: 55px auto 75px;
  }
  .gfmdlcenter h5,
  h6 {
    text-align: center;
  }
  .gfmdlcenter h5 {
    color: var(--orange);
  }
  .modal-content {
    border-radius: 40px;
  }
}
@media (max-width: 1050px) {
  .details-a {
    font-size: 15px !important;
  }
  .gulf-contract_page {
    margin-top: 100px;
  }
  #preview {
    display: none !important;
  }
  #preview.contract_prvw_sec {
    display: block !important;
  }
  #contract_preview_warp_div {
    width: 910px;
  }
  .gf-newfrm,
  .gf-newfrm1 {
    display: none;
  }
  .gfhidesrch {
    display: block;
  }
}
@media (max-width: 576px) {
  .gfwhtsapp img {
    height: 45px;
    width: 45px;
  }
  .gfwhtsapp {
    bottom: 50%;
    position: fixed;
    right: 20px;
    z-index: 11111;
  }
}
.bannerflex {
  align-items: end !important;
}
.bannerleft-content {
  align-items: end;
}
.bscreen-btn {
  align-items: center;
}
.signupBtn {
  padding: 0;
}
@media (min-width: 1601px) {
  .blogs-grid {
    display: grid;
    gap: 20px !important;
    margin-top: 30px;
  }
  .blogs-grid,
  .blogs-grid2 {
    grid-template-columns: 70% 30% !important;
  }
}
@media (min-width: 1200px) and (max-width: 1600px) {
  .details-a {
    font-size: 12px !important;
  }
  #contract-page {
    .subtitle {
      font-size: 17px !important;
    }
    th,
    tr {
      font-size: 16px !important;
    }
    .cancel_btn,
    .login-btn {
      font-size: 18px !important;
    }
    .breadcrumb {
      background-color: transparent !important;
    }
    .title {
      font-size: 25px !important;
    }
  }
  .total-pay-popup {
    font-size: 12px !important;
  }
  .balanceamt-popup {
    font-size: 16px !important;
  }
  #all-bookings {
    .pay-now-btn,
    .showdetail-btn {
      font-size: 16px !important;
      line-height: 20px !important;
    }
    .pay-now-btn {
      padding: 8px 16px !important;
    }
    .tab-btn {
      font-size: 21px !important;
      line-height: 21.52px !important;
    }
    .titlepay {
      font-size: 19px !important;
      line-height: 24px !important;
    }
    .lefttext,
    .righttext {
      line-height: 15.78px !important;
    }
    .balaceamt,
    .lefttext,
    .righttext {
      font-size: 15px !important;
    }
    .dueamt {
      font-size: 12px !important;
      line-height: 15px !important;
    }
  }
  .gf-txt-color {
    color: var(--orange);
  }
  .gf-frmsec input {
    background-color: var(--sitebg);
    border: none;
    border-radius: 10px;
    padding: 15px;
    width: 100%;
  }
  .gf-frmsec input:focus {
    outline: none;
  }
  .gf-frmsec {
    background: #fff;
    border-radius: 30px;
    padding: 30px;
  }
  .gf-frmmrg {
    margin: 10px 0 20px;
  }
  .gf-frmmrg1 button {
    background: var(--white);
    background-color: var(--orange);
    border: none;
    border-radius: 25px;
    color: #fff;
    padding: 15px 40px;
    transition: background-color 0.3s, color 0.3s;
  }
  .gf-mrgin {
    margin-top: 84px;
  }
  .gf-select {
    background-color: var(--sitebg);
    border: none;
    border-radius: 10px;
    padding: 14px 15px;
    width: 100%;
  }
  .gfdrop-menu {
    color: #050b20;
    font-size: 15px;
    height: 100%;
    position: relative;
    text-align: left;
  }
  .gfdrop-menu .gf-select {
    color: #050b20;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 22px;
    text-transform: capitalize;
  }
  .gfdrop-menu .gf-select span {
    color: #7a7d81;
  }
  .gfdrop-menu .gf-select span.selected {
    color: #050b20;
  }
  .gfdrop-menu .gf-select i {
    cursor: pointer;
    float: right;
    font-size: 14px;
    margin-top: 0;
    position: relative;
    right: 10px;
    top: 6px;
  }
  .gfdrop-menu.active,
  .gfdrop-menu.active:focus,
  .gfdrop-menu.active:hover {
    border-radius: 5px 5px 0 0;
  }
  .gfdrop-menu.active .gf-select {
    box-shadow: none !important;
    outline: none;
  }
  .gfdrop-menu.active .gf-select i {
    transform: rotate(180deg);
  }
  .gfdrop-menu:focus {
    box-shadow: none;
    outline: none;
  }
  .gfdrop-menu .gfdropdown {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    display: none;
    left: 0;
    list-style: none;
    margin-top: 1px;
    max-height: 144px;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px 15px;
    position: absolute;
    top: 110%;
    width: 100%;
    z-index: 9999;
  }
  .gfdrop-menu .gfdropdown li {
    border-bottom: 1px solid #e0dfe5;
    color: #242526;
    cursor: pointer;
    padding: 10px 0;
  }
}
input:-internal-autofill-selected {
  -webkit-appearance: menulist-button;
  -moz-appearance: menulist-button;
  appearance: menulist-button;
  background-color: transparent !important;
  background-image: none !important;
}
@media (max-width: 1300px) {
  .mb-6 {
    margin-bottom: 1.5rem !important;
  }
}
.location-btn1 {
  border: none !important;
  border-radius: 100px;
  font-family: Space Grotesk !important;
}
.location-btn,
.location-btn1 {
  align-items: center;
  background-color: #f6ece5;
  color: #050b20;
  display: flex;
  font-size: 18px;
  justify-content: center;
  margin-bottom: 5%;
  padding: 5%;
  transition: background-color 0.3s ease, color 0.3s ease,
    border-radius 0.3s ease;
  width: 336px;
}
.location-btn {
  border-radius: 100px;
}
.location-btn1:hover,
.location-btn:hover {
  background-color: #fd7714;
  border-radius: 100px;
  color: #fff;
  cursor: pointer;
}
.radius-12px {
  border-radius: 12px;
}
.fw-600 {
  font-weight: 600;
}
#location-popup,
#locationModal {
  h4 {
    font-size: 28px;
  }
  a,
  p {
    font-size: 18px;
    font-weight: 400;
  }
  .lh {
    line-height: 28px;
  }
  .mfp-close-btn-in .mfp-close {
    color: #000 !important;
  }
  .fa,
  .fas {
    font-weight: 300 !important;
  }
  .pt-6 {
    padding-top: 3rem !important;
  }
}
.pointer {
  cursor: pointer;
}
.closeicon {
  color: #000;
  font-weight: 400;
}
@media (min-width: 1800px) and (max-width: 1999px) {
  #officedistance {
    h4 {
      font-size: 25px;
    }
    h5 {
      color: #000;
      font-family: Space Grotesk;
      font-size: 19px !important;
      font-weight: 500;
      letter-spacing: -0.04em;
      line-height: 25.52px;
    }
    h6 {
      font-size: 20px !important;
    }
    .office-km-h4 {
      font-size: 23px !important;
    }
    .office-km {
      font-size: 16px !important;
    }
  }
  #location-popup,
  #locationModal {
    h4 {
      font-family: Space Grotesk !important;
      font-size: 30px;
    }
    a,
    p {
      font-family: Space Grotesk !important;
      font-size: 18.5px;
      font-weight: 400;
    }
    .lh {
      line-height: 30px;
    }
    .location-btn,
    .location-btn1 {
      font-size: 18.5px;
    }
  }
  .mobilehide {
    display: block !important;
  }
  .showmobile {
    display: none !important;
  }
}
@media (min-width: 2000px) and (max-width: 2499px) {
  #officedistance {
    h4 {
      font-size: 26px;
    }
    h5 {
      color: #000;
      font-family: Space Grotesk;
      font-weight: 500;
      letter-spacing: -0.04em;
      line-height: 25.52px;
    }
    h5,
    h6 {
      font-size: 20px !important;
    }
    .office-km-h4 {
      font-size: 23px !important;
    }
    .office-km {
      font-size: 16px !important;
    }
  }
  #location-popup,
  #locationModal {
    h4 {
      font-family: Space Grotesk !important;
      font-size: 30px;
    }
    a,
    p {
      font-family: Space Grotesk !important;
      font-size: 18.5px;
      font-weight: 400;
    }
    .lh {
      line-height: 30px;
    }
    .location-btn,
    .location-btn1 {
      font-size: 18.5px;
    }
  }
  .mobilehide {
    display: block !important;
  }
  .showmobile {
    display: none !important;
  }
}
@media (min-width: 1600px) and (max-width: 1799px) {
  #profilepage {
    .balanceamt,
    .totalbook {
      font-size: 18px !important;
    }
    .editbtn,
    .editbtn1,
    .editbtn1:hover,
    .editbtn:hover {
      font-size: 15px !important;
    }
  }
  .left-section-font {
    font-family: Space Grotesk;
    font-weight: 400;
  }
  .left-section-font,
  .right-section-font {
    font-size: 15px !important;
    line-height: 18.42px !important;
  }
  .bold-text {
    font-family: Space Grotesk;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 26.52px !important;
  }
  #officedistance {
    h4 {
      font-size: 21px;
    }
    h5 {
      color: #000;
      font-family: Space Grotesk;
      font-size: 18px !important;
      font-weight: 500;
      letter-spacing: -0.04em;
      line-height: 25.52px;
    }
    h6 {
      font-size: 16px !important;
    }
    .office-km-h4 {
      font-size: 20px !important;
    }
    .office-km {
      font-size: 15px !important;
    }
  }
  #location-popup,
  #locationModal {
    h4 {
      font-family: Space Grotesk !important;
      font-size: 24px;
    }
    a,
    p {
      font-family: Space Grotesk !important;
      font-size: 16.5px;
      font-weight: 400;
    }
    .lh {
      line-height: 20px;
    }
    .location-btn,
    .location-btn1 {
      font-size: 16.5px;
    }
    .pt-6 {
      padding-top: 3rem !important;
    }
  }
  .mobilehide {
    display: block !important;
  }
  .showmobile {
    display: none !important;
  }
}
@media (max-width: 1599px) {
  .details-a {
    font-size: 12px !important;
  }
  #contract-page {
    .title {
      font-size: 22px !important;
    }
    .subtitle,
    th,
    tr {
      font-size: 15px !important;
    }
    .cancel_btn,
    .login-btn {
      font-size: 16px !important;
    }
    .form-control,
    .gfdrop-menu .gf-select span {
      font-size: 15px !important;
    }
    .input-wrapper {
      padding: 15px !important;
    }
  }
  .total-pay-popup {
    font-size: 12px !important;
  }
  .balanceamt-popup {
    font-size: 16px !important;
  }
  .sm-text {
    font-size: 12px !important;
  }
  #all-bookings {
    .pay-now-btn,
    .showdetail-btn {
      font-size: 15px !important;
      line-height: 20px !important;
    }
    .pay-now-btn {
      padding: 8px 16px !important;
    }
    .tab-btn {
      font-size: 20px !important;
      line-height: 21.52px !important;
    }
    .titlepay {
      font-size: 18px !important;
      line-height: 20px !important;
    }
    .lefttext,
    .righttext {
      line-height: 15.78px !important;
    }
    .balaceamt,
    .lefttext,
    .righttext {
      font-size: 14px !important;
    }
    .dueamt {
      font-size: 12px !important;
      line-height: 15px !important;
    }
  }
  #profilepage {
    .balanceamt,
    .totalbook {
      font-size: 17px !important;
    }
    .editbtn,
    .editbtn1,
    .editbtn1:hover,
    .editbtn:hover {
      font-size: 14px !important;
    }
  }
  .left-section-font {
    font-family: Space Grotesk;
    font-weight: 400;
  }
  .left-section-font,
  .right-section-font {
    font-size: 14px !important;
    line-height: 17.42px !important;
  }
  .bold-text {
    font-family: Space Grotesk;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 25.52px !important;
  }
  #confirmbooking {
    .deliverycontent {
      font-size: 12px !important;
      line-height: 20px !important;
    }
    .callBtn,
    .full_pay_btn,
    .rentBtn {
      font-size: 12px !important;
      height: 45px !important;
    }
    label {
      font-size: 12px !important;
    }
    .gfdrop-menu .gfdropdown li {
      font-size: 11px !important;
    }
    .deliverycontentright {
      font-family: Space Grotesk;
      font-size: 12px !important;
      line-height: 20px !important;
    }
    .mt-2 {
      margin-top: 0 !important;
    }
    .deliveryHead {
      font-size: 20px !important;
      line-height: 22px !important;
    }
    .d-class_value {
      font-size: 13px !important;
    }
    .gfdrop-menu .gf-select,
    .gfdrop-menu .gf-select i {
      font-size: 12px !important;
    }
    .left-scroll {
      height: 600px;
      overflow: auto;
    }
    .mute-text {
      font-size: 12px !important;
    }
  }
  #officedistance {
    h4 {
      font-size: 21px;
    }
    h5 {
      color: #000;
      font-family: Space Grotesk;
      font-weight: 500;
      letter-spacing: -0.04em;
      line-height: 25.52px;
    }
    h5,
    h6 {
      font-size: 15px !important;
    }
    h6 {
      line-height: 22px !important;
    }
    .office-km-h4 {
      font-size: 19px !important;
    }
    .office-km {
      font-size: 13px !important;
    }
  }
  #location-popup,
  #locationModal {
    #officedistance {
      h4 {
        font-size: 22px;
      }
      h5 {
        color: #000;
        font-family: Space Grotesk;
        font-size: 18px !important;
        font-weight: 500;
        letter-spacing: -0.04em;
        line-height: 25.52px;
      }
      h6 {
        font-size: 16px !important;
      }
      .office-km-h4 {
        font-size: 19px !important;
      }
      .office-km {
        font-size: 15px !important;
      }
    }
    h4 {
      font-family: Space Grotesk !important;
      font-size: 21px;
    }
    a,
    p {
      font-family: Space Grotesk !important;
      font-size: 15.5px;
      font-weight: 400;
    }
    .lh {
      line-height: 18px;
    }
    .location-btn,
    .location-btn1 {
      font-size: 15.5px;
      margin-bottom: 4% !important;
      padding: 4% !important;
    }
  }
  .mobilehide {
    display: block !important;
  }
  .showmobile {
    display: none !important;
  }
}
@media (max-width: 1280px) {
  .details-a {
    font-size: 12px !important;
  }
  #contract-page {
    .title {
      font-size: 21px !important;
    }
    .subtitle,
    th,
    tr {
      font-size: 14px !important;
    }
    .cancel_btn,
    .login-btn {
      font-size: 15px !important;
    }
    .form-control {
      font-size: 14px !important;
    }
    .gfdrop-menu .gf-select span {
      font-size: 15px !important;
    }
    .input-wrapper {
      padding: 15px !important;
    }
  }
  .total-pay-popup {
    font-size: 12px !important;
  }
  .balanceamt-popup {
    font-size: 16px !important;
  }
  .sm-text {
    font-size: 12px !important;
  }
  #all-bookings {
    .ps-5 {
      padding-left: 1rem !important;
    }
    .px-5 {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    .pay-now-btn,
    .showdetail-btn {
      font-size: 15px !important;
      line-height: 20px !important;
    }
    .pay-now-btn {
      padding: 8px 16px !important;
    }
    .tab-btn {
      font-size: 17px !important;
      line-height: 21.52px !important;
    }
    .titlepay {
      font-size: 18px !important;
      line-height: 19px !important;
    }
    .lefttext,
    .righttext {
      line-height: 15.78px !important;
    }
    .balaceamt,
    .lefttext,
    .righttext {
      font-size: 13px !important;
    }
    .dueamt {
      font-size: 12px !important;
      line-height: 15px !important;
    }
  }
  #profilepage {
    .balanceamt,
    .totalbook {
      font-size: 17px !important;
    }
    .editbtn,
    .editbtn1,
    .editbtn1:hover,
    .editbtn:hover {
      font-size: 14px !important;
    }
  }
  .left-section-font {
    font-family: Space Grotesk;
    font-weight: 400;
  }
  .left-section-font,
  .right-section-font {
    font-size: 14px !important;
    line-height: 17.42px !important;
  }
  .bold-text {
    font-family: Space Grotesk;
    font-size: 17px !important;
    font-weight: 700;
    line-height: 25.52px !important;
  }
  #confirmbooking {
    .deliverycontent {
      font-size: 12px !important;
      line-height: 20px !important;
    }
    .gfdrop-menu .gfdropdown li {
      font-size: 11px !important;
    }
    .callBtn,
    .full_pay_btn,
    .rentBtn {
      font-size: 12px !important;
      height: 45px !important;
    }
    .left-scroll {
      height: 600px !important;
    }
    label {
      font-size: 12px !important;
    }
    .mt-2 {
      margin-top: 0 !important;
    }
    .deliverycontentright {
      font-size: 12px !important;
      line-height: 20px !important;
    }
    .deliveryHead {
      font-size: 20px !important;
      line-height: 22px !important;
    }
    .d-class_value,
    .gfdrop-menu .gf-select {
      font-size: 12px !important;
    }
    .gfdrop-menu .gf-select i {
      font-size: 13px !important;
    }
    .left-scroll {
      height: 600px;
      overflow: auto;
    }
    .mute-text {
      font-size: 12px !important;
    }
  }
  #officedistance {
    h4 {
      font-size: 20px;
    }
    h5 {
      color: #000;
      font-family: Space Grotesk;
      font-size: 14px !important;
      font-weight: 500;
      letter-spacing: -0.04em;
      line-height: 25.52px;
    }
    h6 {
      font-size: 13px !important;
      line-height: 18px !important;
    }
    .office-km-h4 {
      font-size: 18px !important;
      margin-bottom: 2% !important;
    }
    .office-km {
      font-size: 11px !important;
    }
  }
  #location-popup,
  #locationModal {
    h4 {
      font-family: Space Grotesk !important;
      font-size: 21px;
    }
    a,
    p {
      font-family: Space Grotesk !important;
      font-size: 15.5px;
      font-weight: 400;
    }
    .lh {
      line-height: 18px;
    }
    .location-btn,
    .location-btn1 {
      font-size: 15.5px;
      margin-bottom: 3% !important;
      padding: 3% !important;
    }
  }
  .mobilehide {
    display: block !important;
  }
  .showmobile {
    display: none !important;
  }
}
@media (max-width: 1050px) {
  .details-a {
    font-size: 12px !important;
  }
  .md-mt-30 {
    margin-top: 30% !important;
  }
  #contract-page {
    .title {
      font-size: 20px !important;
    }
    th,
    tr {
      font-size: 14px !important;
    }
    .subtitle {
      font-size: 12px !important;
    }
    .cancel_btn,
    .login-btn {
      font-size: 15px !important;
    }
    .form-control,
    .gfdrop-menu .gf-select span {
      font-size: 14px !important;
    }
    .input-wrapper {
      padding: 14px !important;
    }
  }
  .total-pay-popup {
    font-size: 12px !important;
  }
  .balanceamt-popup {
    font-size: 16px !important;
  }
  #all-bookings {
    .pay-now-btn,
    .showdetail-btn {
      font-size: 15px !important;
      line-height: 20px !important;
    }
    .pay-now-btn {
      padding: 8px 16px !important;
    }
    .tab-btn {
      font-size: 20px !important;
      line-height: 21.52px !important;
    }
    .titlepay {
      font-size: 17px !important;
      line-height: 18px !important;
    }
    .lefttext,
    .righttext {
      line-height: 15.78px !important;
    }
    .balaceamt,
    .lefttext,
    .righttext {
      font-size: 14px !important;
    }
    .dueamt {
      font-size: 12px !important;
      line-height: 15px !important;
    }
  }
  .left-section-font {
    font-family: Space Grotesk;
    font-weight: 400;
  }
  .left-section-font,
  .right-section-font {
    font-size: 15px !important;
    line-height: 18.42px !important;
  }
  .bold-text {
    font-family: Space Grotesk;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 26.52px !important;
  }
  #officedistance {
    h4 {
      font-size: 19px;
    }
    h5 {
      color: #000;
      font-family: Space Grotesk;
      font-size: 16px !important;
      font-weight: 500;
      letter-spacing: -0.04em;
      line-height: 25.52px;
    }
    h6 {
      font-size: 15px !important;
    }
    .office-km-h4 {
      font-size: 18px !important;
    }
    .office-km {
      font-size: 13px !important;
    }
  }
  .location-btn,
  .location-btn1 {
    width: 250px !important;
  }
  #location-popup,
  #locationModal {
    h4 {
      font-family: Space Grotesk !important;
      font-size: 20px;
    }
    a,
    p {
      font-family: Space Grotesk !important;
      font-size: 15.5px;
      font-weight: 400;
    }
    .lh {
      line-height: 18px;
    }
    .location-btn,
    .location-btn1 {
      font-size: 15px;
    }
  }
  .mobilehide {
    display: block !important;
  }
  .showmobile {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #previewBtn {
    display: none !important;
  }
  .sm-pt-15 {
    padding-top: 15% !important;
  }
  .replacement-mobile {
    display: block !important;
  }
  .titlemobile {
    background-color: #fd7714;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    padding: 10px;
  }
  .right-side-content,
  .titlemobile {
    font-family: Space Grotesk;
    font-weight: 500;
  }
  .right-side-content {
    color: #000;
    font-size: 14px;
  }
  .maintitle {
    font-family: Space Grotesk;
    font-size: 20px;
    font-weight: 700;
  }
  .titlemobile-date {
    color: #fff;
    font-family: Space Grotesk;
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
  }
  .br-25 {
    border-radius: 25px !important;
  }
  .replacement-desktop {
    display: none !important;
  }
  .details-a {
    font-size: 12px !important;
  }
  .sm-p-1 {
    padding: 1% !important;
  }
  #contract-page {
    .breachide {
      display: none;
    }
    .p-5 {
      padding: 1.5rem !important;
    }
    th,
    tr {
      font-size: 14px !important;
    }
    .title {
      font-size: 20px !important;
    }
    .cancel_btn,
    .login-btn {
      font-size: 15px !important;
    }
    .sm-pt-5 {
      padding-top: 10% !important;
    }
    .sm-mb-5 {
      margin-bottom: 15px !important;
    }
    ul {
      padding-left: 0 !important;
    }
    .progressbar li {
      width: 18% !important;
    }
    .subtitle {
      font-size: 14px !important;
    }
    .hidesubmobile {
      display: none !important;
    }
    .form-control,
    .gfdrop-menu .gf-select span {
      font-size: 14px !important;
    }
    .input-wrapper {
      padding: 14px !important;
    }
  }
  .total-pay-popup {
    font-size: 12px !important;
  }
  .balanceamt-popup {
    font-size: 16px !important;
  }
  .deliverycontentright {
    font-size: 12px !important;
  }
  .sm-px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .sm-mb-0 {
    margin-bottom: 0 !important;
  }
  .sm-ps-0 {
    padding-left: 1% !important;
  }
  .sm-border-bottom {
    border-bottom: none !important;
  }
  .bookeon-text {
    color: #111628;
    font-family: Space Grotesk;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 22.4px;
  }
  .showonlymobile {
    display: block !important;
  }
  #profilepage {
    .profile-grid {
      display: grid;
      gap: 30px;
      grid-template-columns: 100%;
    }
    .profile-left {
      background: #fff;
      border-radius: 30px;
      box-shadow: 0 0 15px 0 #0000001a;
      height: -moz-fit-content;
      height: fit-content;
      padding: 30px 30px 0 0;
    }
  }
  .sm-bg-white {
    background: #fff;
    border-radius: 20px;
  }
  .sm-border-bottom {
    border-bottom: 1px solid #ddd;
  }
  .sm-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .br-0 {
    border-radius: 0 !important;
  }
  .breadhide {
    display: none !important;
  }
  .br-right {
    border-left: none !important;
    border-right: none !important;
  }
  .sm-mb-5 {
    margin-bottom: 5% !important;
  }
  .sm-mt-5 {
    margin-top: 5% !important;
  }
  .sm-pt-10 {
    padding-top: 10% !important;
  }
  #all-bookings {
    .py-4 {
      padding-bottom: 0 !important;
      padding-top: 0 !important;
    }
    .ps-5,
    .px-1 {
      padding-left: 10px !important;
    }
    .pay-now-btn,
    .showdetail-btn {
      font-size: 15px !important;
      line-height: 20px !important;
    }
    .pay-now-btn {
      padding: 8px 16px !important;
    }
    .tab-btn {
      font-size: 13px !important;
      line-height: 21.52px !important;
    }
    .titlepay {
      font-size: 24px !important;
      line-height: 24px !important;
    }
    .lefttext,
    .righttext {
      line-height: 15.78px !important;
    }
    .balaceamt,
    .lefttext,
    .righttext {
      font-size: 14px !important;
    }
    .dueamt {
      font-size: 12px !important;
      line-height: 15px !important;
    }
  }
  #bookdetail {
    max-width: 100% !important;
  }
  .sm-pt-10 {
    margin-top: 8% !important;
  }
  label {
    font-size: 14px !important;
  }
  .for-rightborder2 {
    border-left: none !important;
    border-top: none !important;
    padding-left: 7%;
    padding-top: 5% !important;
  }
  .left-section-font {
    font-family: Space Grotesk;
    font-weight: 400;
  }
  .left-section-font,
  .right-section-font {
    font-size: 13px !important;
    line-height: 18.42px !important;
  }
  .sm-ms-2 {
    margin-left: 2% !important;
  }
  .sm-pt-8 {
    padding-top: 8%;
  }
  .bold-text {
    font-family: Space Grotesk;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 26.52px !important;
  }
  .hideforbackmobiledesk {
    color: #000;
    display: block !important;
    font-size: 20px;
  }
  .cus-width {
    max-width: 100% !important;
  }
  .sm-p-0 {
    padding: 0 !important;
  }
  .sm-border {
    border: 1px solid #ddd;
  }
  .sm-p-5 {
    padding: 5% !important;
  }
  #confirmbooking {
    .left-scroll {
      height: auto !important;
      overflow: auto;
    }
    label {
      font-size: 13px !important;
    }
    .deliverycontent,
    .deliverycontentright {
      font-size: 13px !important;
      line-height: 20px !important;
    }
    p {
      text-align: justify;
    }
    .center-flex {
      display: flex;
      flex-direction: column;
      line-height: 22px;
    }
    .mobile-left {
      display: flex !important;
      justify-content: left !important;
    }
    .p-4 {
      padding: 2.5% !important;
    }
    .pt-5 {
      padding-top: 15px !important;
    }
  }
  .hideforbackmobile {
    display: none !important;
  }
  #officedistance {
    h4 {
      font-size: 19px;
    }
    h5 {
      color: #000;
      font-family: Space Grotesk;
      font-size: 16px !important;
      font-weight: 500;
      letter-spacing: -0.04em;
      line-height: 25.52px;
    }
    .sm-mt-0 {
      margin-top: 0 !important;
    }
    .sm-mb-2 {
      margin-bottom: 2rem !important;
    }
    .office-km-h4,
    h6 {
      font-size: 15px !important;
    }
    .office-km {
      font-size: 12px !important;
    }
  }
  .mobilehide {
    display: none !important;
  }
  .contact-us .mfp-wrap {
    height: 100% !important;
    top: 30% !important;
  }
  .showmobile {
    display: block !important;
  }
  .location-btn {
    width: 200px !important;
  }
  .location-btn1 {
    width: 230px !important;
  }
  #location-popup,
  #locationModal {
    h4 {
      font-family: Space Grotesk !important;
      font-size: 20px;
    }
    a,
    p {
      font-family: Space Grotesk !important;
      font-size: 15px;
      font-weight: 400;
    }
    .lh {
      line-height: 16px;
    }
    .location-btn,
    .location-btn1 {
      font-size: 13.5px;
    }
  }
}
.imagecontainer {
  border-radius: 20px;
  height: 190px;
  height: 100%;
  width: 150px;
}
#officedistance {
  h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30.62px;
    opacity: 0.8;
  }
  h4,
  h5 {
    font-family: Space Grotesk;
    letter-spacing: -0.04em;
  }
  h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 25.52px;
  }
  h5,
  h6 {
    color: #000;
  }
  h6 {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 27px;
    opacity: 0.7;
  }
  .pt-0 {
    padding-top: 0 !important;
  }
  .office-km-h4 {
    font-family: Space Grotesk;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 30.62px;
  }
  .office-km {
    color: #000;
    font-family: Readex Pro !important;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: -0.02em;
    line-height: 27px;
    opacity: 0.7;
  }
  .viewdistance {
    text-decoration: underline;
  }
}
.price-card1 {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 30px;
  padding: 25px;
}
.primary-color {
  color: #fd7714;
}
.office-km-contact {
  color: #000;
  font-family: Readex Pro !important;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 27px;
  opacity: 0.7;
}
.office-km-h4-contact {
  font-family: Space Grotesk;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 30.62px;
}
.viewmap {
  font-size: 20px;
  font-weight: 400;
  line-height: 25.52px;
}
.viewdistance,
.viewmap {
  font-family: Space Grotesk;
}
.viewdistance {
  text-decoration: underline;
}
.mfp-close {
  font-size: 22px !important;
  right: 0 !important;
  top: 2px !important;
}
#confirmbooking {
  .br-40 {
    border-radius: 40px;
  }
  .deliverycontent {
    font-weight: 400;
  }
  .deliverycontent,
  .deliverycontentright {
    font-family: Space Grotesk;
    font-size: 16px;
    line-height: 20.42px;
  }
  .deliverycontentright {
    font-weight: 500;
  }
  .dd-class {
    border: 1px solid #ddd;
    border-radius: 5px;
  }
  label {
    position: relative;
  }
  .d-class_value,
  label {
    font-family: Space Grotesk;
  }
  .d-class_value {
    font-size: 14px;
    font-weight: 400;
    line-height: 17.86px;
  }
  .vendor-checkbox-input:checked + .vendor-custom-checkbox {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 5px;
  }
  .vendor-checkbox-input:checked + .vendor-custom-checkbox:after {
    transform: translate(-50%, -50%) rotate(45deg) scale(1);
  }
  .vendor-custom-checkbox:after {
    border: solid #000;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
    top: 43%;
    transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transition: transform 0.2s;
    width: 5px;
  }
  .vendor-checkbox-input1:checked + .vendor-custom-checkbox1 {
    background-color: #fd7714;
    border-color: transparent;
    cursor: not-allowed;
  }
  .vendor-checkbox-input1:checked + .vendor-custom-checkbox1:after {
    transform: translate(-50%, -50%) rotate(45deg) scale(1);
  }
  .vendor-custom-checkbox1 {
    background-color: #fff;
    border: 1px solid #fd7714;
    border-radius: 3px;
    cursor: not-allowed;
    display: inline-block;
    height: 14px;
    position: relative;
    vertical-align: middle;
    width: 14px;
  }
  .vendor-checkbox-input1 {
    cursor: pointer;
    height: 17px;
    opacity: 0;
    position: absolute;
    top: 27px;
    width: 20px;
    z-index: 11;
  }
  .vendor-custom-checkbox1:after {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    left: 50%;
    position: absolute;
    top: 41%;
    transform: translate(-50%, -50%) rotate(45deg) scale(0);
    transition: transform 0.2s;
    width: 4px;
  }
  .vendor-custom-checkbox {
    background-color: #fff;
    border: 1.5px solid #000;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    height: 17px;
    position: relative;
    vertical-align: middle;
    width: 17px;
  }
  .gfdrop-menu .gf-select {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
  }
  .gf-select {
    background-color: var(--sitebg);
    border: none;
    border-radius: 10px;
    padding: 0 13px;
    width: 100%;
  }
  .gfdrop-menu .gf-select i {
    cursor: pointer;
    float: right;
    font-size: 14px;
    margin-top: 0;
    position: absolute !important;
    right: -4px;
    top: 5px;
  }
  .gfdrop-menu .gfdropdown li {
    border-bottom: 1px solid #ddd;
    color: #242526;
    cursor: pointer;
    padding: 2px 0;
  }
  .gfdrop-menu .gfdropdown {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    display: none;
    left: 0;
    left: 20%;
    list-style: none;
    margin-top: 1px;
    max-height: 114px;
    overflow: hidden;
    overflow-y: auto;
    padding: 5px;
    position: absolute;
    top: 110%;
    width: 41px;
    z-index: 9999;
  }
  hr {
    color: #d9d9d9;
  }
  .or p {
    margin-bottom: 0 !important;
  }
  .left-scroll {
    height: 690px;
    overflow: auto;
  }
  .mute-text {
    font-family: Space Grotesk;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 18px;
  }
  .deliverytotal {
    font-family: Space Grotesk;
    font-weight: 700;
  }
}
.hideforbackmobiledesk {
  display: none;
}
.btn-whatsapp-pulse {
  align-items: center;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: pulse;
  animation-timing-function: ease-out;
  background: #25d366;
  border-radius: 50%;
  bottom: 20px;
  color: #fff;
  display: flex;
  font-size: 40px;
  height: 0;
  justify-content: center;
  padding: 35px;
  position: fixed;
  right: 20px;
  text-decoration: none;
  width: 0;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  80% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
}
.btn-whatsapp-pulse-border {
  animation-play-state: paused;
  bottom: 20px;
  left: 20px;
}
.btn-whatsapp-pulse-border:before {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: pulse-border;
  animation-timing-function: ease-out;
  border: 5px solid #25d366;
  border-radius: 50%;
  content: "";
  opacity: 0.75;
  padding: 25px;
  position: absolute;
}
@keyframes pulse-border {
  0% {
    opacity: 0.75;
    padding: 25px;
  }
  75% {
    opacity: 0;
    padding: 50px;
  }
  to {
    opacity: 0;
  }
}
.fw-500 {
  font-weight: 500;
}
.fw-400 {
  font-weight: 400;
}
.ms-30 {
  margin-left: 30px !important;
}
#profilepage {
  .card {
    background: #fff9f4 !important;
    border: 1px solid #fd7714 !important;
    border-radius: 12px;
    box-shadow: none !important;
    padding: 3%;
  }
  .totalbook {
    font-weight: 500;
  }
  .balanceamt,
  .totalbook {
    font-family: Space Grotesk;
    font-size: 20px;
    letter-spacing: -0.04em;
    line-height: 30px;
  }
  .balanceamt {
    color: #fd7714;
    font-weight: 700;
  }
  .editbtn,
  .editbtn:hover {
    background: #fd7714;
    border: 1px solid #fd7714;
    color: #fff;
    font-family: Space Grotesk;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 20px;
    transition: 0.5s ease;
  }
  .editbtn1 {
    background: transparent;
    background: #fff;
    border: 1px solid;
    border: 1px solid #222;
    border-radius: 30px;
    color: #222;
    cursor: pointer;
    font-size: 14px;
    padding: 10px 24px;
  }
  .editbtn1,
  .editbtn1:hover {
    font-family: Space Grotesk;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.04em;
    line-height: 20px;
    transition: 0.5s ease;
  }
  .editbtn1:hover {
    background: #fd7714;
    border: 1px solid #fd7714;
    color: #fff;
  }
}
.pt-10 {
  padding-top: 10% !important;
}
.backhover a:hover {
  color: #fd7e14;
}
.backhover {
  font-family: Space Grotesk;
}
.secondary-font {
  font-family: Space Grotesk !important;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-uppercase {
  text-transform: uppercase;
}
.left-section-font {
  font-weight: 400;
}
.left-section-font,
.right-section-font {
  font-family: Space Grotesk;
  font-size: 16px;
  line-height: 20.42px;
}
.right-section-font {
  font-weight: 500;
}
.bold-text {
  font-family: Space Grotesk;
  font-size: 20px;
  font-weight: 700;
  line-height: 25.52px;
}
.sm-p-5 {
  padding: 4% !important;
}
.dots {
  background: #000;
  border-radius: 50%;
  display: block;
  height: 3px;
  opacity: 0.5;
  width: 3px;
}
#all-bookings {
  .showdetail-btn {
    font-weight: 400;
  }
  .pay-now-btn,
  .showdetail-btn {
    border: 1px solid #fd7714;
    border-radius: 100px;
    font-family: Space Grotesk;
    font-size: 18px;
    letter-spacing: -0.04em;
    line-height: 27px;
  }
  .pay-now-btn {
    background-color: #fd7714;
    color: #fff;
    font-weight: 700;
    padding: 8px 16px;
    text-align: center;
  }
  .item-border {
    background-color: #fff;
    border-radius: 30px;
  }
  .tab-btn {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 30px;
    font-family: Space Grotesk;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.02em;
    line-height: 25.52px;
  }
  .tab-btn.active {
    background-color: #fd7714 !important;
    border: 1px solid #fd7714 !important;
    color: #fff;
  }
  .tab-btn:hover {
    background-color: #fd7714;
    border: 1px solid #fd7714;
    color: #fff;
  }
  .titlepay {
    font-family: Space Grotesk;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 42px;
  }
  .lefttext {
    font-weight: 400;
  }
  .lefttext,
  .righttext {
    color: #111628;
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 19.78px;
    opacity: 0.8;
  }
  .balaceamt,
  .righttext {
    font-weight: 700;
  }
  .balaceamt {
    font-size: 16px;
    letter-spacing: -0.02em;
    line-height: 19.78px;
  }
  .dueamt {
    font-family: Space Grotesk;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -0.04em;
    line-height: 18px;
  }
  .br-right {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .paid {
    background-color: #fd7714;
    border-radius: 100px;
    color: #fff;
    font-family: Space Grotesk;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.04em;
    line-height: 18px;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.br-20 {
  border-radius: 20px !important;
}
.showonlymobile {
  display: none;
}
.hr-custom {
  color: #d9d9d9 !important;
}
.pay-now-btn {
  background-color: #fd7714;
  border: 1px solid #fd7714;
  border-radius: 100px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  padding: 8px 16px;
  text-align: center;
}
.due-date,
.pay-now-btn {
  font-family: Space Grotesk;
  letter-spacing: -0.04em;
}
.due-date {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
}
.total-pay-popup {
  font-size: 16px;
  line-height: 20.42px;
}
.balanceamt-popup,
.total-pay-popup {
  font-family: Space Grotesk;
  font-weight: 700;
}
.balanceamt-popup {
  font-size: 20px;
  line-height: 25.52px;
}
#contract-page {
  font-family: Space Grotesk;
  .progressbar {
    counter-reset: step;
  }
  .bg-white {
    position: relative;
    z-index: 1;
  }
  .br-30 {
    border-radius: 30px !important;
  }
  .title {
    font-family: Space Grotesk;
    font-size: 32px;
    font-weight: 700;
    line-height: 40.83px;
  }
  .subtitle {
    font-size: 24px;
    line-height: 30.62px;
  }
  .steptitle,
  .subtitle {
    font-family: Space Grotesk;
    font-weight: 500;
  }
  .steptitle {
    font-size: 18px;
    line-height: 44px;
  }
  .progressbar {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
  }
  .gf-select1 {
    background: transparent;
    border: 1px solid #fd7714;
    border-radius: 20px;
    padding: 5% !important;
  }
  .file-upload-image {
    width: 50px;
  }
  .border-dash {
    border: 1px dashed #fd7714;
  }
  .gfdrop-menu.active .gf-select1 i {
    transform: rotate(180deg);
  }
  .gfdrop-menu .gf-select1 i {
    cursor: pointer;
    float: right;
    font-size: 14px;
    margin-top: 0;
    position: relative;
    right: 10px;
    top: 6px;
  }
  .progressbar li {
    color: #d3d3d3;
    cursor: pointer;
    display: inline-block;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    position: relative;
    text-align: left;
    width: 24%;
  }
  .progressbar li:before {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 100%;
    content: counter(step);
    counter-increment: step;
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 28px;
    margin: 0 0 10px;
    text-align: center;
    width: 30px;
  }
  .progressbar li:after {
    background-color: #ddd;
    content: "";
    height: 1px;
    left: 50%;
    left: -50%;
    position: absolute;
    top: 15px;
    transform: translateX(-50%);
    width: calc(100% - 30px);
    width: 100%;
    z-index: -1;
  }
  .progressbar li:first-child:after {
    content: none;
  }
  .progressbar li.active {
    color: #fd7714;
  }
  .progressbar li.active:before {
    border-color: #fd7714;
  }
  .progressbar li.complete {
    color: #fd7714;
  }
  .progressbar li.complete:before {
    border-color: #fd7714;
  }
  .progressbar li.active + li:after {
    background-color: #fd7714;
  }
  .input-wrapper {
    background-color: #fff9f4;
    border-radius: 20px;
    padding: 20px;
    z-index: -1;
  }
  .form-control {
    background: transparent !important;
    border: none !important;
    color: #000;
    font-family: Space Grotesk;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    padding: 5px 0 0 !important;
  }
  label {
    color: #11162899;
    font-family: Readex Pro;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.04em;
    line-height: 21px;
  }
  .form-control:focus {
    box-shadow: none !important;
    outline: none !important;
  }
  .login-btn {
    background-color: #fd7714;
    border: none;
    border-radius: 30px;
    color: #fff;
    font-family: Space Grotesk;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
  }
  .saving {
    height: 46px;
    vertical-align: bottom;
  }
  .saving span {
    vertical-align: top;
  }
  .cancel_btn {
    background-color: #000;
    border: none;
    border-radius: 30px;
    color: #fff;
    font-family: Space Grotesk;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-right: 20px;
  }
  .gf-select {
    padding: 4px !important;
  }
  .gf-frmmrg {
    margin: 0;
  }
  .gfdrop-menu .gf-select span {
    color: #000;
    font-family: Space Grotesk;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
  }
  table {
    border-collapse: collapse;
    margin: 20px 0;
    width: 100%;
  }
  td,
  th {
    border: none;
    padding: 10px;
    text-align: left;
  }
  thead tr th:first-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
  }
  thead tr th:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
  }
  th {
    background-color: #fd7714;
    color: #fff;
    font-weight: 500;
  }
  th,
  tr {
    font-family: Space Grotesk;
    font-size: 18px;
    line-height: 27px;
  }
  tr {
    color: #000;
    font-weight: 400;
    letter-spacing: -0.04em;
  }
  tr:nth-child(odd) {
    background-color: #fff;
  }
  tr:nth-child(2n) {
    background-color: #fd77140d;
  }
  tr td:first-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
  }
  tr td:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
  }
}
#preview {
  .breadcrumb {
    background-color: transparent;
  }
}
.br-30 {
  border-radius: 30px;
}
.dwld-btn {
  background-color: #fd7714;
}
.close-btn,
.dwld-btn {
  border: none;
  border-radius: 30px;
  color: #fff;
  font-family: Space Grotesk;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.close-btn {
  background-color: #000;
}
.breadcrumb {
  background: transparent !important;
  border-radius: 0;
}
.dropdown-position {
  position: relative;
  z-index: 1;
}
.hideforbackmobile {
  font-size: 16px !important;
  margin-bottom: 10px !important;
}
.border-top {
  border-top: 1px solid #00000026;
}
.mt-7 {
  margin-top: 7% !important;
}
.single-line-truncate {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.details-a {
  border: none !important;
  font-family: Readex Pro;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 22.25px;
  padding: 0 !important;
  text-align: left;
  text-decoration-line: underline !important;
}
#replecementpage {
  table {
    border-collapse: collapse;
    margin: 20px 0;
    width: 100%;
  }
  td,
  th {
    border: none;
    padding: 10px;
    text-align: left;
  }
  thead tr th:first-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
  }
  thead tr th:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
  }
  th {
    background-color: #fd7714;
    color: #fff;
    font-weight: 500;
  }
  th,
  tr {
    font-family: Space Grotesk;
    font-size: 18px;
    line-height: 27px;
  }
  tr {
    color: #000;
    font-weight: 400;
    letter-spacing: -0.04em;
  }
  tr:nth-child(odd) {
    background-color: #fff;
  }
  tr:nth-child(2n) {
    background-color: #fd77140d;
  }
  tr td:first-child {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
  }
  tr td:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
  }
}
.replacement-desktop {
  display: block;
}
.replacement-mobile {
  display: none;
}
.cf_err_msg {
  color: #dc2121;
  margin-left: 10px;
  margin-top: 10px;
}
@media (max-width: 699px) {
  .container-sm-contract {
    max-width: 100% !important;
    padding: 0 !important;
  }
  .margin-sm {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.contract_ack_ar {
  direction: rtl;
}
.preview-desc-main {
  color: #000;
}
.preview-desc-main,
.preview-desc-sub {
  font-family: Readex Pro;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}
.preview-desc-sub {
  color: #fd7714;
}
.preview-desc1-main {
  color: #fd7714;
  font-family: Readex Pro;
  font-size: 18px;
  font-weight: 400;
  line-height: 22.5px;
}
.preview-desc1-sub {
  font-size: 12px;
}
.preview-desc1-sub,
.preview-desc2 {
  color: #5f5f62;
  font-family: Readex Pro;
  font-weight: 400;
}
.preview-desc2 {
  font-size: 6px;
  line-height: 7.5px;
}
.preview-desc3 {
  color: #000;
}
.preview-desc3,
.preview-desc4 {
  font-family: Readex Pro;
  font-size: 4px;
  font-weight: 400;
  line-height: 5px;
}
.preview-desc4 {
  color: #5f5f62;
}
.text-ul {
  text-decoration: underline;
}
.banner_text_div {
  margin-bottom: 20px;
  margin-left: 5px;
}
a.ctm_disabled {
  cursor: no-drop;
}
.cf_dy_lt {
  margin-right: 5px;
}
.pagination-icon {
  height: 45px !important;
  width: 45px !important;
}
.carlist {
  margin-top: 70px !important;
}
.searchBtn {
  i {
    margin-top: 5px !important;
  }
}
.gulf-pad1 {
  padding: 0 10px !important;
}
.gulf-flex1 {
  display: flex;
  justify-content: center;
}
@media (max-width: 1024px) {
  .carlist {
    margin-top: 30px !important;
  }
  .searchBtn {
    i {
      margin-top: 0 !important;
    }
  }
  .header_bg_image {
    height: 40vh;
  }
  .addit_title_div {
    margin-left: 10px;
  }
  .faq_bg_image {
    height: 40vh;
  }
  .about_bg_image,
  .blogs_bg_image,
  .contact_bg_image {
    height: 40vh !important;
  }
  .blogs-right {
    border-radius: 20px !important;
    padding: 20px 10px !important;
  }
  .contactus-form {
    padding: 15px !important;
  }
  .about-heading {
    margin-top: 10px !important;
  }
}
@media (max-width: 1059px) {
  #carbook {
    .requirement-grid {
      display: grid;
      gap: 20px;
      grid-template-columns: 100%;
    }
    .date-card {
      padding: 10px;
    }
    .detail-head {
      padding-top: 10px !important;
    }
    .price-card {
      padding: 11px;
    }
  }
}
@media (max-width: 899px) {
  .blogs-right {
    border-radius: 20px !important;
    padding: 50px 40px !important;
  }
  #carbook {
    .requirement-grid {
      grid-template-columns: 100%;
    }
    .date-card {
      padding: 20px;
    }
    .detail-head {
      padding-top: 10px !important;
    }
    .price-card {
      padding: 20px;
    }
  }
  #indexpage {
    .brand-images1 {
      height: auto !important;
    }
  }
}
@media (max-width: 991px) {
  .modal-profpic {
    .prof-lap-head {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }
  }
  #prof-img {
    .modal-dialog {
      align-items: flex-start;
      border-radius: 30px;
      left: 27%;
      margin-top: 7%;
      max-width: 250px !important;
      padding-top: 0 !important;
      transform: none;
    }
  }
  .row_grid {
    grid-template-columns: 50% 50%;
  }
  #loginModal {
    .modal-dialog {
      max-width: 100% !important;
      transform: none !important;
    }
  }
  #signupModal {
    .modal-dialog {
      max-width: 100%;
      transform: none;
    }
  }
}
@media (max-width: 699px) {
  .header_bg_image {
    height: auto !important;
  }
}
@media (max-width: 576px) {
  .carlist {
    margin-top: 0 !important;
  }
  .addit_title_div {
    border: none !important;
    margin-left: 0;
  }
  .about_bg_image,
  .blogs_bg_image,
  .contact_bg_image {
    height: 25vh !important;
  }
  .blogs-right {
    border-radius: 20px !important;
    padding: 20px 10px !important;
  }
  .contact-grid {
    gap: 0 !important;
  }
  .Ourvehicle_testimonials .item .test div.specification {
    gap: 0;
    justify-content: space-between;
    white-space: nowrap;
  }
}
.gulf-chgs-sec1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.eve-seo-sec1 {
  margin: 150px auto 0;
}
.eve-seo-sec1 {
  h2 {
    font-size: 48px;
  }
  h3 {
    font-size: 32px;
  }
  li,
  p {
    font-size: 18px;
  }
  .eve-seo-sec2 {
    margin: 2rem auto;
  }
}
@media (max-width: 1700px) {
  .eve-seo-sec1 {
    h2 {
      font-size: 38px;
    }
    h3 {
      font-size: 28px;
    }
    li,
    p {
      font-size: 16px;
    }
  }
}
@media (max-width: 1300px) {
  .eve-seo-sec1 {
    h2 {
      font-size: 30px;
    }
    h3 {
      font-size: 24px;
    }
    li,
    p {
      font-size: 14px;
    }
    .eve-seo-sec2 {
      margin: 1.5rem auto;
    }
  }
  .eve-seo-sec1 {
    margin: 80px auto 0;
  }
}
@media (max-width: 576px) {
  .eve-seo-sec1 {
    h2 {
      font-size: 25px;
    }
    h3 {
      font-size: 20px;
    }
    .eve-seo-sec2 {
      margin: 0.8rem auto;
    }
  }
}
ul#home_car_model_ul {
  margin-left: 0 !important;
}
.home_car_model_div {
  margin-bottom: 80px;
}
.gulf-instantbtn {
  margin-top: 6rem;
  text-align: center;
}
.gulf-instantbtn {
  button {
    background-color: #fd7714;
    border: none;
    color: #fff;
    cursor: pointer !important;
    font-size: 20px !important;
    padding: 10px 25px;
    transition: 0.5s ease;
  }
  button:hover {
    background-color: #fff;
    color: #000;
    transition: 0.5s ease;
  }
}
@media (max-width: 1700px) {
  .gulf-instantbtn {
    button {
      font-size: 18px !important;
    }
  }
}
@media (max-width: 1300px) {
  .gulf-instantbtn {
    button {
      font-size: 16px !important;
    }
  }
}
.instmodal {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity 0.5s ease;
  width: 100%;
  z-index: 1;
}
.instmodal.active {
  opacity: 1;
  pointer-events: auto;
}
.modal-instcontent {
  background-color: #fff;
  border-radius: 20px;
  max-width: 600px;
  opacity: 0;
  padding: 20px;
  transform: translateY(50px);
  transition: transform 0.5s ease, opacity 0.5s ease;
  width: 100%;
}
.instmodal.active .modal-instcontent {
  opacity: 1;
  transform: translateY(0);
}
.instclose {
  cursor: pointer;
  font-size: 25px;
  font-weight: 700;
  position: absolute;
  right: 20px;
  top: 5px;
  z-index: 11;
}
.instclose:focus,
.instclose:hover {
  color: #000;
  cursor: pointer;
  text-decoration: none;
}
#price_range.ui-widget-content .ui-state-default {
  z-index: 1 !important;
}
@media (max-width: 1050px) {
  .gulf-instantbtn {
    display: none;
  }
}
@media (max-width: 1114px) {
  #indexpage {
    .brand-images1 {
      padding: 20px;
    }
  }
}
@media (max-width: 991px) {
  #indexpage {
    .brand-images1 {
      padding: 25px 20px 10px;
    }
  }
}
@media (max-width: 1024px) {
  .gulf-chgs-sec1 {
    width: 100%;
  }
  .gulf-chgs-sec1 {
    .gulf-carrbrands {
      width: 47%;
    }
  }
}
@media (max-width: 768px) {
  .gulf-chgs-sec1 {
    margin: 30px 0 !important;
  }
}
@media (max-width: 699px) {
  .home_car_model_div {
    margin-bottom: 0;
    margin-top: 7% !important;
  }
  .additioanl_heading {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .gulf-brdcumb-margin {
    padding-left: 20px;
  }
  .gulf-brdcumb-margin1 {
    padding-left: 10px;
  }
  #indexpage {
    #brand_type {
      margin-top: 0;
    }
  }
  .gulf-chgs-sec1 {
    margin: 0 !important;
  }
  .carlist {
    margin-top: 0 !important;
  }
  .car_detail_page {
    #chat-bot-launcher-container.chat-bot-avatar-launcher,
    #chat-bot-launcher-container.chat-bot-launcher-notext {
      bottom: 5px;
    }
    #chat-bot-message-container {
      bottom: 250px !important;
    }
    .btn-whatsapp-pulse {
      bottom: 100px !important;
    }
    .gfwhtsapp {
      bottom: 89px;
      cursor: pointer;
      height: 100px;
      left: 0;
      position: fixed;
      width: 100%;
      z-index: 1;
    }
    .btn-whatsapp-pulse-border {
      left: auto !important;
      right: 13px !important;
    }
  }
  .gulf-right-arrow {
    text-align: right !important;
  }
}
@media (max-width: 576px) {
  #customers-testimonials-barber {
    .img-wrap {
      padding: 16px !important;
    }
  }
}
.gulf-breadcrums {
  animation: fadeUp 0.6s ease-in-out forwards;
  animation-delay: 0.6s;
  bottom: 10px;
  opacity: 0;
  position: absolute;
  transform: translateY(40px);
  z-index: auto;
}
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 1800px) {
  .header_bg_image {
    .mainheading {
      margin-bottom: 15px;
    }
  }
  .gulf-instantbtn {
    margin-top: 4rem;
  }
}
.gulf-vwmore {
  display: none;
}
@media (max-width: 768px) {
  .gulf-vwmore {
    display: block;
    font-size: 16px !important;
    padding: 10px;
  }
  .gulf-vwmore {
    a {
      color: #fd7714 !important;
    }
  }
}
.vehicle-tabs-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
#vehicle-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  white-space: nowrap;
}
#vehicle-tabs .nav-item {
  flex: 0 0 auto;
}
#vehicle-tabs::-webkit-scrollbar {
  display: none;
}
@media (max-width: 699px) {
  .row_grid {
    grid-template-columns: 100%;
  }
}
#chat-bot-launcher-container {
  z-index: 1 !important;
}
.gulf_brdcmbs_sec1 {
  align-items: start !important;
  display: flex;
  flex-wrap: nowrap;
}
.gulf_brdcmbs_sec1 {
  i {
    color: #000 !important;
    margin-right: 10px;
  }
}
#chat-bot-message-close,
.chat-bot-message-label {
  display: none !important;
}
.gulf-carlwrap {
  border-radius: 15px;
  overflow: hidden;
}
#gulf-owcarldets-style {
  .owl-carousel .owl-item img {
    height: 100% !important;
    width: 100%;
  }
  .owl-item {
    width: 300px !important;
  }
  .gulf-itemimg {
    display: block;
    height: 220px;
    margin: 0 auto;
    width: 100%;
  }
  #gulf-owcarldet {
    box-sizing: border-box;
    max-width: 600px;
    width: 100%;
  }
}
.gulf-owl-sliderdet {
  border-radius: 15px;
  display: none;
  margin: 0 auto;
  max-width: 1200px;
}
.gulf-orlsechide {
  display: none;
  display: block;
}
@media (max-width: 699px) {
  .gulf-owl-sliderdet {
    display: block;
    margin: 25px auto;
  }
  .gulf-orlsechide {
    display: none !important;
  }
  #carbook {
    .car-grid-container {
      display: none !important;
    }
  }
  .show-all-gallery {
    bottom: 5px !important;
    display: flex;
    left: 0;
    padding: 16px;
    position: absolute;
    z-index: 1 !important;
  }
  #carbook {
    .breadcrumb-end {
      margin-left: 0;
    }
    .detail-border {
      border-top: 1px solid #00000026;
    }
  }
  .breadcrumb-end {
    display: block;
    margin-top: 2px;
  }
}
.breadcrumbspan {
  color: #afaba8 !important;
  transition: 0.5s ease;
}
.breadcrumbspan:hover {
  color: #fd7714 !important;
  transition: 0.5s ease;
}
.gulf-btnclrcg {
  border: 1px solid transparent !important;
  transition: 0.5s ease-in-out;
}
.gulf-btnclrcg:hover {
  background-color: #fff !important;
  border: 1px solid #fd7714 !important;
  color: #fd7714 !important;
  transition: 0.5s ease-in-out;
}
#gulf-contact-main {
  display: none;
}
@media (max-width: 699px) {
  .gfwhtsapp {
    display: none;
  }
  #gulf-contact-main {
    background-color: #fff;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    left: 0;
    padding: 12px 0;
    position: fixed;
    width: 100%;
    z-index: 1;
  }
  #gulf-contact-main {
    span {
      color: #828282;
      font-size: 12px;
      font-weight: 500;
    }
    .gulf-contact-sec1 {
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
    }
    .gulf-contact-sec2 {
      margin-bottom: 5px;
    }
  }
  #chat-bot-launcher-container {
    bottom: 5px !important;
    opacity: 0;
    right: 28px !important;
    z-index: 10;
  }
  .fixed-height {
    transition: 1s ease-in-out !important;
  }
  .car_detail_page {
    .fixed-bottom {
      border-bottom: 1px solid hsla(0, 0%, 51%, 0.3) !important;
      border-top: 1px solid hsla(0, 0%, 51%, 0.3) !important;
      bottom: 71px;
      left: 0;
      position: fixed;
      right: 0;
      z-index: 10 !important;
    }
    .footer-condition {
      margin-bottom: 165px;
    }
  }
  #carbook {
    .detail-section {
      align-items: center;
      background-color: #fff;
      border: 1px solid #fff;
      box-shadow: none !important;
      -moz-column-gap: 20px;
      column-gap: 20px;
      display: flex;
      justify-content: center;
      padding: 14px 20px;
      z-index: 100;
    }
    .date-icon,
    .end-date-icon {
      top: -16px;
      width: 15px;
    }
  }
  .nav-tabs .nav-link {
    padding: 8px 12px !important;
  }
  .gulf-cardet-imgcarosel {
    border-radius: 15px;
    height: 225px !important;
    overflow: hidden;
    width: 100% !important;
  }
  .gulf-cardet-imgcarosel img {
    height: 100% !important;
    width: 100% !important;
  }
}
.gulf-me3 {
  margin-right: 10px !important;
}
#detailsModals.modal {
  z-index: 1050 !important;
}
#detailsModals ~ .modal-backdrop {
  z-index: 1040 !important;
}
.gulf-carlistpg {
  margin: auto;
  max-width: 1920px;
  width: 100%;
}
.gulf-loginsection1 {
  display: block !important;
}
@media (max-width: 899px) {
  .gulf-loginsection1 {
    display: none !important;
  }
}
@media (max-width: 699px) {
  .gulf-deschg-carlist {
    .gulf-deschg-crlsrel {
      position: relative;
    }
    .header_bg_image {
      background-color: var(--bgorange);
      border-radius: 0 !important;
      padding: 20px 0;
    }
  }
  .gulf-carlistpg {
    margin-top: 60px;
  }
  .gulf-breadcrums {
    bottom: -65px;
    left: 22px;
  }
  .header_bg_image {
    .breadcrumbspan {
      color: #000 !important;
      font-weight: 400;
    }
  }
  #filter-car-main {
    .card item {
      position: relative;
    }
    .brand-content {
      background-color: #fff !important;
      border-radius: 15px;
      left: 20px;
      position: absolute;
      top: 20px;
    }
    .gulf-carlistflex {
      align-items: center;
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between;
    }
    .available p {
      margin-bottom: 0 !important;
    }
  }
  #filterpop {
    & #filter-car-main {
      .card {
        border-radius: 28px;
      }
    }
  }
  .gulf_search-sec-icon {
    background-color: var(--orange);
    border-radius: 50%;
  }
  .gulf_search-sec-icon img {
    border: 1px solid transparent !important;
    filter: brightness(0) invert(1);
  }
  .gulf-loginsection1 {
    display: none !important;
  }
}
#filterpop {
  & #filter-car-main {
    .available {
      display: none;
    }
  }
}
.availables {
  padding: 15px 0 !important;
}
.availables p {
  border: 1px solid green;
  border-radius: 15px;
  color: green;
  display: inline;
  font-size: 12px;
  margin-bottom: 0 !important;
  padding: 6px 10px;
}
.availables {
  margin-top: 5% !important;
}
.gulf-blackreg {
  color: #000 !important;
}
.gulf_faqcontainer {
  margin: auto;
  max-width: 1920px;
  padding: 0 20px;
  width: 100%;
}
.gulf_indexpage_blog {
  overflow: hidden !important;
}
.gulf-popup-overlay {
  background: rgba(0, 0, 0, 0.6);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  transition: 0.6s ease-in-out;
  width: 100%;
  z-index: 9999;
}
.gulf-side-popup {
  background: #fff;
  height: 100%;
  left: -100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  transition: left 0.6s ease-in-out;
  width: 350px;
  z-index: 99999;
}
.gulf-popup-overlay.active {
  display: block;
}
.gulf-side-popup.active {
  left: 0;
}
.gulf-loginsection2 {
  button {
    margin-left: 12px;
  }
}
.gulf_navsec1 {
  flex-direction: column;
}
.gulf-subcont,
.gulf_navsec1 {
  margin-top: 30px;
}
.gulf_navsec1 {
  .gulf_nav-item {
    position: relative;
    #gulfbrandsDropdown {
      background: #fff;
      height: 100vh;
      left: -100%;
      padding: 12px 20px;
      position: absolute;
      top: 0;
      transition: left 0.3s ease;
      width: 100%;
      z-index: 999;
    }
    #gulfbrandsDropdown.active {
      left: 0;
    }
    .gulfback-arrow {
      cursor: pointer;
      display: inline-block;
      font-size: 24px;
      margin-bottom: 20px;
      padding: 0;
    }
  }
  .gulf-baarwsec1 {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 455px;
    margin-top: 5px;
    overflow: auto;
    padding: 0 0 0 27px;
  }
  .gulf-baarwsec1 li a {
    font-size: 16px !important;
  }
}
.gulf_singnup-contents {
  position: relative;
}
.gulf_singnup-contents {
  button {
    position: absolute;
    right: 20px;
    top: 20px;
  }
}
.gulf-side-popup {
  .menuhead {
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    display: flex;
    gap: 10px;
    justify-content: start;
    padding-left: 20px;
  }
}
.gulf_navsec1 {
  .logout-link {
    display: flex;
    gap: 10px;
    justify-content: start;
    margin-top: 50px;
  }
  .logout-link i {
    margin-top: 2px !important;
    transform: rotate(180deg);
  }
}
#availcars {
  .home_toggler img {
    filter: invert(100%) !important;
  }
}
#aboutpage {
  .home_toggler img {
    filter: invert(100%) !important;
  }
}
#homefaq {
  .home_toggler img {
    filter: invert(100%) !important;
  }
}
#mainblog {
  .home_toggler img {
    filter: invert(100%) !important;
  }
}
#cont_nav {
  .home_toggler img {
    filter: invert(100%) !important;
  }
}
.logout-menu {
  margin-bottom: 0 !important;
}
.gulf_navsec1 {
  .nav-link {
    padding-left: 18px;
  }
}
.gulf-loginsection2 {
  bottom: 20px;
  left: 20px;
  position: absolute;
  width: 80%;
}
.gulf-loginsection2 button {
  width: 100%;
}
.gulf_moblogo {
  margin-top: 40px;
  padding-left: 20px;
}
.gf-newfrm {
  margin-right: 45px !important;
}
@media (max-width: 699px) {
  .pagination-icon {
    height: 33px !important;
    width: 20px !important;
  }
  #carbook {
    .first-review {
      font-size: 14px;
      padding: 4px 8px;
    }
    .date-bottom {
      border: 1px solid transparent;
    }
  }
  .book_check_box {
    align-items: start;
  }
  .vendor-custom-checkbox {
    margin-top: 3px;
  }
  .gulf-deschg-carlist {
    h1 {
      color: #000 !important;
      font-size: 24px !important;
      margin: 0 30px 30px !important;
      text-align: center;
    }
  }
  .category-buttons {
    display: flex;
    overflow: auto;
    padding-bottom: 20px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .category-buttons::-webkit-scrollbar {
    display: none;
  }
  #carbook {
    .date-bottom {
      padding: 10px 20px;
    }
  }
  .category-buttons .btn {
    text-wrap: nowrap;
  }
}
.gulf-mt3 {
  margin-top: 2rem;
}
.gulf-mt {
  margin-bottom: 0;
  text-align: left;
}
.gulf-mt1 {
  margin-bottom: 1.5rem;
}
@media (max-width: 350px) {
  .gulf-side-popup {
    width: 280px;
  }
  #carbook {
    ul#myTab {
      flex-wrap: wrap;
      gap: 10px;
    }
    .nav li {
      display: flex;
      flex-direction: column;
      margin-right: 0;
    }
  }
}
.gulf-navhide.active {
  z-index: 1 !important;
}
.gulf_headbgimage.active {
  z-index: auto !important;
}
/* new chgs */
#loginModal {
  .password-toggle {
      position: absolute !important;
      right: 22px !important;
      top: 18px !important;
  }
  .loginbtn1 {
    background: var(--orange) !important;
    border: 0 !important;
    border-radius: 25px !important;
    color: #fff !important;
    font-family: Space Grotesk !important ;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    margin-top: 4%;
    padding: 14px 15px !important;
    width: 100% !important;
  }
  .loginbtn1 {
    font-size: 15px !important;
    padding: 11px 15px !important;
}
}