@charset "UTF-8";
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("clientlib-site/css/ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url("clientlib-site/css/fonts/slick.eot");
  src: url("clientlib-site/css/fonts/slick.eot?#iefix") format("embedded-opentype"), url("clientlib-site/css/fonts/slick.woff") format("woff"), url("clientlib-site/css/fonts/slick.ttf") format("truetype"), url("clientlib-site/css/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir=rtl] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir=rtl] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

@font-face {
  font-family: "montserrat-regular";
  src: url(clientlib-site/resources/fonts/montserrat-regular.woff) format("opentype");
}
@font-face {
  font-family: "reicons";
  src: url(clientlib-site/resources/fonts/reicons.woff) format("opentype");
}
@font-face {
  font-family: "Guardian Sans XCond";
  src: url(clientlib-site/resources/fonts/GuardianSansXCond-Regular.otf) format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: "Guardian Sans XCond";
  src: url(clientlib-site/resources/fonts/GuardianSansXCond-Medium.otf) format("opentype");
  font-weight: 500;
}
@font-face {
  font-family: "Guardian Sans XCond";
  src: url(clientlib-site/resources/fonts/GuardianSansXCond-Semibold.otf) format("opentype");
  font-weight: 600;
}
@font-face {
  font-family: "Guardian Sans XCond";
  src: url(clientlib-site/resources/fonts/GuardianSansXCond-Bold.otf) format("opentype");
  font-weight: 700;
}
@font-face {
  font-family: "Guardian Sans XCond";
  src: url(clientlib-site/resources/fonts/GuardianSansXCond-Black.otf) format("opentype");
  font-weight: 900;
}
@font-face {
  font-family: "Montserrat";
  src: url(clientlib-site/resources/fonts/Montserrat-Regular.otf) format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: "Montserrat";
  src: url(clientlib-site/resources/fonts/Montserrat-Medium.otf) format("opentype");
  font-weight: 500;
}
@font-face {
  font-family: "Montserrat";
  src: url(clientlib-site/resources/fonts/Montserrat-SemiBold.otf) format("opentype");
  font-weight: 600;
}
@font-face {
  font-family: "Montserrat";
  src: url(clientlib-site/resources/fonts/Montserrat-Bold.otf) format("opentype");
  font-weight: 700;
}
@font-face {
  font-family: "Montserrat";
  src: url(clientlib-site/resources/fonts/Montserrat-Black.otf) format("opentype");
  font-weight: 900;
}
@font-face {
  font-family: "RE_Numbers";
  src: url(clientlib-site/resources/fonts/RE_Numbers.otf) format("opentype");
  font-weight: 700;
}
* {
  margin: 0;
  padding: 0;
}

button,
input,
optgroup,
select,
textarea,
html,
body,
header,
div,
section,
article,
p,
a,
input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font: inherit;
  color: inherit;
}

html,
body {
  margin: 0;
  font-size: 16px;
  font-family: "Montserrat";
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 140%;
  color: #181818;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
html a,
body a {
  text-decoration: none;
}

button {
  cursor: pointer;
}

.padding-global-top-bottom {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .padding-global-top-bottom {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.padding-global-left-right {
  padding-left: 9vw;
  padding-right: 9vw;
}
@media (max-width: 767px) {
  .padding-global-left-right {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1600px) {
  .padding-global-left-right {
    padding-left: 9vw;
    padding-right: 9vw;
  }
}
@media (max-width: 1300px) {
  .padding-global-left-right {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}

.padding-global-all {
  padding: 80px 9vw;
}
@media (max-width: 767px) {
  .padding-global-all {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1600px) {
  .padding-global-all {
    padding-left: 9vw;
    padding-right: 9vw;
  }
}
@media (max-width: 1300px) {
  .padding-global-all {
    padding: 80px 5vw;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .padding-global-tablet-left-right-sort {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.padding-global-mobile-left-right-sort {
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 1600px) {
  .padding-global-mobile-left-right-sort {
    padding-left: 9vw;
    padding-right: 9vw;
  }
}

.padding-global-short-16 {
  padding: 16px;
}

.padding-global-short-20 {
  padding: 20px;
}

.padding-global-short-24 {
  padding: 24px;
}

.padding-global-short-30 {
  padding: 30px;
}

.padding-global-short-32 {
  padding: 32px;
}

.padding-global-short-40 {
  padding: 40px;
}

.padding-global-short-48 {
  padding: 48px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .padding-global-short-t-10 {
    padding: 10px;
  }
}

@media (max-width: 767px) {
  .padding-global-short-m-10 {
    padding: 10px;
  }
}

.padding-bottom-short {
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .padding-bottom-short {
    padding-bottom: 20px;
  }
}

.padding-top-zero {
  padding-top: 0px;
}

.padding-bottom-zero {
  padding-bottom: 0px;
}

.padding-left-zero {
  padding-left: 0px;
}

.padding-right-zero {
  padding-right: 0px;
}

.padding-top-60 {
  padding-top: 60px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .padding-global-tablet-top-bottom {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .padding-global-tablet-left-right {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .padding-global-tablet-all {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .padding-tablet-all-zero {
    padding: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .padding-tablet-top-zero {
    padding-top: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .padding-tablet-bottom-zero {
    padding-bottom: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .padding-tablet-left-zero {
    padding-left: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .padding-tablet-right-zero {
    padding-right: 0px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .padding-tablet-bottom-extra {
    padding-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .padding-global-mobile-top-bottom {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .padding-global-mobile-left-right {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .padding-global-mobile-all {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .padding-mobile-all-zero {
    padding: 0px;
  }
}

@media (max-width: 767px) {
  .padding-mobile-top-zero {
    padding-top: 0px;
  }
}

@media (max-width: 767px) {
  .padding-mobile-bottom-zero {
    padding-bottom: 0px;
  }
}

@media (max-width: 767px) {
  .padding-mobile-left-zero {
    padding-left: 0px;
  }
}

@media (max-width: 767px) {
  .padding-mobile-right-zero {
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  .padding-mobile-bottom-extra {
    padding-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .padding-mobile-bottom-short {
    padding-bottom: 20px;
  }
}

.padding-global-bottom {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .padding-global-bottom {
    padding-bottom: 40px;
  }
}

.text-align-center {
  text-align: center;
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.text-color-white,
.white-color {
  color: #ffffff;
}

.text-color-grey-848484 {
  color: #848484;
}

.black-color {
  color: #000000;
}

.dark-gray-color {
  color: #181818;
}

.gray-color {
  color: #a7a7a7;
}

.red-color {
  color: #da291c;
}

.cursor-pointer {
  cursor: pointer;
}

.background-dark-grey-with-filter-drop {
  background-color: #060606;
  backdrop-filter: blur(10.3205px);
}

.background-light-black {
  background-color: #181818;
}

.background-img-pattern-1 {
  background-image: url(clientlib-site/resources/images/pattern_4.webp);
  background-repeat: no-repeat;
}

.background-img-pattern-2 {
  background-image: url("clientlib-site/resources/images/pattern_1.webp");
  background-repeat: no-repeat;
}

.background-img-pattern-3 {
  background-image: url("clientlib-site/resources/images/pattern_2.webp");
  background-repeat: no-repeat;
}

.background-img-pattern-4 {
  background-image: url("clientlib-site/resources/images/pattern_3.webp");
  background-repeat: no-repeat;
}

.background-img-pattern-5 {
  background-image: url("clientlib-site/resources/images/pattern_5.webp");
  background-repeat: no-repeat;
}

.background-img-pattern-logo {
  background-image: url("clientlib-site/resources/images/pattern_6.webp");
  background-repeat: no-repeat;
}

.background-position-bottom-center {
  background-position: bottom center;
}

.background-position-top-center {
  background-position: top center;
}

.background-position-top-right {
  background-position: top right;
}

.background-position-top-left {
  background-position: top left;
}

.background-position-bottom-right {
  background-position: bottom right;
}

.background-position-bottom-left {
  background-position: bottom left;
}

.font-family-RE_Numbers {
  font-family: "RE_Numbers";
}

.font-family-xcond {
  font-family: "Guardian Sans XCond";
}

.font-family-Montserrat {
  font-family: "Montserrat";
}

.font-style-title-default {
  font-family: "Guardian Sans XCond";
  font-size: 3.5625rem;
  font-weight: 700;
  line-height: 68px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
}
@media (max-width: 767px) {
  .font-style-title-default {
    font-family: "Guardian Sans XCond";
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 120%;
  }
}

.font-style-title-default-m40 {
  font-family: "Guardian Sans XCond";
  font-size: 3.25rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
}
@media (max-width: 767px) {
  .font-style-title-default-m40 {
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.8px;
  }
}

.d-none {
  display: none;
}

@media (min-width: 768px) {
  .tablet-none,
  .t-none {
    display: none;
  }
}

@media (max-width: 767px) {
  .mobile-none,
  .m-none {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1365px) {
  .mobile-none-only {
    display: block;
  }
}

.w-100 {
  width: 100%;
}

@media (max-width: 767px) {
  .m-w-100 {
    width: 100%;
  }
}

ul {
  list-style: none;
}

.pointer-action-none {
  pointer-events: none;
  cursor: not-allowed;
}

.glider-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  margin: unset !important;
  padding: 0;
  width: 82vw;
}
@media (max-width: 1300px) {
  .glider-dots {
    width: 90vw;
  }
}
@media (max-width: 767px) {
  .glider-dots {
    display: none;
  }
}
.glider-dots .glider-dot {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: 0;
  margin-right: 0;
  margin-left: 0;
  height: 6px;
  background: none;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
.glider-dots .glider-dot:after {
  content: "";
  height: 1px;
  width: 100%;
  background: #a7a7a7;
  display: block;
}
.glider-dots .glider-dot.active {
  height: 6px;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  background: #181818;
}
.glider-dots .glider-dot.active:after {
  display: none;
}

.preventBodyScrolling,
.preventBodyScrolling-l2,
.preventBodyScrolling-l3,
.preventBodyScrolling-l4,
.preventBodyScrolling-l5,
.product-sort-modal-active,
.product-filters-modal-active {
  height: 100vh;
  width: 100vw;
  overflow: hidden !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.preventBodyScrolling .container-layout-footer,
.preventBodyScrolling .container-zindex-footer,
.preventBodyScrolling .bottom-strip-sticky,
.preventBodyScrolling-l2 .container-layout-footer,
.preventBodyScrolling-l2 .container-zindex-footer,
.preventBodyScrolling-l2 .bottom-strip-sticky,
.preventBodyScrolling-l3 .container-layout-footer,
.preventBodyScrolling-l3 .container-zindex-footer,
.preventBodyScrolling-l3 .bottom-strip-sticky,
.preventBodyScrolling-l4 .container-layout-footer,
.preventBodyScrolling-l4 .container-zindex-footer,
.preventBodyScrolling-l4 .bottom-strip-sticky,
.preventBodyScrolling-l5 .container-layout-footer,
.preventBodyScrolling-l5 .container-zindex-footer,
.preventBodyScrolling-l5 .bottom-strip-sticky,
.product-sort-modal-active .container-layout-footer,
.product-sort-modal-active .container-zindex-footer,
.product-sort-modal-active .bottom-strip-sticky,
.product-filters-modal-active .container-layout-footer,
.product-filters-modal-active .container-zindex-footer,
.product-filters-modal-active .bottom-strip-sticky {
  z-index: 0 !important;
}
.preventBodyScrolling .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs,
.preventBodyScrolling-l2 .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs,
.preventBodyScrolling-l3 .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs,
.preventBodyScrolling-l4 .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs,
.preventBodyScrolling-l5 .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs,
.product-sort-modal-active .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs,
.product-filters-modal-active .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs {
  z-index: 0 !important;
}

.preventBodyScrolling .filter-tabs-ctas,
.preventBodyScrolling-l2 .filter-tabs-ctas,
.preventBodyScrolling-l3 .filter-tabs-ctas {
  z-index: 0 !important;
}

.bg-pattern-design {
  background-image: url("resources/images/img-bike-bg.png");
  background-repeat: repeat;
  background-position: top right;
  background-size: cover;
}

.slick-prev::before,
.slick-next::before {
  display: none;
}

.hide {
  display: none !important;
}

.glider.draggable {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}
.glider.draggable::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {
  .width-tabdesk-100 {
    width: 100%;
  }
}

.bg-color-red {
  background-color: #da291c;
}

.location-desclaimer-header {
  width: 100%;
  background: #2c0806;
  position: fixed;
  left: 0;
  z-index: 999;
}
.location-desclaimer-header .desclaimer {
  padding-left: 9vw;
  padding-right: 9vw;
  padding-top: 20px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .location-desclaimer-header .desclaimer {
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.location-desclaimer-header .desclaimer img {
  height: 48px;
  width: auto;
  min-height: 48px;
}
@media (max-width: 767px) {
  .location-desclaimer-header .desclaimer img {
    height: 32px;
    min-height: 32px;
    width: auto;
  }
}
.location-desclaimer-header .desclaimer .desc {
  color: #a7a7a7;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  word-break: break-all;
}
@media (max-width: 767px) {
  .location-desclaimer-header .desclaimer .desc {
    font-size: 14px;
  }
}
.location-desclaimer-header .desclaimer .desc span {
  color: #ededed;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}
@media (max-width: 767px) {
  .location-desclaimer-header .desclaimer .desc span {
    font-size: 14px;
  }
}

.breadcrumb {
  margin-top: 12px;
  margin-bottom: 12px;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.breadcrumb::-webkit-scrollbar {
  display: none;
}
.breadcrumb .cmp-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .breadcrumb .cmp-breadcrumb__list {
    gap: 5px;
  }
}
.breadcrumb .cmp-breadcrumb__item {
  display: block;
  min-height: 10px;
  max-height: 10px;
  -o-border-image: none;
  border-image: none;
  position: relative;
  margin-left: 25px;
  margin-right: 6px;
  padding: 5px 15px 15px 5px;
  color: #848484;
  background: #f2f2f2;
  z-index: 1;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 767px) {
  .breadcrumb .cmp-breadcrumb__item {
    white-space: nowrap;
    font-size: 12px;
  }
}
@media screen and (max-width: 400px) {
  .breadcrumb .cmp-breadcrumb__item {
    line-height: 180%;
    font-size: 11px;
  }
}
.breadcrumb .cmp-breadcrumb__item:first-child {
  margin-left: 0;
  padding-left: 20px;
}
.breadcrumb .cmp-breadcrumb__item:first-child::after {
  display: none;
}
.breadcrumb .cmp-breadcrumb__item:last-child {
  padding-right: 15px;
}
@media screen and (max-width: 400px) {
  .breadcrumb .cmp-breadcrumb__item:last-child {
    padding-right: 7px;
  }
}
.breadcrumb .cmp-breadcrumb__item::before {
  content: "";
  position: absolute;
  left: 100%;
  top: 0;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 15px solid #f2f2f2;
  border-bottom: 15px solid transparent;
  z-index: -1;
}
.breadcrumb .cmp-breadcrumb__item::after {
  content: "";
  position: absolute;
  left: -25px;
  top: 0px;
  width: 0px;
  height: 0px;
  border-width: 15px;
  border-style: solid;
  border-left: 15px solid transparent;
  -o-border-image: none;
  border-image: none;
  color: #f2f2f2;
  z-index: -1;
}
.breadcrumb .cmp-breadcrumb__item:last-child,
.breadcrumb .cmp-breadcrumb__item--active {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
@media (max-width: 767px) {
  .breadcrumb .cmp-breadcrumb__item:last-child,
  .breadcrumb .cmp-breadcrumb__item--active {
    white-space: nowrap;
    font-size: 12px;
  }
}

.breadcrumbs__pointer--first {
  border-bottom-left-radius: 16px;
  border-top-left-radius: 16px;
}
.breadcrumbs__pointer--first:before {
  border-left: none;
}

.breadcrumb.breadcrumb-white {
  margin-top: 12px;
}
.breadcrumb.breadcrumb-white .cmp-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .breadcrumb.breadcrumb-white .cmp-breadcrumb__list {
    gap: 5px;
  }
}
.breadcrumb.breadcrumb-white .cmp-breadcrumb__item {
  background: #fff;
}
.breadcrumb.breadcrumb-white .cmp-breadcrumb__item::before {
  border-left: 15px solid #fff;
}
.breadcrumb.breadcrumb-white .cmp-breadcrumb__item::after {
  color: #fff;
}

.cmp-button {
  cursor: pointer;
}

.btn-vdmp-red button,
a.btn-vdmp-red,
button.btn-vdmp-red {
  width: 310px;
  border-radius: 0px;
  padding: 16px 32px 16px 32px;
  color: #ffffff;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0em;
  text-align: center;
  background: #da291c;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
@media (max-width: 767px) {
  .btn-vdmp-red button,
  a.btn-vdmp-red,
  button.btn-vdmp-red {
    width: 100%;
  }
}
.btn-vdmp-red button:hover, .btn-vdmp-red button:active,
a.btn-vdmp-red:hover,
a.btn-vdmp-red:active,
button.btn-vdmp-red:hover,
button.btn-vdmp-red:active {
  background: #ae2116;
}

.btn-vdmp-red a {
  display: inline-block;
  text-align: center;
  padding: 16px 32px;
  background: #da291c;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  border: none;
  outline: none;
  font-size: 0.875rem;
  line-height: 100%;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
@media (max-width: 767px) {
  .btn-vdmp-red a {
    display: block;
    font-size: 0.875rem;
    line-height: 140%;
  }
}
.btn-vdmp-red a:hover {
  background: #ae2116;
}

@media (max-width: 767px) {
  .vdmp-btn {
    width: 100%;
  }
}
.vdmp-btn {
  cursor: pointer;
  border: none;
  padding: 16px 32px 16px 32px;
  font-family: "Montserrat";
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  width: auto;
  background: #da291c;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.vdmp-btn span.ripple {
  position: absolute;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation: ripple 600ms linear;
          animation: ripple 600ms linear;
  background-color: rgba(255, 255, 255, 0.7);
}
@-webkit-keyframes ripple {
  to {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0;
  }
}
@keyframes ripple {
  to {
    -webkit-transform: scale(4);
            transform: scale(4);
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .vdmp-btn {
    padding: 11px 32px 11px 32px;
  }
}
.vdmp-btn:hover, .vdmp-btn:active {
  cursor: pointer;
}
.vdmp-btn .icon-after {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
.vdmp-btn img[src=""] {
  display: none;
}
.vdmp-btn.vdmp-btn-lg {
  font-size: 14px;
  line-height: 140%;
  padding: 16px 32px 16px 32px;
}
.vdmp-btn.vdmp-btn-lg img {
  width: 20px;
  height: auto;
}
.vdmp-btn.vdmp-btn-md {
  font-size: 0.875rem;
  line-height: 140%;
  padding: 16px 32px 16px 32px;
  gap: 13.5px;
}
.vdmp-btn.vdmp-btn-md img {
  width: 16.67px;
  height: auto;
}
.vdmp-btn.vdmp-btn-sm {
  height: 40px;
  font-size: 0.875rem;
  line-height: 140%;
  gap: 10px;
}
.vdmp-btn.vdmp-btn-sm img {
  width: 13.33px;
  height: auto;
}
.vdmp-btn.vdmp-btn-primary {
  background: #da291c;
  color: #fff;
}
.vdmp-btn.vdmp-btn-primary:hover {
  background: #ae2116;
}
.vdmp-btn.vdmp-btn-secondary {
  background: #ffffff;
  color: #181818;
  border: 1px solid #181818;
}
.vdmp-btn.vdmp-btn-secondary:hover {
  background: #181818;
  color: #ffffff;
  border: 1px solid #181818;
}
.vdmp-btn.vdmp-btn-secondary span.ripple {
  position: absolute;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-animation: ripple 600ms linear;
          animation: ripple 600ms linear;
  background-color: rgba(0, 0, 0, 0.7);
}
.vdmp-btn.vdmp-btn-tertiary {
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #181818;
}
.vdmp-btn.vdmp-btn-tertiary:hover, .vdmp-btn.vdmp-btn-tertiary:active {
  color: #474747;
}
.vdmp-btn.vdmp-btn-tertiary:disabled {
  color: #a7a7a7;
}
.vdmp-btn.vdmp-btn-tertiary.vdmp-btn-lg {
  font-size: 18px;
  line-height: 26px;
}
.vdmp-btn.vdmp-btn-tertiary.vdmp-btn-lg img {
  width: 24px;
  height: auto;
}
.vdmp-btn.vdmp-btn-tertiary.vdmp-btn-md {
  font-size: 16px;
  line-height: 24px;
}
.vdmp-btn.vdmp-btn-tertiary.vdmp-btn-md img {
  width: 20px;
  height: auto;
}
.vdmp-btn.vdmp-btn-tertiary.vdmp-btn-sm {
  font-size: 14px;
  line-height: 22px;
}
.vdmp-btn.vdmp-btn-tertiary.vdmp-btn-sm img {
  width: 16px;
  height: auto;
}
.vdmp-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.padding-sort-btn {
  padding: 11px 32px;
}

.padding-main-both {
  padding: 16px 32px;
}

.button-width-100per {
  width: 100%;
}
.button-width-100per .cmp-button {
  width: 100%;
}

@media (max-width: 767px) {
  .button-width-mobile-100per {
    width: 100%;
    display: block;
  }
  .button-width-mobile-100per .cmp-button {
    display: block;
    width: 100%;
  }
}
.vdmp-btn-arrow-right-v2-tertiary-text-white {
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
  padding-right: 28px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .vdmp-btn-arrow-right-v2-tertiary-text-white {
    font-size: 16px;
    line-height: 24px;
  }
}
.vdmp-btn-arrow-right-v2-tertiary-text-white:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(clientlib-site/resources/images/arrow-right-white-type2.png);
}

.vdmp-btn-red-arrow-right-v3-tertiary-text-white {
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
  padding-right: 28px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  background: #da291c;
  padding: 12px 32px;
}
.vdmp-btn-red-arrow-right-v3-tertiary-text-white:hover {
  background: #ae2116;
}
@media (max-width: 767px) {
  .vdmp-btn-red-arrow-right-v3-tertiary-text-white {
    font-size: 16px;
    line-height: 24px;
  }
}
.vdmp-btn-red-arrow-right-v3-tertiary-text-white:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(clientlib-site/resources/images/arrow-right-white-type2.png);
}

.vdmp-btn-red-arrow-right-v4-tertiary-text-white {
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
  padding-right: 28px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .vdmp-btn-red-arrow-right-v4-tertiary-text-white {
    font-size: 16px;
    line-height: 24px;
  }
}
.vdmp-btn-red-arrow-right-v4-tertiary-text-white:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(clientlib-site/resources/images/arrow-right-red.png);
}

.vdmp-btn-transparent-arrow-red-right-v5-tertiary-text-red {
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #da291c;
  padding-right: 28px;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .vdmp-btn-transparent-arrow-red-right-v5-tertiary-text-red {
    font-size: 16px;
    line-height: 24px;
  }
}
.vdmp-btn-transparent-arrow-red-right-v5-tertiary-text-red:hover {
  color: #ae2116;
}
.vdmp-btn-transparent-arrow-red-right-v5-tertiary-text-red:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url(clientlib-site/resources/images/arrow-right-red.png);
}

.sortListResetButton {
  color: #da291c;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-align: center;
  padding: 16px 0px;
}
.sortListResetButton:hover {
  background: #da291c;
  color: #ffffff;
}
@media (max-width: 767px) {
  .sortListResetButton {
    display: none;
  }
}

.btn-hidden {
  display: none !important;
}
.btn-hidden button,
.btn-hidden a {
  display: none !important;
}

.root.container {
  padding-top: 70px;
}

.container-bg-white,
.bg-color-white {
  background-color: #ffffff;
}

.container-bg-re-red,
.bg-color-red {
  background-color: #ffffff;
}

#sticky_container {
  position: fixed;
  top: 14.5%;
}
@media (max-width: 767px) {
  #sticky_container {
    position: unset;
  }
}

.aem-GridColumn {
  position: relative;
}

.container-layout-footer,
.container-zindex-footer {
  z-index: 900;
}

.container-layout-footer > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
@media (max-width: 767px) {
  .container-layout-footer > .cmp-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 42px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    row-gap: 42px;
  }
  .container-layout-footer > .cmp-container .container.responsivegrid {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 1024px) and (min-width: 767px) {
  .container-layout-footer > .cmp-container .container.responsivegrid {
    width: calc(33.33% - 20px);
  }
}
@media screen and (max-width: 1024px) and (min-width: 767px) {
  .container-layout-footer > .cmp-container {
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .container-layout-footer > .cmp-container .container-width-m100.container.responsivegrid {
    width: 100%;
    margin-bottom: 30px;
  }
  .container-layout-footer > .cmp-container .container-width-m100.container.responsivegrid .cmp-container {
    width: 50%;
  }
}
@media screen and (max-width: 1250px) and (min-width: 1025px) {
  .container-layout-footer > .cmp-container .container-width-m100 {
    max-width: 170px;
  }
}
.container-layout-footer > .cmp-container .footer-logo-image {
  max-width: 264px;
}
@media (max-width: 767px) {
  .container-layout-footer > .cmp-container .footer-logo-image {
    max-width: 100%;
  }
}

.container-width-D50 {
  width: 50% !important;
  float: left;
}

.container-width-D30 {
  width: 30% !important;
  float: left;
}

.container-width-D25 {
  width: 25% !important;
  float: left;
}

.container-width-D70 {
  width: 70% !important;
  float: left;
}

.container-width-D75 {
  width: 75% !important;
  float: left;
}

.container-width-D100 {
  width: 100% !important;
  float: left;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .container-width-t100 {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  .container-width-m100 {
    width: 100% !important;
  }
}

.container-points-teaser > .cmp-container,
.container-steps-teaser > .cmp-container,
.container-flex-rows > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .container-points-teaser > .cmp-container,
  .container-steps-teaser > .cmp-container,
  .container-flex-rows > .cmp-container {
    max-width: unset;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.container-flex-rows-with-maxwidth > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 82vw;
}
@media (max-width: 767px) {
  .container-flex-rows-with-maxwidth > .cmp-container {
    max-width: unset;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 1300px) {
  .container-flex-rows-with-maxwidth > .cmp-container {
    max-width: 90vw;
  }
}

.container-steps-teaser > .cmp-container {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

@media (max-width: 767px) {
  .container-points-teaser > .cmp-container {
    gap: 24px;
  }
}

.container-order-reverse-mobile-only > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767px) {
  .container-order-reverse-mobile-only > .cmp-container {
    max-width: unset;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .container-order-reverse-mobile-only > .cmp-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.container-order-reverse-tab-only > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-order-reverse-tab-only > .cmp-container {
    max-width: unset;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-order-reverse-tab-only > .cmp-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .container-order-reverse-tablet-only {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.container-wrap > .cmp-container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .container-wrap-tablet > .cmp-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.container-heading-and-cta > .cmp-container,
.container-heading-with-cta > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 82vw;
}
@media (max-width: 767px) {
  .container-heading-and-cta > .cmp-container,
  .container-heading-with-cta > .cmp-container {
    max-width: unset;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .container-heading-and-cta > .cmp-container .text,
  .container-heading-with-cta > .cmp-container .text {
    margin-right: auto;
  }
}
@media (max-width: 767px) {
  .container-heading-and-cta > .cmp-container .button,
  .container-heading-with-cta > .cmp-container .button {
    width: 100%;
    max-width: calc(100vw - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 40px;
  }
}

.container-flex-columns > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.container-flex-wrap-30 > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}

.container-flex-wrap > .cmp-container {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.container-flex-wrap > .cmp-container .container-width-D50 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  float: unset;
}
.container-flex-wrap > .cmp-container .container-width-D25 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  float: unset;
}
.container-flex-wrap > .cmp-container .container-width-D30 {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  float: unset;
}
.container-flex-wrap > .cmp-container .container-width-D70 {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  float: unset;
}
.container-flex-wrap > .cmp-container .container-width-D75 {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  float: unset;
}
.container-flex-wrap > .cmp-container .container-width-m100 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  float: unset;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .container-flex-wrap > .cmp-container .container-width-t100 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    float: unset;
  }
}

.container-flag-teaser > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 30px;
}
@media (max-width: 767px) {
  .container-flag-teaser > .cmp-container {
    gap: 16px;
  }
}

.container-tab-layout,
.container-tab-layout-v2 > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.container-tab-layout .container:first-child,
.container-tab-layout-v2 > .cmp-container .container:first-child {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
  max-width: 290px;
  padding-right: 30px;
  border-right: solid 1px #cacaca;
  height: 100%;
}
@media (max-width: 767px) {
  .container-tab-layout .container:first-child,
  .container-tab-layout-v2 > .cmp-container .container:first-child {
    border-right: none;
    padding-right: 0;
    max-width: 100%;
    height: auto;
  }
}
@media (min-width: 768px) {
  .container-tab-layout .container:first-child,
  .container-tab-layout-v2 > .cmp-container .container:first-child {
    height: unset;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout .container:first-child,
  .container-tab-layout-v2 > .cmp-container .container:first-child {
    border-right: none;
    padding-right: 0;
    max-width: 100%;
    height: auto;
    width: 100% !important;
  }
}
@media (min-width: 1600px) {
  .container-tab-layout .container:first-child,
  .container-tab-layout-v2 > .cmp-container .container:first-child {
    max-width: 340px;
  }
}
.container-tab-layout .container:first-child .cmp-container,
.container-tab-layout-v2 > .cmp-container .container:first-child .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 0;
}
@media (max-width: 767px) {
  .container-tab-layout .container:first-child .cmp-container,
  .container-tab-layout-v2 > .cmp-container .container:first-child .cmp-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow-x: scroll;
    border-bottom: 0.5px solid #cacaca;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .container-tab-layout .container:first-child .cmp-container::-webkit-scrollbar,
  .container-tab-layout-v2 > .cmp-container .container:first-child .cmp-container::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout .container:first-child .cmp-container,
  .container-tab-layout-v2 > .cmp-container .container:first-child .cmp-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow-x: scroll;
    border-bottom: 0.5px solid #cacaca;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .container-tab-layout .container:first-child .cmp-container::-webkit-scrollbar,
  .container-tab-layout-v2 > .cmp-container .container:first-child .cmp-container::-webkit-scrollbar {
    display: none;
  }
}
.container-tab-layout .container:first-child .cmp-container .button.btn-vdmp,
.container-tab-layout-v2 > .cmp-container .container:first-child .cmp-container .button.btn-vdmp {
  width: 100%;
}
@media (max-width: 767px) {
  .container-tab-layout .container:first-child .cmp-container .button.btn-vdmp,
  .container-tab-layout-v2 > .cmp-container .container:first-child .cmp-container .button.btn-vdmp {
    width: auto !important;
    position: unset !important;
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout .container:first-child .cmp-container .button.btn-vdmp,
  .container-tab-layout-v2 > .cmp-container .container:first-child .cmp-container .button.btn-vdmp {
    width: auto !important;
    position: unset !important;
    margin-bottom: 24px;
  }
}
.container-tab-layout .container:first-child .button.btn-vdmp button,
.container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button {
  position: relative;
  background: #f5f5f5;
  padding: 25px 24px;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: 0em;
  text-align: left;
  width: 100%;
  border: none;
  color: #474747;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
}
@media (max-width: 767px) {
  .container-tab-layout .container:first-child .button.btn-vdmp button,
  .container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button {
    white-space: nowrap;
    padding: 14px 28px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout .container:first-child .button.btn-vdmp button,
  .container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button {
    white-space: nowrap;
    padding: 14px 28px;
  }
}
.container-tab-layout .container:first-child .button.btn-vdmp button:after,
.container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button:after {
  content: "";
  position: absolute;
  border-style: dashed;
  border-color: transparent;
  border-width: 10px;
  font-size: 50px;
  border-left-color: #f5f5f5;
  right: -19px;
}
@media (max-width: 767px) {
  .container-tab-layout .container:first-child .button.btn-vdmp button:after,
  .container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button:after {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout .container:first-child .button.btn-vdmp button:after,
  .container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button:after {
    display: none;
  }
}
.container-tab-layout .container:first-child .button.btn-vdmp button::before,
.container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button::before {
  content: "";
  position: absolute;
  border-top: solid 15px #f5f5f5;
  border-left: solid 15px transparent;
  border-right: solid 15px transparent;
  bottom: -18%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  display: none;
}
@media (max-width: 767px) {
  .container-tab-layout .container:first-child .button.btn-vdmp button::before,
  .container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button::before {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout .container:first-child .button.btn-vdmp button::before,
  .container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button::before {
    display: block;
  }
}
.container-tab-layout .container:first-child .button.btn-vdmp button.active-tab, .container-tab-layout .container:first-child .button.btn-vdmp button:hover,
.container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button.active-tab,
.container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button:hover {
  background: #181818;
  color: #ffffff;
}
.container-tab-layout .container:first-child .button.btn-vdmp button.active-tab:after, .container-tab-layout .container:first-child .button.btn-vdmp button:hover:after,
.container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button.active-tab:after,
.container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button:hover:after {
  border-left-color: #181818;
}
.container-tab-layout .container:first-child .button.btn-vdmp button.active-tab::before, .container-tab-layout .container:first-child .button.btn-vdmp button:hover::before,
.container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button.active-tab::before,
.container-tab-layout-v2 > .cmp-container .container:first-child .button.btn-vdmp button:hover::before {
  border-top: solid 15px #181818;
}
.container-tab-layout .container:nth-child(2),
.container-tab-layout-v2 > .cmp-container .container:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout .container:nth-child(2),
  .container-tab-layout-v2 > .cmp-container .container:nth-child(2) {
    width: 100% !important;
  }
}
.container-tab-layout .container:nth-child(2) #tabs_containers_holder::-webkit-scrollbar,
.container-tab-layout-v2 > .cmp-container .container:nth-child(2) #tabs_containers_holder::-webkit-scrollbar {
  display: none;
}
.container-tab-layout .container:nth-child(2) #tabs_containers_holder > .font-style-title-default,
.container-tab-layout-v2 > .cmp-container .container:nth-child(2) #tabs_containers_holder > .font-style-title-default {
  line-height: 0;
}
.container-tab-layout .container:nth-child(2) .cmp-container,
.container-tab-layout-v2 > .cmp-container .container:nth-child(2) .cmp-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  border-bottom: none;
  padding-bottom: 40px !important;
}
.container-tab-layout .container:nth-child(2) .cmp-container:last-child,
.container-tab-layout-v2 > .cmp-container .container:nth-child(2) .cmp-container:last-child {
  padding-bottom: 0 !important;
}
.container-tab-layout .container:nth-child(2) .cmp-container .cmp-contentfragment__elements,
.container-tab-layout-v2 > .cmp-container .container:nth-child(2) .cmp-container .cmp-contentfragment__elements {
  padding: 16px 32px;
}
@media (max-width: 767px) {
  .container-tab-layout .container:nth-child(2) .cmp-container .cmp-contentfragment__elements,
  .container-tab-layout-v2 > .cmp-container .container:nth-child(2) .cmp-container .cmp-contentfragment__elements {
    padding: 12px 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout .container:nth-child(2) .cmp-container .cmp-contentfragment__elements,
  .container-tab-layout-v2 > .cmp-container .container:nth-child(2) .cmp-container .cmp-contentfragment__elements {
    padding: 12px 1rem;
  }
}
.container-tab-layout .container:nth-child(2) .cmp-container .cmp-contentfragment__elements .cmp-contentfragment__element-value,
.container-tab-layout-v2 > .cmp-container .container:nth-child(2) .cmp-container .cmp-contentfragment__elements .cmp-contentfragment__element-value {
  padding: 12px 0;
}
.container-tab-layout .container:nth-child(2) .cmp-container .cmp-contentfragment__elements .cmp-contentfragment__element-value p,
.container-tab-layout-v2 > .cmp-container .container:nth-child(2) .cmp-container .cmp-contentfragment__elements .cmp-contentfragment__element-value p {
  color: #474747;
  font-family: "Montserrat";
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}
@media (max-width: 767px) {
  .container-tab-layout .container:nth-child(2) .cmp-container .cmp-contentfragment__elements .cmp-contentfragment__element-value p,
  .container-tab-layout-v2 > .cmp-container .container:nth-child(2) .cmp-container .cmp-contentfragment__elements .cmp-contentfragment__element-value p {
    font-size: 14px;
  }
}
.container-tab-layout .container:nth-child(2) .cmp-container .cmp-contentfragment__elements.active-toggle,
.container-tab-layout-v2 > .cmp-container .container:nth-child(2) .cmp-container .cmp-contentfragment__elements.active-toggle {
  margin-top: 24px;
}
.container-tab-layout .container:nth-child(2) .cmp-container .container:first-child,
.container-tab-layout-v2 > .cmp-container .container:nth-child(2) .cmp-container .container:first-child {
  margin-top: 0 !important;
}
@media (max-width: 767px) {
  .container-tab-layout .container:nth-child(2) .cmp-container .container:first-child,
  .container-tab-layout-v2 > .cmp-container .container:nth-child(2) .cmp-container .container:first-child {
    margin-top: 24px !important;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout .container:nth-child(2) .cmp-container .container:first-child,
  .container-tab-layout-v2 > .cmp-container .container:nth-child(2) .cmp-container .container:first-child {
    margin-top: 24px !important;
  }
}
.container-tab-layout .container:nth-child(2) .container:nth-child(1),
.container-tab-layout-v2 > .cmp-container .container:nth-child(2) .container:nth-child(1) {
  -ms-flex-preferred-size: unset;
      flex-basis: unset;
  max-width: unset;
  padding-right: unset;
  border-right: none;
}

.container-tab-layout {
  display: block;
}
.container-tab-layout > .cmp-container {
  padding: 40px 0;
}
@media (max-width: 767px) {
  .container-tab-layout > .cmp-container {
    padding: 24px 0;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout > .cmp-container {
    padding: 24px 0;
  }
}

.container-tab-layout-v2 > .cmp-container {
  padding: 40px 0;
}
@media (max-width: 767px) {
  .container-tab-layout-v2 > .cmp-container {
    padding: 24px 0;
  }
}
@media (min-width: 768px) {
  .container-tab-layout-v2 > .cmp-container .container:first-child {
    height: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout-v2 > .cmp-container .container:first-child {
    height: auto;
  }
}
.container-tab-layout-v2 > .cmp-container .container:first-child .cmp-container {
  border: none;
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .text table,
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .text tr,
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .text td,
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .text th {
  border: none;
  padding: 16px;
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .text table {
  padding: 0;
  border-collapse: collapse;
  width: 75%;
}
@media (max-width: 767px) {
  .container-tab-layout-v2 .cmp-container .container:nth-child(2) .text table {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout-v2 .cmp-container .container:nth-child(2) .text table {
    width: 100%;
  }
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .text table tbody tr {
  border: none;
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .text table tbody tr:nth-child(1) {
  border-bottom: 0.5px solid #cacaca;
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .text table tbody tr:nth-child(1) td {
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}
@media (max-width: 767px) {
  .container-tab-layout-v2 .cmp-container .container:nth-child(2) .text table tbody tr:nth-child(1) td {
    font-size: 14px;
  }
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .text table tbody tr td {
  color: #181818;
  font-family: Guardian Sans XCond;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
  letter-spacing: 0.4px;
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .text table tbody tr td:first-child {
  padding-left: 0;
}
@media (max-width: 767px) {
  .container-tab-layout-v2 .cmp-container .container:nth-child(2) .text table tbody tr td {
    font-size: 16px;
  }
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .accordion .cmp-accordion {
  padding: 0 16px;
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .accordion .cmp-accordion .cmp-accordion__item {
  background-color: transparent;
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__header {
  padding: 8px 0 16px 0;
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__button {
  background-color: transparent;
  border: none;
  outline: none;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 8px;
  cursor: pointer;
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__button .cmp-accordion__title {
  color: #474747;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
}
@media (max-width: 767px) {
  .container-tab-layout-v2 .cmp-container .container:nth-child(2) .accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__button .cmp-accordion__title {
    color: #181818;
    font-family: Guardian Sans XCond;
    font-size: 18px;
    line-height: 120%; /* 21.6px */
    letter-spacing: 0.36px;
  }
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__button .cmp-accordion__icon {
  float: right;
  cursor: pointer;
}
.container-tab-layout-v2 .cmp-container .container:nth-child(2) .accordion .cmp-accordion .cmp-accordion__item .cmp-accordion__button .cmp-accordion__icon img {
  width: 15px;
  height: auto;
}

@media (min-width: 768px) {
  .container-tab-layout .cmp-container > .aem-Grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-tab-layout .cmp-container > .aem-Grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.container-layout-teaser-form > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.container-layout-teaser-form > .cmp-container .container.responsivegrid {
  width: 100%;
}
.container-layout-teaser-form > .cmp-container .container.responsivegrid > .cmp-container {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.container-layout-teaser-form > .cmp-container .container.responsivegrid > .cmp-container .options {
  -ms-flex-preferred-size: 48%;
      flex-basis: 48%;
}
.container-layout-teaser-form > .cmp-container .container.responsivegrid > .cmp-container .options fieldset.cmp-form-options.cmp-form-options--drop-down {
  border: none;
}
.container-layout-teaser-form > .cmp-container .container.responsivegrid > .cmp-container .options fieldset.cmp-form-options.cmp-form-options--drop-down label.cmp-form-options__label {
  display: none;
}
.container-layout-teaser-form > .cmp-container .container.responsivegrid > .cmp-container .options fieldset.cmp-form-options.cmp-form-options--drop-down select.cmp-form-options__field {
  border: none;
  height: 48px;
  width: 100%;
  border-radius: 0px;
  background: #f5f5f5;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  padding: 12px 32px 12px 16px;
  background-image: url(../../../content/dam/RE-Vintage/arrow-down-black.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-size: 16px 8px;
}
.container-layout-teaser-form > .cmp-container .container.responsivegrid > .cmp-container button,
.container-layout-teaser-form > .cmp-container .container.responsivegrid > .cmp-container .btn-vdmp {
  margin-top: 10px;
}

.container-form-options-inline > .cmp-container {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.container-form-options-inline > .cmp-container .options {
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
}
@media (max-width: 767px) {
  .container-form-options-inline > .cmp-container .options {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.container-form-options-inline > .cmp-container .options fieldset.cmp-form-options.cmp-form-options--drop-down {
  border: none;
}
.container-form-options-inline > .cmp-container .options fieldset.cmp-form-options.cmp-form-options--drop-down label.cmp-form-options__label {
  display: none;
}
.container-form-options-inline > .cmp-container .options fieldset.cmp-form-options.cmp-form-options--drop-down select.cmp-form-options__field {
  border: none;
  height: 48px;
  width: 100%;
  border-radius: 0px;
  padding: 12px 12px 12px 16px;
  justify: space-between;
  background: #f5f5f5;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
.container-form-options-inline > .cmp-container button,
.container-form-options-inline > .cmp-container .btn-vdmp {
  margin-top: 10px;
}

.container-teaser-recently-sold .cmp-container .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-teaser-recently-sold .cmp-container .cmp-container {
    gap: 10px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .container-teaser-recently-sold .cmp-container .cmp-container .image {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    scroll-snap-align: start;
  }
}
@media (max-width: 767px) {
  .container-teaser-recently-sold .cmp-container .cmp-container {
    gap: 10px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .container-teaser-recently-sold .cmp-container .cmp-container .image {
    -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    scroll-snap-align: start;
  }
}
.container-teaser-recently-sold .cmp-container .cmp-container img {
  cursor: pointer;
}
.container-teaser-recently-sold .cmp-container .cmp-container .image {
  height: auto;
  width: 20%;
}
.container-teaser-recently-sold .cmp-container .cmp-container .slick-dots {
  bottom: -7px;
  left: -3px;
}
@media (max-width: 767px) {
  .container-teaser-recently-sold .cmp-container .cmp-container .slick-dots {
    display: none !important;
  }
}
.container-teaser-recently-sold .cmp-container .cmp-container .slick-dots li.slick-active,
.container-teaser-recently-sold .cmp-container .cmp-container .slick-dots li.slick-active button:before {
  background: #da291c !important;
  opacity: 1 !important;
}
.container-teaser-recently-sold .cmp-container .cmp-container .slick-dots li button:before {
  background-color: #ffffff;
  opacity: 0.3;
  top: 0px;
  height: 6px;
}
.container-teaser-recently-sold .cmp-container .cmp-container .slick-dots li button:hover:before {
  background-color: #da291c;
  top: 0px;
  height: 6px;
  opacity: 1;
}
.container-teaser-recently-sold .cmp-container .container:first-child .cmp-container {
  display: block;
}

.container-newsletter > .cmp-container {
  padding: 48px;
  background-color: #181818;
  margin-left: auto;
  max-width: 566px;
  -webkit-box-flex: 0.7;
      -ms-flex: 0.7;
          flex: 0.7;
}
@media (max-width: 767px) {
  .container-newsletter > .cmp-container {
    max-width: unset;
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 41px 20px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-newsletter > .cmp-container {
    max-width: 100%;
  }
}

.contianer-hide-sliders .glider-dots,
.contianer-hide-sliders .slick-dots {
  display: none !important;
}

@media (max-width: 767px) {
  .contianer-hide-sliders-on-mobile .glider-dots,
  .contianer-hide-sliders-on-mobile .slick-dots {
    display: none !important;
  }
}

.container.container-know-more-hero-sec-lists .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 32px 0;
}

.container.payment-success-modal-alignment .cmp-container {
  background-color: #fff;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 40px;
  gap: 32px;
}
@media (max-width: 767px) {
  .container.payment-success-modal-alignment .cmp-container {
    padding: 44px 16px;
  }
}

.container.container-flex-wrap-more .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 767px) {
  .container.container-flex-wrap-more .cmp-container {
    gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container.container-flex-wrap-more .cmp-container .buy-seller-teaser-steps {
    min-width: auto;
    min-height: auto;
  }
}

.container.container-flex-wrap-more-v2 .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 17px;
}
@media (max-width: 767px) {
  .container.container-flex-wrap-more-v2 .cmp-container {
    gap: 8px;
  }
}

.container.container-bg-white {
  background-color: #fff;
}

.container.two-face-colors-gradient {
  background: rgb(24, 24, 24);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(52%, rgb(24, 24, 24)), color-stop(52%, rgb(242, 242, 242)), to(rgb(242, 242, 242)));
  background: linear-gradient(180deg, rgb(24, 24, 24) 52%, rgb(242, 242, 242) 52%, rgb(242, 242, 242) 100%);
}

.container.sell-form-congratulation-steps > .cmp-container {
  padding: 40px;
}
@media (max-width: 767px) {
  .container.sell-form-congratulation-steps > .cmp-container {
    padding: 12px;
  }
}
.container.sell-form-congratulation-steps > .cmp-container .text {
  margin-bottom: 20px;
  color: var(--neutral-graphite-900, #181818);
  font-family: "Guardian Sans XCond";
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 33.6px */
  letter-spacing: 0.56px;
}
.container.sell-form-congratulation-steps > .cmp-container .know-more-hero-sec-lists {
  height: auto;
  padding: 16px 12px;
  width: 144px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .container.sell-form-congratulation-steps > .cmp-container .know-more-hero-sec-lists {
    padding: 8px;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .container.sell-form-congratulation-steps > .cmp-container .know-more-hero-sec-lists .cmp-teaser {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
  }
}
.container.sell-form-congratulation-steps > .cmp-container .know-more-hero-sec-lists .cmp-teaser .cmp-teaser__icon {
  width: 40px;
  height: 40px;
}
@media (max-width: 767px) {
  .container.sell-form-congratulation-steps > .cmp-container .know-more-hero-sec-lists .cmp-teaser .cmp-teaser__icon {
    width: 33px;
    height: 33px;
  }
}
.container.sell-form-congratulation-steps > .cmp-container .know-more-hero-sec-lists .cmp-teaser .cmp-teaser__icon .teaser__icon {
  width: 100%;
  height: auto;
}
.container.sell-form-congratulation-steps > .cmp-container .know-more-hero-sec-lists .cmp-teaser__pretitle p {
  color: var(--neutral-graphite-500, #4f4f4f);
  text-align: center;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}
@media (max-width: 767px) {
  .container.sell-form-congratulation-steps > .cmp-container .know-more-hero-sec-lists .cmp-teaser__pretitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
  }
}

.container.sell-form-btns-styles .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 14px;
}
@media (max-width: 767px) {
  .container.sell-form-btns-styles .cmp-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.container.sell-form-btns-styles .cmp-container .button {
  color: #ffffff;
  text-align: center;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
  background-color: transparent;
  border: none;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media (max-width: 767px) {
  .container.sell-form-btns-styles .cmp-container .button {
    width: 100%;
  }
}
.container.sell-form-btns-styles .cmp-container .button.btn-vdmp-transparent {
  border: 1px solid #181818;
  color: #181818;
  padding: 16px 32px;
}
.container.sell-form-btns-styles .cmp-container .button.btn-vdmp-transparent:hover {
  background: #181818;
  color: #fff;
}
.container.sell-form-btns-styles .cmp-container .button.btn-vdmp-red {
  background: #da291c;
}
.container.sell-form-btns-styles .cmp-container .button.btn-vdmp-red:hover {
  background: #ae2116;
}

.container.space-left-30 .cmp-container .agentInfo {
  padding-left: 30px;
}
@media (max-width: 767px) {
  .container.space-left-30 .cmp-container .agentInfo {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .title-break > .cmp-container .text .font-style-title-default-m40 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 768px) and (max-width: 1365px) {
  .container.contact-us-page-col-left {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .container.contact-us-page-col-left > .cmp-container {
    padding: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container.contact-us-page-col-left > .cmp-container {
    padding: 16px;
  }
}
.container.contact-us-page-col-left > .cmp-container .text {
  margin-bottom: 32px;
}
@media screen and (max-width: 1000px) {
  .container.contact-us-page-col-left > .cmp-container .text .font-style-title-default {
    font-size: 38px;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .container.contact-us-page-col-left > .cmp-container .text {
    margin-bottom: 24px;
  }
  .container.contact-us-page-col-left > .cmp-container .text .font-style-title-default {
    font-size: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container.contact-us-page-col-left > .cmp-container .text {
    margin-bottom: 24px;
  }
}

.container.contact-us-page-col-right {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container.contact-us-page-col-right {
    width: 100% !important;
  }
}
.container.contact-us-page-col-right .container,
.container.contact-us-page-col-right .cmp-container {
  height: 100%;
}

.container.contact-us-page-col-right > .cmp-container {
  position: relative;
  height: 100%;
}
@media (max-width: 767px) {
  .container.contact-us-page-col-right > .cmp-container .image {
    margin-bottom: -120px;
  }
}
.container.contact-us-page-col-right > .cmp-container > .container > .cmp-container {
  background-image: url("clientlib-site/resources/images/pattern_1.webp");
  background-repeat: no-repeat;
  background-position: bottom right;
}
.container.contact-us-page-col-right > .cmp-container > .container {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .container.contact-us-page-col-right > .cmp-container > .container {
    position: relative;
    bottom: 0;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container.contact-us-page-col-right > .cmp-container > .container {
    bottom: 0;
  }
}
.container.contact-us-page-col-right > .cmp-container > .container > .cmp-container {
  padding: 32px;
  padding: 32px 32px 40px;
}
@media (max-width: 767px) {
  .container.contact-us-page-col-right > .cmp-container > .container > .cmp-container {
    padding: 32px 16px 32px 24px;
  }
}
.container.contact-us-page-col-right > .cmp-container > .container > .cmp-container .text {
  margin-bottom: 26px;
}
@media screen and (max-width: 1000px) {
  .container.contact-us-page-col-right > .cmp-container > .container > .cmp-container .text .font-style-title-v3 {
    line-height: 1;
    font-size: 32px;
  }
  .container.contact-us-page-col-right > .cmp-container > .container > .cmp-container .text .font-style-title-default {
    line-height: 0.5;
  }
}
@media (max-width: 767px) {
  .container.contact-us-page-col-right > .cmp-container > .container > .cmp-container .text {
    margin-bottom: 16px;
    max-width: 166px;
  }
  .container.contact-us-page-col-right > .cmp-container > .container > .cmp-container .text .font-style-title-v3 {
    line-height: 1.3;
  }
}
.container.contact-us-page-col-right > .cmp-container img {
  display: block;
  margin: 0;
}

.container.contact-page-socials {
  height: auto;
}
.container.contact-page-socials .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 36px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 !important;
  position: relative !important;
  bottom: unset !important;
  height: auto;
}
@media (max-width: 767px) {
  .container.contact-page-socials .cmp-container {
    gap: 24px;
  }
}
.container.contact-page-socials .cmp-container .teaser .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media (max-width: 767px) {
  .container.contact-page-socials .cmp-container .teaser .cmp-teaser {
    gap: 16px;
  }
}
.container.contact-page-socials .cmp-container .teaser .cmp-teaser__content .cmp-teaser__pretitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  word-break: break-all;
}
@media (max-width: 767px) {
  .container.contact-page-socials .cmp-container .teaser .cmp-teaser__content .cmp-teaser__pretitle {
    gap: 8px;
  }
}
.container.contact-page-socials .cmp-container .teaser .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(1) {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
}
.container.contact-page-socials .cmp-container .teaser .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(2) {
  color: #fff;
  font-family: "Guardian Sans XCond";
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 33.6px */
  letter-spacing: 0.56px;
}
@media (max-width: 767px) {
  .container.contact-page-socials .cmp-container .teaser .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(2) {
    font-size: 1.312rem;
  }
}
@media screen and (max-width: 1000px) {
  .container.contact-page-socials .cmp-container .teaser .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(2) {
    font-size: 1.312rem;
  }
}

.container.profile-tabs-layout-container > .cmp-container .teaser {
  cursor: pointer;
}
.container.profile-tabs-layout-container > .cmp-container .teaser:nth-child(1) {
  background-color: #181818;
}
.container.profile-tabs-layout-container > .cmp-container .teaser:nth-child(1) .cmp-teaser__pretitle {
  color: white;
}
.container.profile-tabs-layout-container > .cmp-container .teaser .cmp-teaser {
  position: relative;
}
.container.profile-tabs-layout-container > .cmp-container .teaser .cmp-teaser::before {
  position: absolute;
  content: "";
  background-color: #cacaca;
  opacity: 0.5;
  height: 1px;
  width: 85%;
  bottom: 0;
}
.container.profile-tabs-layout-container > .cmp-container .teaser:last-child .cmp-teaser::before {
  display: none;
}

.container-sell-form-visible #sell_form_container,
.container-sell-form-visible#sell_form_container {
  max-height: unset !important;
  -webkit-transition: none !important;
  transition: none !important;
}

#sell_form_container,
#sell_review_details,
#sell_success_page {
  max-height: 0px;
  -webkit-transition: all 1s;
  transition: all 1s;
  overflow: hidden;
}

#sell_form_container.show,
#sell_review_details.show,
#sell_success_page.show {
  max-height: unset;
  overflow: unset;
}

.editorModeEnabled #sell_form_container,
.editorModeEnabled #sell_review_details,
.editorModeEnabled #sell_success_page,
.wf-active #sell_form_container,
.wf-active #sell_review_details,
.wf-active #sell_success_page {
  max-height: unset;
}

.container-stretch {
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

#Why-Buy-From-Re-own {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px 0;
}

#Why-Buy-From-Re-own-part-2 {
  max-width: 470px;
}

.container-content-vertically-center > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.container-content-vertically-top > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.container-flex-space-between > .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.container-align-self-vertically-top {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.container-align-self-vertically-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.container-align-self-vertically-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.order-update-for-errormsg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.order-update-for-errormsg .btn-submit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
}
.order-update-for-errormsg .btn-submit button:hover, .order-update-for-errormsg .btn-submit button:active {
  background: #ae2116;
}
.order-update-for-errormsg .order-tablet-1,
.order-update-for-errormsg .order-mobile-1 {
  max-width: calc(100% - 320px);
}
@media (min-width: 768px) and (max-width: 1199px) {
  .order-update-for-errormsg .order-tablet-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    max-width: unset;
    width: 100%;
  }
  .order-update-for-errormsg .order-tablet-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
  .order-update-for-errormsg .order-tablet-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .order-update-for-errormsg .order-mobile-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    max-width: unset;
  }
  .order-update-for-errormsg .order-mobile-2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
  .order-update-for-errormsg .order-mobile-3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 100%;
  }
}

.snap-scroll-container {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
.snap-scroll-container .snap-scroll-item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  scroll-snap-align: start;
}

.container.container-re-exchange-benefits-pdp .cmp-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media (max-width: 767px) {
  .container.container-re-exchange-benefits-pdp .cmp-container {
    gap: 8px;
  }
}

#profile-evaluation .evaluation-header {
  padding: 24px 40px 0 40px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  #profile-evaluation .evaluation-header {
    padding: 16px 16px 0 16px;
  }
}
#profile-evaluation .evaluation-header .title {
  color: #181818;
  font-family: Guardian Sans XCond;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 30px */
  letter-spacing: 0.5px;
}
@media (max-width: 767px) {
  #profile-evaluation .evaluation-header .title {
    font-size: 20px;
  }
}
#profile-evaluation .evaluation-header a {
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  #profile-evaluation .evaluation-header a {
    font-size: 14px;
  }
  #profile-evaluation .evaluation-header a img {
    height: 16px;
  }
}
#profile-evaluation .evaluation-wrapper {
  padding: 0 40px 24px 40px;
}
@media (max-width: 767px) {
  #profile-evaluation .evaluation-wrapper {
    padding: 0 16px 16px 16px;
    gap: 16px;
  }
}
#profile-evaluation .evaluation-wrapper .evaluation-card {
  padding: 12px 16px;
}
@media (max-width: 767px) {
  #profile-evaluation .evaluation-wrapper .evaluation-card {
    padding: 12px;
  }
}

#profile-testRide .evaluation-header {
  padding: 24px 40px 0 40px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  #profile-testRide .evaluation-header {
    padding: 16px 16px 0 16px;
  }
}
#profile-testRide .evaluation-header .title {
  color: #181818;
  font-family: Guardian Sans XCond;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 30px */
  letter-spacing: 0.5px;
}
@media (max-width: 767px) {
  #profile-testRide .evaluation-header .title {
    font-size: 20px;
  }
}
#profile-testRide .evaluation-header a {
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
}
@media (max-width: 767px) {
  #profile-testRide .evaluation-header a {
    font-size: 14px;
  }
}
#profile-testRide .evaluation-wrapper {
  padding: 0 40px 24px 40px;
}
@media (max-width: 767px) {
  #profile-testRide .evaluation-wrapper {
    padding: 0 16px 16px 16px;
  }
}

#profile-requirement .requirements-header {
  padding: 24px 40px 0 40px;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  #profile-requirement .requirements-header {
    padding: 16px 16px 0 16px;
  }
}
#profile-requirement .requirements-header .title {
  color: #181818;
  font-family: Guardian Sans XCond;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 30px */
  letter-spacing: 0.5px;
}
@media (max-width: 767px) {
  #profile-requirement .requirements-header .title {
    font-size: 20px;
  }
}
#profile-requirement .requirements-header a {
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
}
@media (max-width: 767px) {
  #profile-requirement .requirements-header a {
    font-size: 12px;
  }
}
#profile-requirement .requirements-content {
  padding: 0 40px 24px 40px;
}
@media (max-width: 767px) {
  #profile-requirement .requirements-content {
    padding: 0 16px 16px 16px;
  }
}
#profile-requirement .requirements-content .requirements-listing {
  padding: 0;
  border: none;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  #profile-requirement .requirements-content .requirements-listing {
    gap: 16px;
  }
}
#profile-requirement .requirements-content .requirements-listing .requirements-listing-header {
  border: 1px solid #cacaca;
  padding: 12px 16px;
  margin: 0;
}
@media (max-width: 767px) {
  #profile-requirement .requirements-content .requirements-listing .requirements-listing-header {
    padding: 12px;
  }
}
#profile-requirement .requirements-content .requirements-listing .requirements-listing-header .item-flex {
  margin: 0;
}

#whatsapp-wrapper-payment-details .whatsappWrapper .cmp-text > .white-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Guardian Sans XCond;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
  letter-spacing: 0.4px;
}

@media (min-width: 768px) {
  .container-tab-layout .cmp-container#tabs_button_ctas_holder,
  .container-tab-layout-v2 .cmp-container#tabs_button_ctas_holder {
    position: sticky;
    top: 90px;
  }
}
@media (min-width: 768px) {
  .container-position-fixed-desktop > .cmp-container,
  .container-position-fixed-tablet > .cmp-container {
    position: fixed;
    top: 124px;
  }
}
@media (min-width: 1200px) {
  .container-position-fixed-desktop > .cmp-container,
  .container-position-fixed-tablet > .cmp-container {
    position: fixed;
    top: 124px;
  }
}

@media (max-width: 767px) {
  .glider-dot {
    display: none;
  }
}

#view-similar-cards-con .view-similar-card {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  grid-gap: 30px;
  overflow: unset;
  -ms-scroll-snap-type: unset;
      scroll-snap-type: unset;
}
@media (max-width: 767px) {
  #view-similar-cards-con .view-similar-card {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)) !important;
    grid-gap: 8px !important;
  }
}
#view-similar-cards-con .view-similar-card .bike-card {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 767px) {
  #view-similar-cards-con .view-similar-card .bike-card {
    min-width: unset;
  }
}

.cmp-experiencefragment--footer .footer-logo-image {
  max-width: 264px;
}

.form-error-msg {
  color: #FD5050 !important;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 8px;
  display: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.image.footer-social-icons {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .image.footer-social-icons {
    margin-top: 16px;
  }
}
.image.footer-social-icons:not(:last-child) {
  margin-right: 24px;
}
@media (max-width: 767px) {
  .image.footer-social-icons:not(:last-child) {
    margin-right: 16px;
  }
}

.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-list__item .cmp-list__item-link,
.experiencefragment .cmp-experiencefragment--header .cmp-list__item .cmp-list__item-link {
  color: #181818;
  text-decoration: none;
  font-style: normal;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 120%;
  font-family: "Guardian Sans XCond";
  letter-spacing: 0.03em;
  text-align: left;
  border-bottom: 4px solid transparent;
  display: block;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-list__item-link--active,
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-list__item-link:hover,
.experiencefragment .cmp-experiencefragment--header .cmp-list__item-link--active,
.experiencefragment .cmp-experiencefragment--header .cmp-list__item-link:hover {
  border-bottom: 4px solid #DA291C;
}
@media (max-width: 767px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-list__item-link--active,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-list__item-link:hover,
  .experiencefragment .cmp-experiencefragment--header .cmp-list__item-link--active,
  .experiencefragment .cmp-experiencefragment--header .cmp-list__item-link:hover {
    border-bottom: 4px solid transparent;
  }
}

@media (max-width: 1100px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-list__item .cmp-list__item-link,
  .experiencefragment .cmp-experiencefragment--header .cmp-list__item .cmp-list__item-link {
    font-size: 1rem;
  }
}
.cmp-navigation__item,
.container-quick-actions-nav .searchHeader,
.container-quick-actions-nav .wishListHeader,
.container-quick-actions-nav .profileHeader {
  border-bottom: 2px solid transparent;
}

.cmp-navigation__item a {
  color: #181818;
  text-decoration: none;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  font-family: "Guardian Sans XCond";
  letter-spacing: 0.03em;
  text-align: left;
}

.cmp-navigation__item--active,
.container-quick-actions-nav .searchHeader:hover,
.container-quick-actions-nav .wishListHeader:hover,
.container-quick-actions-nav .profileHeader:hover,
.cmp-navigation__item:hover {
  border-bottom: 4px solid #da291c;
}

.cmp-navigation__item--level-0:hover > .cmp-navigation__group {
  background: #ececec;
}

.container-quick-actions-nav .searchHeader,
.container-quick-actions-nav .wishListHeader,
.container-quick-actions-nav .profileHeader {
  border-bottom: none;
}
.container-quick-actions-nav .searchHeader:hover,
.container-quick-actions-nav .wishListHeader:hover,
.container-quick-actions-nav .profileHeader:hover {
  position: relative;
  border-bottom: none;
}
.container-quick-actions-nav .searchHeader:hover::before,
.container-quick-actions-nav .wishListHeader:hover::before,
.container-quick-actions-nav .profileHeader:hover::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background-color: #da291c;
  bottom: 0;
  z-index: 1;
}

.cmp-teaser {
  position: relative;
}

.cmp-teaser__image,
.cmp-teaser__mobileImg {
  max-width: 100%;
  display: block;
  width: 100%;
}
.cmp-teaser__image img,
.cmp-teaser__mobileImg img {
  display: block;
  max-width: 100%;
  width: 100%;
}

@media (max-width: 767px) {
  .cmp-teaser__image {
    display: none;
  }
}

@media (min-width: 768px) {
  .cmp-teaser__mobileImg {
    display: none;
  }
}

.teaser-content-padding-global-all .cmp-teaser .cmp-teaser__content {
  padding: 80px 9vw;
}
@media (max-width: 767px) {
  .teaser-content-padding-global-all .cmp-teaser .cmp-teaser__content {
    padding: 20px;
  }
}
@media (min-width: 1600px) {
  .teaser-content-padding-global-all .cmp-teaser .cmp-teaser__content {
    padding-left: 9vw;
    padding-right: 9vw;
  }
}
@media (max-width: 1300px) {
  .teaser-content-padding-global-all .cmp-teaser .cmp-teaser__content {
    padding: 80px 5vw;
  }
}

@media (max-width: 767px) {
  .teaser-content-padding-global-m-24-all .cmp-teaser .cmp-teaser__content {
    padding: 24px;
  }
}

.teaser-content-padding-left-right .cmp-teaser .cmp-teaser__content {
  padding-left: 9vw;
  padding-right: 9vw;
}
@media (max-width: 767px) {
  .teaser-content-padding-left-right .cmp-teaser .cmp-teaser__content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1600px) {
  .teaser-content-padding-left-right .cmp-teaser .cmp-teaser__content {
    padding-left: 9vw;
    padding-right: 9vw;
  }
}

.teaser-content-padding-top-bottom .cmp-teaser .cmp-teaser__content {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  .teaser-content-padding-top-bottom .cmp-teaser .cmp-teaser__content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.teaser-content-padding-left-zero .cmp-teaser .cmp-teaser__content {
  padding-left: 0px;
}

.teaser-content-padding-right-zero .cmp-teaser .cmp-teaser__content {
  padding-right: 0px;
}

.teaser-content-padding-top-zero .cmp-teaser .cmp-teaser__content {
  padding-top: 0px;
}

.teaser-content-padding-bottom-zero .cmp-teaser .cmp-teaser__content {
  padding-bottom: 0px;
}

.teaser-content-padding-top-40px .cmp-teaser .cmp-teaser__content {
  padding-top: 0px;
}

.teaser-content-padding-bottom-40px .cmp-teaser .cmp-teaser__content {
  padding-bottom: 0px;
}

.teaser-content-padding-left-40px .cmp-teaser .cmp-teaser__content {
  padding-left: 0px;
}

.teaser-content-padding-right-40px .cmp-teaser .cmp-teaser__content {
  padding-right: 0px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .teaser-content-padding-top-t-20px .cmp-teaser .cmp-teaser__content {
    padding-top: 20px;
  }
  .teaser-content-padding-bottom-t-20px .cmp-teaser .cmp-teaser__content {
    padding-bottom: 0px;
  }
  .teaser-content-padding-left-t-20px .cmp-teaser .cmp-teaser__content {
    padding-left: 0px;
  }
  .teaser-content-padding-right-t-20px .cmp-teaser .cmp-teaser__content {
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .teaser-content-padding-top-m-20px .cmp-teaser .cmp-teaser__content {
    padding-top: 20px;
  }
  .teaser-content-padding-bottom-m-20px .cmp-teaser .cmp-teaser__content {
    padding-bottom: 0px;
  }
  .teaser-content-padding-left-m-20px .cmp-teaser .cmp-teaser__content {
    padding-left: 0px;
  }
  .teaser-content-padding-right-m-20px .cmp-teaser .cmp-teaser__content {
    padding-right: 0px;
  }
}
.teaser-content-padding-bottom-zero .cmp-teaser .cmp-teaser__content {
  padding-bottom: 0px;
}

.teaser-images-width-auto .cmp-teaser__image img,
.teaser-images-width-100 .cmp-teaser__image img {
  width: auto;
  max-width: 100%;
}
@media (max-width: 767px) {
  .teaser-images-width-auto .cmp-teaser__image,
  .teaser-images-width-100 .cmp-teaser__image {
    display: none;
  }
}
.teaser-images-width-auto .cmp-teaser__mobileImg img,
.teaser-images-width-100 .cmp-teaser__mobileImg img {
  width: auto;
  max-width: 100%;
}
@media (min-width: 768px) {
  .teaser-images-width-auto .cmp-teaser__mobileImg,
  .teaser-images-width-100 .cmp-teaser__mobileImg {
    display: none;
  }
}

.teaser-images-width-100-Tab .cmp-teaser__image img {
  width: auto;
  max-width: 100%;
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-images-width-100-Tab .cmp-teaser__image img {
    width: 100%;
  }
}

.teaser-opacity-60-perc {
  opacity: 0.6;
}

@media (max-width: 767px) {
  .teaser-width-mobile-100 .teaser__mobileImg {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__mobileImg,
  .teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__mobileImg,
  .teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__mobileImg {
    width: 100%;
  }
}
.teaser-home-hero-banner .cmp-teaser .cmp-teaser__content,
.teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content,
.teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content,
  .teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content,
  .teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content {
    max-width: unset;
    top: 5%;
    -webkit-transform: unset;
            transform: unset;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content,
  .teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content,
  .teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content {
    top: 45%;
  }
}
.teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
.teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__title,
.teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__description,
.teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
.teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__title,
.teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__description,
.teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
.teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__title,
.teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
  font-family: "Guardian Sans XCond";
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
}
@media (max-width: 767px) {
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__title,
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__description,
  .teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__title,
  .teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__description,
  .teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__title,
  .teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    font-family: "Guardian Sans XCond";
    font-size: 2rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.02em;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__title,
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__description,
  .teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__title,
  .teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__description,
  .teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__title,
  .teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    font-size: 35px;
  }
}
.teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container,
.teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container,
.teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
  padding-top: 25px;
}
@media (max-width: 767px) {
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container,
  .teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container,
  .teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    max-width: 256px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container,
  .teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container,
  .teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 45%;
    padding-top: 12px;
  }
}
.teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn,
.teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn,
.teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn:nth-child(2),
.teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn:nth-child(2),
.teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn:nth-child(2) {
  border: 1px solid #181818;
  color: #181818;
  background: none;
}
.teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn:nth-child(2):hover,
.teaser-exchange-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn:nth-child(2):hover,
.teaser-image-w50-righht-side .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn:nth-child(2):hover {
  background-color: #181818;
  color: #fff;
}

@media (min-width: 768px) {
  .teaser-image-w50-righht-side .cmp-teaser__content {
    max-width: 55%;
  }
}
.teaser-home-hero-banner .cmp-teaser__action-container .vdmp-btn,
.teaser-exchange-hero-banner .cmp-teaser__action-container .vdmp-btn {
  width: auto !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.teaser-home-hero-banner .cmp-teaser__pretitle,
.teaser-exchange-hero-banner .cmp-teaser__pretitle {
  max-width: 539px !important;
}
@media (max-width: 767px) {
  .teaser-home-hero-banner .cmp-teaser__pretitle,
  .teaser-exchange-hero-banner .cmp-teaser__pretitle {
    max-width: 312px !important;
  }
}
@media (min-width: 768px) {
  .teaser-home-hero-banner .cmp-teaser__pretitle,
  .teaser-exchange-hero-banner .cmp-teaser__pretitle {
    max-width: 710px;
  }
  .teaser-home-hero-banner .cmp-teaser__action-container,
  .teaser-exchange-hero-banner .cmp-teaser__action-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
  }
}

@media (max-width: 767px) {
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content {
    top: 0px;
  }
}
.teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
  max-width: 45% !important;
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
    max-width: 50% !important;
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .teaser-home-hero-banner .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
    max-width: 100% !important;
  }
}

.teaser-exchange-hero-banner .cmp-teaser__mobileImg .teaser__mobileImg {
  width: 100%;
}
@media (max-width: 992px) {
  .teaser-exchange-hero-banner .cmp-teaser__image img {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .teaser-exchange-hero-banner .cmp-teaser__content {
    max-width: calc(50% - 40px);
  }
}
@media (max-width: 767px) {
  .teaser-exchange-hero-banner .cmp-teaser__content {
    position: relative !important;
    top: unset !important;
    -webkit-transform: unset !important;
            transform: unset !important;
  }
}
@media (max-width: 992px) {
  .teaser-exchange-hero-banner .cmp-teaser__content {
    position: relative !important;
    top: unset !important;
    -webkit-transform: unset !important;
            transform: unset !important;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-exchange-hero-banner .cmp-teaser__content {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .teaser-exchange-hero-banner .cmp-teaser__content .cmp-teaser__pretitle {
    font-size: 40px !important;
  }
}
.teaser-exchange-hero-banner .cmp-teaser__action-container {
  padding-top: 40px !important;
}
@media (max-width: 767px) {
  .teaser-exchange-hero-banner .cmp-teaser__action-container {
    padding-top: 32px !important;
  }
}
.teaser-exchange-hero-banner .cmp-teaser__action-container .vdmp-btn {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (min-width: 768px) {
  .teaser-exchange-hero-banner .cmp-teaser__action-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    max-width: 340px;
  }
  .teaser-exchange-hero-banner .cmp-teaser__action-container .vdmp-btn {
    display: inline;
  }
}
@media (max-width: 767px) {
  .teaser-exchange-hero-banner .cmp-teaser__action-container {
    max-width: 100% !important;
  }
}
.teaser-exchange-hero-banner img {
  margin-left: auto;
}

.teaser-banner-content-box-right .cmp-teaser .cmp-teaser__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px;
  width: 50%;
  max-width: 393px;
  background-color: #181818;
  position: absolute;
  top: 50%;
  right: 8pc;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-banner-content-box-right .cmp-teaser .cmp-teaser__content {
    right: 20px;
  }
}
@media (max-width: 767px) {
  .teaser-banner-content-box-right .cmp-teaser .cmp-teaser__content {
    width: 100%;
    max-width: calc(100vw - 40px);
    position: absolute;
    top: 90%;
    left: 50%;
    right: unset;
    -webkit-transform: translate(-50%, -90%);
            transform: translate(-50%, -90%);
  }
}
.teaser-banner-content-box-right .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 12px;
  font-family: "Guardian Sans XCond";
  font-size: 2rem;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-banner-content-box-right .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
    font-size: 24px;
  }
}
.teaser-banner-content-box-right .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-family: "Guardian Sans XCond";
  font-size: 3.5625rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-align: left;
  color: #da291c;
}
@media (max-width: 767px) {
  .teaser-banner-content-box-right .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
    font-family: "Guardian Sans XCond";
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-banner-content-box-right .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
    font-size: 34px;
  }
}
.teaser-banner-content-box-right .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: 16px;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #a7a7a7;
  max-width: 288px;
}
@media (max-width: 767px) {
  .teaser-banner-content-box-right .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-banner-content-box-right .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    font-size: 15px;
  }
}
.teaser-banner-content-box-right .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin-top: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 32px;
  width: auto;
  max-width: 60%;
  background-color: #181818;
  position: absolute;
  top: 50%;
  right: 9vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content {
    max-width: 70% !important;
  }
}
@media (max-width: 767px) {
  .teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content {
    width: 100%;
    max-width: calc(100vw - 40px);
    top: 90%;
    left: 50%;
    right: unset;
    -webkit-transform: translate(-50%, -90%);
            transform: translate(-50%, -90%);
  }
}
.teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  font-family: "Guardian Sans XCond";
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 767px) {
  .teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 34px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
    font-size: 40px;
  }
}
.teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle img {
  display: block;
  margin: auto;
  height: 60px;
}
@media (max-width: 767px) {
  .teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle img {
    height: 46px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle img {
    height: 50px;
  }
}
.teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-family: "Guardian Sans XCond";
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0.02em;
  text-align: center;
  margin-top: 20px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 34px;
    margin-top: 22px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
    font-size: 1.75rem;
    margin-top: 10px;
    line-height: 40px;
  }
}
.teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: 16px;
  font-family: "Montserrat";
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 767px) {
  .teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
}
.teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link {
  height: 56px;
  border-radius: 0px;
  padding: 16px 28px 16px 28px;
  font-family: "Montserrat";
  font-size: 1rem;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  color: #ffffff;
  background-color: #da291c;
  display: inline-block;
}
.teaser-banner-content-box-right-with-icon .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:hover {
  background: #ae2116;
}

.teaser.after-style-white-seprator:not(:last-child):after {
  content: "";
  width: 92px;
  height: 1px;
  background: #fff;
  display: block;
  margin: 40px 0px 46px;
}
@media (max-width: 767px) {
  .teaser.after-style-white-seprator:not(:last-child):after {
    display: none;
  }
}
.teaser.after-style-white-seprator:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .teaser.after-style-white-seprator:last-child {
    margin-bottom: 0;
  }
}
.teaser.after-style-white-seprator .cmp-teaser__image-container {
  display: none;
}
.teaser.after-style-white-seprator .cmp-teaser__icon {
  position: absolute;
}
.teaser.after-style-white-seprator .cmp-teaser__icon img {
  width: auto;
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
}
@media (max-width: 767px) {
  .teaser.after-style-white-seprator .cmp-teaser__icon img {
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 767px) {
  .teaser.after-style-white-seprator .cmp-teaser__content {
    margin-left: 56px;
  }
}
.teaser.after-style-white-seprator .cmp-teaser__content .cmp-teaser__pretitle {
  font-family: "Guardian Sans XCond";
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}
@media (min-width: 768px) {
  .teaser.after-style-white-seprator .cmp-teaser__content .cmp-teaser__pretitle {
    margin-left: 56px;
  }
}
@media (max-width: 767px) {
  .teaser.after-style-white-seprator .cmp-teaser__content .cmp-teaser__pretitle {
    font-size: 1.312rem;
    line-height: 24px;
  }
}
.teaser.after-style-white-seprator .cmp-teaser__content .cmp-teaser__description {
  font-family: "Montserrat";
  font-size: 1rem;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 0em;
  text-align: left;
  color: #a7a7a7;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .teaser.after-style-white-seprator .cmp-teaser__content .cmp-teaser__description {
    margin-top: 8px;
    font-size: 0.875rem;
    line-height: 20px;
  }
}

.teaser.horizontal-steps-teaser {
  position: relative;
  -ms-flex-preferred-size: 24%;
      flex-basis: 24%;
}
@media (max-width: 767px) {
  .teaser.horizontal-steps-teaser {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.teaser.horizontal-steps-teaser:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: #fd5050;
  z-index: 1;
  border-radius: 50%;
  position: relative;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .teaser.horizontal-steps-teaser:before {
    position: absolute;
    top: 20%;
    margin-left: 0px;
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .teaser.horizontal-steps-teaser .cmp-teaser {
    padding-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .teaser.horizontal-steps-teaser:last-child .cmp-teaser {
    padding-bottom: 0;
  }
}
.teaser.horizontal-steps-teaser .cmp-teaser:before {
  content: "";
  background: #cacaca;
  height: 1px;
  display: block;
  top: -12px;
  position: absolute;
  width: 100%;
  margin-left: 30px;
}
@media (max-width: 767px) {
  .teaser.horizontal-steps-teaser .cmp-teaser:before {
    width: 1px;
    top: 20%;
    height: 100%;
    margin-left: 6pt;
  }
}
.teaser.horizontal-steps-teaser:last-child .cmp-teaser:before {
  display: none;
}
.teaser.horizontal-steps-teaser .cmp-teaser__content {
  padding-top: 50px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .teaser.horizontal-steps-teaser .cmp-teaser__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 40px;
    padding-bottom: 40px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .teaser.horizontal-steps-teaser .cmp-teaser__content:last-child {
    padding-bottom: 0;
  }
}
.teaser.horizontal-steps-teaser .cmp-teaser__content .cmp-teaser__pretitle {
  font-family: "RE_Numbers";
  font-size: 70px;
  color: #a7a7a7;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .teaser.horizontal-steps-teaser .cmp-teaser__content .cmp-teaser__pretitle {
    padding-right: 20px;
    margin-bottom: 0px;
    font-size: 70px;
    min-width: 75px;
  }
}
.teaser.horizontal-steps-teaser .cmp-teaser__content .cmp-teaser__title {
  font-family: "Guardian Sans XCond";
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
}
@media (max-width: 767px) {
  .teaser.horizontal-steps-teaser .cmp-teaser__content .cmp-teaser__title {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    font-family: "Guardian Sans XCond";
    font-size: 1.312rem;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.02em;
  }
}
.teaser.horizontal-steps-teaser .cmp-teaser__content .cmp-teaser__description {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #616161;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .teaser.horizontal-steps-teaser .cmp-teaser__content .cmp-teaser__description {
    margin-top: 20px;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    font-family: "Montserrat";
    font-size: 0.875rem;
    font-weight: 500;
  }
}

.teaser.vertical-steps-teaser,
.teaser.vertical-steps-teaser-v2,
.teaser.vertical-steps-teaser-v3,
.teaser.vertical-steps-teaser-v4 {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.teaser.vertical-steps-teaser:before,
.teaser.vertical-steps-teaser-v2:before,
.teaser.vertical-steps-teaser-v3:before,
.teaser.vertical-steps-teaser-v4:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: #fd5050;
  z-index: 1;
  border-radius: 50%;
  position: relative;
  margin-left: 20px;
  position: absolute;
  top: 24px;
  margin-left: 0px;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser:before,
  .teaser.vertical-steps-teaser-v2:before,
  .teaser.vertical-steps-teaser-v3:before,
  .teaser.vertical-steps-teaser-v4:before {
    position: absolute;
    top: 20px;
    margin-left: 0px;
    width: 16px;
    height: 16px;
  }
}
.teaser.vertical-steps-teaser .cmp-teaser:before,
.teaser.vertical-steps-teaser-v2 .cmp-teaser:before,
.teaser.vertical-steps-teaser-v3 .cmp-teaser:before,
.teaser.vertical-steps-teaser-v4 .cmp-teaser:before {
  content: "";
  opacity: 0.1;
  background: #fbeae8;
  height: 1px;
  display: block;
  top: -12px;
  position: absolute;
  width: 100%;
  margin-left: 20px;
  width: 1px;
  top: 20%;
  height: 100%;
  margin-left: 12px;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser .cmp-teaser:before,
  .teaser.vertical-steps-teaser-v2 .cmp-teaser:before,
  .teaser.vertical-steps-teaser-v3 .cmp-teaser:before,
  .teaser.vertical-steps-teaser-v4 .cmp-teaser:before {
    width: 1px;
    top: 20%;
    height: 100%;
    margin-left: 7px;
  }
}
.teaser.vertical-steps-teaser:last-child .cmp-teaser:before,
.teaser.vertical-steps-teaser-v2:last-child .cmp-teaser:before,
.teaser.vertical-steps-teaser-v3:last-child .cmp-teaser:before,
.teaser.vertical-steps-teaser-v4:last-child .cmp-teaser:before {
  display: none;
}
.teaser.vertical-steps-teaser .cmp-teaser__content,
.teaser.vertical-steps-teaser-v2 .cmp-teaser__content,
.teaser.vertical-steps-teaser-v3 .cmp-teaser__content,
.teaser.vertical-steps-teaser-v4 .cmp-teaser__content {
  padding-top: 20px;
  padding-bottom: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser .cmp-teaser__content,
  .teaser.vertical-steps-teaser-v2 .cmp-teaser__content,
  .teaser.vertical-steps-teaser-v3 .cmp-teaser__content,
  .teaser.vertical-steps-teaser-v4 .cmp-teaser__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 40px;
  }
}
.teaser.vertical-steps-teaser .cmp-teaser__content .cmp-teaser__pretitle,
.teaser.vertical-steps-teaser-v2 .cmp-teaser__content .cmp-teaser__pretitle,
.teaser.vertical-steps-teaser-v3 .cmp-teaser__content .cmp-teaser__pretitle,
.teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__pretitle {
  font-family: "RE_Numbers";
  color: #a7a7a7;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser.vertical-steps-teaser-v2 .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser.vertical-steps-teaser-v3 .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__pretitle {
    margin-bottom: 0px;
    -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
  }
}
.teaser.vertical-steps-teaser .cmp-teaser__content .cmp-teaser__pretitle p,
.teaser.vertical-steps-teaser-v2 .cmp-teaser__content .cmp-teaser__pretitle p,
.teaser.vertical-steps-teaser-v3 .cmp-teaser__content .cmp-teaser__pretitle p,
.teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__pretitle p {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser .cmp-teaser__content .cmp-teaser__pretitle p,
  .teaser.vertical-steps-teaser-v2 .cmp-teaser__content .cmp-teaser__pretitle p,
  .teaser.vertical-steps-teaser-v3 .cmp-teaser__content .cmp-teaser__pretitle p,
  .teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__pretitle p {
    margin-bottom: 10px;
  }
}
.teaser.vertical-steps-teaser .cmp-teaser__content .cmp-teaser__pretitle p .font-style-title-default,
.teaser.vertical-steps-teaser-v2 .cmp-teaser__content .cmp-teaser__pretitle p .font-style-title-default,
.teaser.vertical-steps-teaser-v3 .cmp-teaser__content .cmp-teaser__pretitle p .font-style-title-default,
.teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__pretitle p .font-style-title-default {
  color: #fff;
  font-family: "Guardian Sans XCond";
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 33.6px */
  letter-spacing: 0.56px;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser .cmp-teaser__content .cmp-teaser__pretitle p .font-style-title-default,
  .teaser.vertical-steps-teaser-v2 .cmp-teaser__content .cmp-teaser__pretitle p .font-style-title-default,
  .teaser.vertical-steps-teaser-v3 .cmp-teaser__content .cmp-teaser__pretitle p .font-style-title-default,
  .teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__pretitle p .font-style-title-default {
    color: #fff;
    font-family: "Guardian Sans XCond";
    font-size: 1.312rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: 0.4px;
    text-transform: uppercase;
  }
}
.teaser.vertical-steps-teaser .cmp-teaser__content .cmp-teaser__pretitle p,
.teaser.vertical-steps-teaser-v2 .cmp-teaser__content .cmp-teaser__pretitle p,
.teaser.vertical-steps-teaser-v3 .cmp-teaser__content .cmp-teaser__pretitle p,
.teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__pretitle p {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  display: block;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser .cmp-teaser__content .cmp-teaser__pretitle p,
  .teaser.vertical-steps-teaser-v2 .cmp-teaser__content .cmp-teaser__pretitle p,
  .teaser.vertical-steps-teaser-v3 .cmp-teaser__content .cmp-teaser__pretitle p,
  .teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__pretitle p {
    font-size: 0.875rem;
  }
}
.teaser.vertical-steps-teaser .cmp-teaser__content .cmp-teaser__title,
.teaser.vertical-steps-teaser-v2 .cmp-teaser__content .cmp-teaser__title,
.teaser.vertical-steps-teaser-v3 .cmp-teaser__content .cmp-teaser__title,
.teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__title {
  font-family: "Guardian Sans XCond";
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser .cmp-teaser__content .cmp-teaser__title,
  .teaser.vertical-steps-teaser-v2 .cmp-teaser__content .cmp-teaser__title,
  .teaser.vertical-steps-teaser-v3 .cmp-teaser__content .cmp-teaser__title,
  .teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__title {
    -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
    font-family: "Guardian Sans XCond";
    font-size: 1.312rem;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.02em;
  }
}
.teaser.vertical-steps-teaser .cmp-teaser__content .cmp-teaser__description,
.teaser.vertical-steps-teaser-v2 .cmp-teaser__content .cmp-teaser__description,
.teaser.vertical-steps-teaser-v3 .cmp-teaser__content .cmp-teaser__description,
.teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__description {
  font-family: "Montserrat";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #616161;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser .cmp-teaser__content .cmp-teaser__description,
  .teaser.vertical-steps-teaser-v2 .cmp-teaser__content .cmp-teaser__description,
  .teaser.vertical-steps-teaser-v3 .cmp-teaser__content .cmp-teaser__description,
  .teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__description {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    font-family: "Montserrat";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
  }
}

.teaser.vertical-steps-teaser-v2:before {
  top: 2px;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser-v2:before {
    top: 2px;
  }
}
.teaser.vertical-steps-teaser-v2 .cmp-teaser:before {
  top: 2px;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser-v2 .cmp-teaser:before {
    top: 2px;
  }
}
.teaser.vertical-steps-teaser-v2 .cmp-teaser__content {
  padding-top: 0px;
}
.teaser.vertical-steps-teaser-v2 .cmp-teaser__description {
  margin-top: 0px !important;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser-v2 .cmp-teaser__description {
    margin-top: 2px;
  }
}

.teaser.vertical-steps-teaser-v3::before {
  top: 20%;
}
.teaser.vertical-steps-teaser-v3 .cmp-teaser::before {
  background: #cacaca;
  opacity: 1;
  top: 20%;
}
.teaser.vertical-steps-teaser-v3 .cmp-teaser .cmp-teaser__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 537px;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser-v3 .cmp-teaser .cmp-teaser__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }
}
.teaser.vertical-steps-teaser-v3 .cmp-teaser .cmp-teaser__content:not(:last-child) {
  padding-bottom: 51px;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser-v3 .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
    -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
  }
}
.teaser.vertical-steps-teaser-v3 .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle p {
  font-size: 100px;
  margin-top: 30px;
  margin-bottom: 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-preferred-size: unset;
      flex-basis: unset;
  font-family: "RE_Numbers";
  margin: 0;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser-v3 .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle p {
    margin: 0;
    font-size: 80px;
    line-height: 110%;
  }
}
.teaser.vertical-steps-teaser-v3 .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser-v3 .cmp-teaser .cmp-teaser__content .cmp-teaser__title {
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
    width: 50%;
    margin-bottom: 0;
  }
}
.teaser.vertical-steps-teaser-v3 .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
  margin-top: 12px;
  color: #616161;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
@media (max-width: 767px) {
  .teaser.vertical-steps-teaser-v3 .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
    margin-top: 0;
    font-size: 14px;
  }
}

.teaser.vertical-steps-teaser-v4::before {
  top: 20%;
}
.teaser.vertical-steps-teaser-v4 .cmp-teaser__content {
  padding-bottom: 34px;
}
.teaser.vertical-steps-teaser-v4 .cmp-teaser__content:last-child {
  padding-bottom: 0;
}
.teaser.vertical-steps-teaser-v4 .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(2) {
  margin: 0;
}

.container-explore-reown-teaser .teaser {
  padding-right: 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .container-explore-reown-teaser .teaser {
    padding-right: 16px;
  }
}
.container-explore-reown-teaser .teaser img {
  width: 100%;
}
.container-explore-reown-teaser .teaser .cmp-teaser {
  background-color: #1a1818;
}
.container-explore-reown-teaser .teaser .cmp-teaser__pretitle {
  font-family: "Guardian Sans XCond";
  font-size: 36px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}
.container-explore-reown-teaser .teaser .cmp-teaser__pretitle img {
  display: inline;
  margin-left: 20px;
  width: auto;
}
@media (max-width: 767px) {
  .container-explore-reown-teaser .teaser .cmp-teaser__pretitle {
    font-family: "Guardian Sans XCond";
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.02em;
  }
  .container-explore-reown-teaser .teaser .cmp-teaser__pretitle img {
    height: 16px;
    margin-left: 8px;
  }
}
.container-explore-reown-teaser .teaser .cmp-teaser__title {
  font-family: "Guardian Sans XCond";
  font-size: 3.5625rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #ffffff;
}
@media (max-width: 767px) {
  .container-explore-reown-teaser .teaser .cmp-teaser__title {
    font-family: "Guardian Sans XCond";
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 120%;
  }
}
.container-explore-reown-teaser .teaser .cmp-teaser__content {
  margin: 56px 24px 24px 24px;
}

#Why-Sell-Slider,
.Why-Sell-Slider {
  margin-bottom: 0;
}
#Why-Sell-Slider .teaser .cmp-teaser__image-container .cmp-teaser__icon,
.Why-Sell-Slider .teaser .cmp-teaser__image-container .cmp-teaser__icon {
  display: none;
}
#Why-Sell-Slider .teaser .cmp-teaser__content,
.Why-Sell-Slider .teaser .cmp-teaser__content {
  padding: 50px;
  background: rgba(24, 24, 24, 0.8);
  top: 50%;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  #Why-Sell-Slider .teaser .cmp-teaser__content,
  .Why-Sell-Slider .teaser .cmp-teaser__content {
    padding: 10px 20px;
    left: unset;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    right: 0px;
    max-width: 75%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  #Why-Sell-Slider .teaser .cmp-teaser__content,
  .Why-Sell-Slider .teaser .cmp-teaser__content {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
  }
}
#Why-Sell-Slider .teaser .cmp-teaser__content .cmp-teaser__pretitle,
.Why-Sell-Slider .teaser .cmp-teaser__content .cmp-teaser__pretitle {
  font-family: "Guardian Sans XCond";
  font-size: 46px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 767px) {
  #Why-Sell-Slider .teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .Why-Sell-Slider .teaser .cmp-teaser__content .cmp-teaser__pretitle {
    font-family: "Guardian Sans XCond";
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.02em;
    font-size: 1.25rem;
  }
}
#Why-Sell-Slider .teaser .cmp-teaser__content .cmp-teaser__pretitle > img,
.Why-Sell-Slider .teaser .cmp-teaser__content .cmp-teaser__pretitle > img {
  height: 36px;
}
@media (max-width: 767px) {
  #Why-Sell-Slider .teaser .cmp-teaser__content .cmp-teaser__title,
  .Why-Sell-Slider .teaser .cmp-teaser__content .cmp-teaser__title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 135%;
    margin-top: 5px;
  }
}
#Why-Sell-Slider .teaser .cmp-teaser__content .cmp-teaser__description,
.Why-Sell-Slider .teaser .cmp-teaser__content .cmp-teaser__description {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: center;
  color: #ffffff;
  margin-top: 8px;
}
@media (max-width: 767px) {
  #Why-Sell-Slider .teaser .cmp-teaser__content .cmp-teaser__description,
  .Why-Sell-Slider .teaser .cmp-teaser__content .cmp-teaser__description {
    font-family: "Montserrat";
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0em;
    margin-top: 4px;
    line-height: 120%;
  }
}
#Why-Sell-Slider .slick-dots,
.Why-Sell-Slider .slick-dots {
  bottom: -7px;
  left: -3px;
}
@media (max-width: 767px) {
  #Why-Sell-Slider .slick-dots,
  .Why-Sell-Slider .slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
#Why-Sell-Slider .slick-dots li.slick-active,
#Why-Sell-Slider .slick-dots li.slick-active button:before,
.Why-Sell-Slider .slick-dots li.slick-active,
.Why-Sell-Slider .slick-dots li.slick-active button:before {
  background: #da291c !important;
  opacity: 1 !important;
}
#Why-Sell-Slider .slick-dots li button:before,
.Why-Sell-Slider .slick-dots li button:before {
  background-color: #ffffff;
  opacity: 0.3;
  top: 0px;
  height: 6px;
}
#Why-Sell-Slider .slick-dots li button:hover:before,
.Why-Sell-Slider .slick-dots li button:hover:before {
  background-color: #da291c;
  top: 0px;
  height: 6px;
  opacity: 1;
}

@media (min-width: 768px) {
  .teaser-image-w50-righht-side .cmp-teaser__image {
    max-width: 570px;
    margin-left: auto;
  }
}
.teaser-image-w50-righht-side .cmp-teaser__action-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  width: 335px;
  max-width: 100%;
}

.teaser.flag-teaser-border-v1 {
  padding: 32px 56px 32px 56px;
  border: 1px solid #a7a7a7;
  width: calc(50% - 15px);
}
@media (max-width: 767px) {
  .teaser.flag-teaser-border-v1 {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 16px;
    width: 100%;
  }
}
.teaser.flag-teaser-border-v1 .cmp-teaser__pretitle,
.teaser.flag-teaser-border-v1 .cmp-teaser__title {
  font-family: "Guardian Sans XCond";
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #da291c;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .teaser.flag-teaser-border-v1 .cmp-teaser__pretitle,
  .teaser.flag-teaser-border-v1 .cmp-teaser__title {
    margin-top: 16px;
    font-size: 1.75rem;
    line-height: 34px;
  }
}
.teaser.flag-teaser-border-v1 .cmp-teaser__pretitle .font-style-title-default,
.teaser.flag-teaser-border-v1 .cmp-teaser__title .font-style-title-default {
  color: #da291c;
  font-family: "Guardian Sans XCond";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 48px */
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  .teaser.flag-teaser-border-v1 .cmp-teaser__pretitle .font-style-title-default,
  .teaser.flag-teaser-border-v1 .cmp-teaser__title .font-style-title-default {
    font-size: 1.75rem;
  }
}
.teaser.flag-teaser-border-v1 .cmp-teaser__description {
  font-family: "Montserrat";
  font-size: 1rem;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  color: #616161;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .teaser.flag-teaser-border-v1 .cmp-teaser__description {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 20px;
    margin-top: 8px;
  }
}
.teaser.flag-teaser-border-v1 .cmp-teaser__icon img {
  -webkit-filter: brightness(0) invert(0);
          filter: brightness(0) invert(0);
}

.teaser.flag-teaser-bg {
  background: #181818;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  border: none;
  padding: 2pc 56px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media (max-width: 767px) {
  .teaser.flag-teaser-bg {
    padding: 16px;
  }
}
.teaser.flag-teaser-bg .cmp-teaser__pretitle,
.teaser.flag-teaser-bg .cmp-teaser__title {
  margin-top: 28px;
}
@media (max-width: 767px) {
  .teaser.flag-teaser-bg .cmp-teaser__pretitle,
  .teaser.flag-teaser-bg .cmp-teaser__title {
    margin-top: 24px;
  }
}
.teaser.flag-teaser-bg .cmp-teaser__pretitle .font-style-title-default,
.teaser.flag-teaser-bg .cmp-teaser__title .font-style-title-default {
  color: #da291c;
  font-family: "Guardian Sans XCond";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 48px */
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  .teaser.flag-teaser-bg .cmp-teaser__pretitle .font-style-title-default,
  .teaser.flag-teaser-bg .cmp-teaser__title .font-style-title-default {
    font-size: 1.75rem;
  }
}
.teaser.flag-teaser-bg .cmp-teaser__description {
  margin-top: 16px;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .teaser.flag-teaser-bg .cmp-teaser__description {
    margin-top: 16px;
  }
}
.teaser.flag-teaser-bg .cmp-teaser__icon img {
  -webkit-filter: brightness(100) invert(0);
          filter: brightness(100) invert(0);
}

.teaser-cta-dRow-Mcolumn .cmp-teaser__action-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .teaser-cta-dRow-Mcolumn .cmp-teaser__action-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#Why-Buy-From-Re-own .slick-dots li {
  margin: 0 5px;
  height: 2px;
}
#Why-Buy-From-Re-own .slick-dots li.slick-active {
  background: #da291c;
}

#recentyly-sold-slider .cmp-teaser__content {
  position: absolute;
  top: 50%;
  right: 80px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 40px 36px;
  background: rgb(24, 24, 24);
  min-width: 438px;
}
@media (max-width: 767px) {
  #recentyly-sold-slider .cmp-teaser__content {
    position: relative;
    top: unset;
    right: unset;
    background: #373737;
    -webkit-transform: none;
            transform: none;
    padding: 20px;
    min-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  #recentyly-sold-slider .cmp-teaser__content {
    position: relative;
    top: unset;
    right: unset;
    background: #373737;
    -webkit-transform: none;
    transform: none;
    padding: 20px;
    min-width: 100%;
  }
}
#recentyly-sold-slider .cmp-teaser__content img {
  width: 18px;
  display: inline-block;
  -webkit-filter: brightness(100);
          filter: brightness(100);
}
@media (min-width: 768px) and (max-width: 1365px) {
  #recentyly-sold-slider .slick-dots {
    display: none !important;
  }
}

.container-teaser-evaluation-process {
  position: relative;
  padding: 80px;
}
@media (max-width: 767px) {
  .container-teaser-evaluation-process {
    padding: 40px 20px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-teaser-evaluation-process {
    padding: 40px;
  }
}
.container-teaser-evaluation-process .teaser .cmp-teaser__content {
  position: absolute;
  top: 30%;
  width: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: 40px;
}
@media (max-width: 767px) {
  .container-teaser-evaluation-process .teaser .cmp-teaser__content {
    padding: 24px;
    width: 100%;
    top: 50%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-teaser-evaluation-process .teaser .cmp-teaser__content {
    padding: 24px;
    width: 100%;
    top: 50%;
  }
}
.container-teaser-evaluation-process .teaser .cmp-teaser__content .cmp-teaser__pretitle {
  margin-bottom: 18px;
}
@media (max-width: 767px) {
  .container-teaser-evaluation-process .teaser .cmp-teaser__content .cmp-teaser__pretitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.02em;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-teaser-evaluation-process .teaser .cmp-teaser__content .cmp-teaser__pretitle {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-teaser-evaluation-process .teaser .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
    font-size: 50px;
  }
}
.container-teaser-evaluation-process .teaser .cmp-teaser__content .cmp-teaser__description {
  max-width: 340px;
}
@media (max-width: 767px) {
  .container-teaser-evaluation-process .teaser .cmp-teaser__content .cmp-teaser__description {
    max-width: 60%;
  }
}
.container-teaser-evaluation-process .teaser .cmp-teaser__content .cmp-teaser__description p {
  color: #ededed;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
}
@media (max-width: 767px) {
  .container-teaser-evaluation-process .teaser .cmp-teaser__content .cmp-teaser__description p {
    font-size: 0.875rem;
  }
}
.container-teaser-evaluation-process .teaser .cmp-teaser__content .vdmp-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 0px;
}
.container-teaser-evaluation-process .teaser .cmp-teaser__content .vdmp-btn img {
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.container-teaser-evaluation-process .teaser .cmp-teaser__content .cmp-teaser__action-container {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .container-teaser-evaluation-process .teaser .cmp-teaser__content .cmp-teaser__action-container {
    margin-top: 47px;
  }
}
.container-teaser-evaluation-process .container .cmp-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 50%;
  right: 120px;
  max-width: 450px;
}
@media (max-width: 767px) {
  .container-teaser-evaluation-process .container .cmp-container {
    max-width: unset;
    position: relative;
    -webkit-transform: unset;
            transform: unset;
    right: unset;
    top: unset;
    width: 100%;
  }
  .container-teaser-evaluation-process .container .cmp-container .teaser {
    margin-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-teaser-evaluation-process .container .cmp-container .teaser {
    margin-top: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-teaser-evaluation-process .container .cmp-container {
    max-width: unset;
    position: relative;
    -webkit-transform: unset;
    transform: unset;
    right: unset;
    top: unset;
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .container-teaser-evaluation-process .container .cmp-container {
    right: calc(9vw + 40px);
  }
}
.container-teaser-evaluation-process .container .cmp-container .cmp-teaser {
  background: #181818;
  width: 100%;
}
.container-teaser-evaluation-process .container .cmp-container .cmp-teaser .cmp-teaser__content {
  position: relative;
  top: unset;
  -webkit-transform: unset;
          transform: unset;
  margin-bottom: 30px;
  width: 100%;
  padding: 24px;
}
@media (min-width: 768px) and (max-width: 1365px) {
  .container-teaser-evaluation-process .container .cmp-container .cmp-teaser .cmp-teaser__content {
    margin-bottom: 0;
  }
}
.container-teaser-evaluation-process .container .cmp-container .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #cacaca;
}
.container-teaser-evaluation-process .container .cmp-container .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(1) a {
  position: absolute;
  right: 24px;
}
.container-teaser-evaluation-process .container .cmp-container .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(2) {
  width: 88%;
}
@media (max-width: 767px) {
  .container-teaser-evaluation-process .container .cmp-container .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
    font-size: 0.875rem;
  }
}
.container-teaser-evaluation-process .container .cmp-container .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle p:first-child {
  margin-bottom: 18px;
}

.teaser-heading-with-cta > .cmp-teaser,
.teaser-heading-and-cta > .cmp-teaser,
.teaser-heading-and-cta-v2 > .cmp-teaser,
.teaser-heading-and-cta-align-center > .cmp-teaser,
.teaser-heading-and-cta-align-center-mobile > .cmp-teaser,
.teaser-heading-and-cta-align-title-row > .cmp-teaser,
.teaser-heading-and-cta-align-title-column-tab > .cmp-teaser {
  position: unset;
  width: 100%;
}
.teaser-heading-with-cta > .cmp-teaser .cmp-teaser__content,
.teaser-heading-and-cta > .cmp-teaser .cmp-teaser__content,
.teaser-heading-and-cta-v2 > .cmp-teaser .cmp-teaser__content,
.teaser-heading-and-cta-align-center > .cmp-teaser .cmp-teaser__content,
.teaser-heading-and-cta-align-center-mobile > .cmp-teaser .cmp-teaser__content,
.teaser-heading-and-cta-align-title-row > .cmp-teaser .cmp-teaser__content,
.teaser-heading-and-cta-align-title-column-tab > .cmp-teaser .cmp-teaser__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .teaser-heading-with-cta > .cmp-teaser .cmp-teaser__content,
  .teaser-heading-and-cta > .cmp-teaser .cmp-teaser__content,
  .teaser-heading-and-cta-v2 > .cmp-teaser .cmp-teaser__content,
  .teaser-heading-and-cta-align-center > .cmp-teaser .cmp-teaser__content,
  .teaser-heading-and-cta-align-center-mobile > .cmp-teaser .cmp-teaser__content,
  .teaser-heading-and-cta-align-title-row > .cmp-teaser .cmp-teaser__content,
  .teaser-heading-and-cta-align-title-column-tab > .cmp-teaser .cmp-teaser__content {
    max-width: unset;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }
}
.teaser-heading-with-cta > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
.teaser-heading-and-cta > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
.teaser-heading-and-cta-v2 > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
.teaser-heading-and-cta-align-center > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
.teaser-heading-and-cta-align-center-mobile > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
.teaser-heading-and-cta-align-title-row > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
.teaser-heading-and-cta-align-title-column-tab > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .teaser-heading-with-cta > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser-heading-and-cta > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser-heading-and-cta-v2 > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser-heading-and-cta-align-center > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser-heading-and-cta-align-center-mobile > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser-heading-and-cta-align-title-row > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser-heading-and-cta-align-title-column-tab > .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle {
    margin-right: auto;
    display: block;
  }
}
@media (max-width: 767px) {
  .teaser-heading-with-cta > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container,
  .teaser-heading-and-cta > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container,
  .teaser-heading-and-cta-v2 > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container,
  .teaser-heading-and-cta-align-center > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container,
  .teaser-heading-and-cta-align-center-mobile > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container,
  .teaser-heading-and-cta-align-title-row > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container,
  .teaser-heading-and-cta-align-title-column-tab > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
    width: 100%;
    max-width: calc(100vw - 40px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 40px;
  }
}
.teaser-heading-with-cta > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn,
.teaser-heading-and-cta > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn,
.teaser-heading-and-cta-v2 > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn,
.teaser-heading-and-cta-align-center > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn,
.teaser-heading-and-cta-align-center-mobile > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn,
.teaser-heading-and-cta-align-title-row > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn,
.teaser-heading-and-cta-align-title-column-tab > .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn {
  display: block;
  height: auto;
  min-width: 320px;
}

.teaser-heading-and-cta-v2 .cmp-teaser__content {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
@media (max-width: 767px) {
  .teaser-heading-and-cta-v2 .cmp-teaser__action-container {
    position: relative !important;
    bottom: 0 !important;
  }
}
.teaser-heading-and-cta-v2 .cmp-teaser__action-container .cmp-teaser__action-link {
  font-size: 1.125rem !important;
}
@media (max-width: 767px) {
  .teaser-heading-and-cta-v2 .cmp-teaser__action-container .cmp-teaser__action-link {
    font-size: 0.875rem !important;
  }
}

.teaser-heading-and-cta-align-center > .cmp-teaser .cmp-teaser__content {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

@media (max-width: 767px) {
  .teaser-heading-and-cta-align-center-mobile > .cmp-teaser .cmp-teaser__content {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media (min-width: 768px) and (max-width: 1365px) {
  .teaser-heading-and-cta-align-title-column-tab > .cmp-teaser .cmp-teaser__pretitle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    gap: 0 !important;
  }
}

.teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__image {
  margin-bottom: 43px;
}
@media (max-width: 767px) {
  .teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__image {
    margin-bottom: 38px;
  }
}
.teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__content .cmp-teaser__description p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 140%;
  color: #181818;
  margin-bottom: 16px;
}
.teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__content .cmp-teaser__description .black-color {
  margin-bottom: 16px;
  display: block;
}
.teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__action-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 32px;
}

.teaser.know-more-hero-sec .cmp-teaser__content .cmp-teaser__description .font-style-title-default {
  font-size: 57px;
}
@media (max-width: 767px) {
  .teaser.know-more-hero-sec .cmp-teaser__content .cmp-teaser__description .font-style-title-default {
    font-size: 40px;
  }
}

.teaser.know-more-hero-sec-lists {
  width: 146px;
  height: 140px;
  background: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .teaser.know-more-hero-sec-lists {
    width: auto;
    padding: 10px 8px;
    height: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.teaser.know-more-hero-sec-lists .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 19px;
}
@media (max-width: 767px) {
  .teaser.know-more-hero-sec-lists .cmp-teaser {
    gap: 12px;
  }
}
.teaser.know-more-hero-sec-lists .cmp-teaser .cmp-teaser__mobileImg img {
  margin: auto;
}
.teaser.know-more-hero-sec-lists .cmp-teaser .cmp-teaser__image-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .teaser.know-more-hero-sec-lists .cmp-teaser .cmp-teaser__image-container {
    display: none;
  }
}
.teaser.know-more-hero-sec-lists .cmp-teaser .cmp-teaser__description p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #474747;
}
@media (max-width: 767px) {
  .teaser.know-more-hero-sec-lists .cmp-teaser .cmp-teaser__description p {
    font-size: 0.75rem;
  }
}

.teaser.looking-for-something-specific-inner {
  padding: 48px;
  position: relative;
}
@media (max-width: 767px) {
  .teaser.looking-for-something-specific-inner {
    padding: 220px 32px 32px 32px;
  }
}
.teaser.looking-for-something-specific-inner .cmp-teaser {
  position: unset;
}
.teaser.looking-for-something-specific-inner .cmp-teaser .cmp-teaser__mobileImg {
  position: absolute;
  top: 0;
  right: 0;
  mix-blend-mode: screen;
}
@media (max-width: 767px) {
  .teaser.looking-for-something-specific-inner .cmp-teaser .cmp-teaser__mobileImg {
    top: -20px;
  }
}
.teaser.looking-for-something-specific-inner .cmp-teaser .cmp-teaser__mobileImg img {
  float: right;
}
.teaser.looking-for-something-specific-inner .cmp-teaser .cmp-teaser__image {
  position: absolute;
  top: 0;
  right: 0px;
  mix-blend-mode: screen;
}
.teaser.looking-for-something-specific-inner .cmp-teaser .cmp-teaser__image img {
  float: right;
}
.teaser.looking-for-something-specific-inner .cmp-teaser__content .cmp-teaser__pretitle {
  margin-bottom: 18px;
}
.teaser.looking-for-something-specific-inner .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
  font-size: 40px;
}
.teaser.looking-for-something-specific-inner .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default .red-color {
  color: #fff;
}
@media (max-width: 767px) {
  .teaser.looking-for-something-specific-inner .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default .red-color {
    color: #da291c;
  }
}
.teaser.looking-for-something-specific-inner .cmp-teaser__content .cmp-teaser__description {
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .teaser.looking-for-something-specific-inner .cmp-teaser__content .cmp-teaser__description {
    margin-bottom: 44px;
  }
}
.teaser.looking-for-something-specific-inner .cmp-teaser__content .cmp-teaser__description p {
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  .teaser.looking-for-something-specific-inner .cmp-teaser__content .cmp-teaser__description p {
    font-size: 1rem;
  }
}
.teaser.looking-for-something-specific-inner .cmp-teaser__content .cmp-teaser__action-link {
  margin-top: 28px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.teaser.certificate-warranty-teaser-inner {
  border: 1px solid #a7a7a7;
  border-left: 10px solid #da291c;
  padding: 24px 40px;
}
@media (max-width: 767px) {
  .teaser.certificate-warranty-teaser-inner {
    padding: 20px;
    border-left: 6px solid #da291c;
  }
}
.teaser.certificate-warranty-teaser-inner .cmp-teaser .cmp-teaser__action-link {
  font-size: 0.875rem;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 140%;
  color: #181818;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .teaser.certificate-warranty-teaser-inner .cmp-teaser .cmp-teaser__action-link {
    margin-top: 20px;
  }
}
.teaser.certificate-warranty-teaser-inner .cmp-teaser .cmp-teaser__action-link::after {
  background: url("clientlib-site/resources/images/icon-arrow-right-black.png");
  background-position: 0;
  background-size: 18px;
  width: 24px;
  height: 24px;
}
.teaser.certificate-warranty-teaser-inner .font-style-title-default {
  font-size: 40px;
  display: block;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .teaser.certificate-warranty-teaser-inner .font-style-title-default {
    font-size: 1.562rem;
  }
}
.teaser.certificate-warranty-teaser-inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .teaser.certificate-warranty-teaser-inner ul {
    gap: 14px;
  }
}
.teaser.certificate-warranty-teaser-inner ul li {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  padding-left: 30px;
  line-height: 140%;
  color: #181818;
  position: relative;
}
.teaser.certificate-warranty-teaser-inner ul li::before {
  content: "";
  background-color: #181818;
  height: 5px;
  width: 5px;
  position: absolute;
  top: 40%;
  border-radius: 50%;
  left: 10px;
}

@media (max-width: 767px) {
  .teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__mobileImg {
    margin-bottom: 38px;
  }
  .teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__mobileImg img {
    width: 30%;
  }
}
.teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__image {
  margin-bottom: 43px;
}
.teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__content {
  max-width: 550px;
}
@media (max-width: 767px) {
  .teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__content {
    max-width: 100%;
  }
}
.teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default-m40 {
  margin-bottom: 16px;
  display: block;
}
.teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
  margin-bottom: 32px;
}
.teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__content .cmp-teaser__description p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  color: #181818;
}
.teaser.buy-the-right-motorcycle .cmp-teaser .cmp-teaser__action-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 32px;
}

.teaser.know-more-hero-sec .cmp-teaser__content .cmp-teaser__description .font-style-title-default {
  font-size: 57px;
}
@media (max-width: 767px) {
  .teaser.know-more-hero-sec .cmp-teaser__content .cmp-teaser__description .font-style-title-default {
    font-size: 40px;
  }
}

.teaser.know-more-hero-sec-lists {
  width: 146px;
  height: 140px;
  background: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .teaser.know-more-hero-sec-lists {
    width: auto;
    height: auto;
    padding: 10px 8px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.teaser.know-more-hero-sec-lists .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 19px;
}
@media (max-width: 767px) {
  .teaser.know-more-hero-sec-lists .cmp-teaser {
    gap: 12px;
  }
}
.teaser.know-more-hero-sec-lists .cmp-teaser .cmp-teaser__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
}
.teaser.know-more-hero-sec-lists .cmp-teaser .cmp-teaser__icon img {
  height: 100%;
  display: block;
  margin: 0;
}
@media (max-width: 767px) {
  .teaser.know-more-hero-sec-lists .cmp-teaser .cmp-teaser__icon {
    width: 32px;
    height: 32px;
  }
}
.teaser.know-more-hero-sec-lists .cmp-teaser .cmp-teaser__description {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 140%;
  color: #474747;
}
@media (max-width: 767px) {
  .teaser.know-more-hero-sec-lists .cmp-teaser .cmp-teaser__description {
    font-size: 0.875rem;
  }
}

.teaser.looking-for-something-specific .cmp-teaser__content .cmp-teaser__pretitle {
  margin-bottom: 18px;
}
.teaser.looking-for-something-specific .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
  font-size: 40px;
}
.teaser.looking-for-something-specific .cmp-teaser__content .cmp-teaser__description p {
  font-size: 1.125rem;
}
.teaser.looking-for-something-specific .cmp-teaser__content .cmp-teaser__action-link {
  margin-top: 28px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.teaser.create-requirement-crd {
  background-color: rgba(0, 0, 0, 0);
}
.teaser.create-requirement-crd .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
.teaser.create-requirement-crd .cmp-teaser .cmp-teaser__content {
  padding: 20px;
}
.teaser.create-requirement-crd .cmp-teaser .cmp-teaser__content .font-style-title-default {
  font-size: 2rem;
  font-family: "Guardian Sans XCond";
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.64px;
}
.teaser.create-requirement-crd .cmp-teaser .cmp-teaser__content .cmp-teaser__description {
  color: #fff;
  font-size: 0.875rem;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 140%;
}
.teaser.create-requirement-crd .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link {
  padding: 14px 20px;
  font-size: 12px;
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 140%;
  color: #ffffff;
  border: 1px solid #616161;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.teaser.benefits-of-re-exchange-teaser-crd .cmp-teaser {
  padding: 40px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  background-color: #282828;
  height: 100%;
}
@media (max-width: 767px) {
  .teaser.benefits-of-re-exchange-teaser-crd .cmp-teaser {
    padding: 16px 8px;
    gap: 12px;
  }
}
.teaser.benefits-of-re-exchange-teaser-crd .cmp-teaser__content .font-style-title-default {
  font-size: 2rem;
  font-family: "Guardian Sans XCond";
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.64px;
}
.teaser.benefits-of-re-exchange-teaser-crd .cmp-teaser__content .cmp-teaser__description {
  margin-top: 12px;
  max-width: 238px;
}
@media (max-width: 767px) {
  .teaser.benefits-of-re-exchange-teaser-crd .cmp-teaser__content .cmp-teaser__description {
    max-width: 100%;
  }
}
.teaser.benefits-of-re-exchange-teaser-crd .cmp-teaser__content .cmp-teaser__description p {
  color: #a7a7a7;
  font-size: 1rem;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 140%;
}

.teaser.error-modal-view {
  background: #f2f2f2;
  padding: 80px 135px;
}
@media (max-width: 767px) {
  .teaser.error-modal-view {
    padding: 16px;
  }
}
.teaser.error-modal-view .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 60px;
}
@media (max-width: 767px) {
  .teaser.error-modal-view .cmp-teaser {
    gap: 25px;
  }
}
.teaser.error-modal-view .cmp-teaser .cmp-teaser__mobileImg {
  display: none;
}
@media (max-width: 767px) {
  .teaser.error-modal-view .cmp-teaser .cmp-teaser__mobileImg {
    display: block;
  }
}
.teaser.error-modal-view .cmp-teaser .cmp-teaser__mobileImg img {
  margin: auto;
}
.teaser.error-modal-view .cmp-teaser .cmp-teaser__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .teaser.error-modal-view .cmp-teaser .cmp-teaser__image-container {
    display: none;
  }
}
.teaser.error-modal-view .cmp-teaser__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.teaser.error-modal-view .cmp-teaser__content .cmp-teaser__description .text-align-center {
  color: #4f4f4f;
  font-size: 1.312rem;
  font-family: "Montserrat";
  font-weight: 600;
  line-height: 140%;
}

.teaser.teaser-banner-for-the-seller .cmp-teaser .cmp-teaser__content {
  position: absolute;
  max-width: 558px;
  background: #181818;
  padding: 32px 48px;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .teaser.teaser-banner-for-the-seller .cmp-teaser .cmp-teaser__content {
    position: static;
    max-width: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    padding: 24px 16px;
    gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.teaser-banner-for-the-seller .cmp-teaser .cmp-teaser__content {
    position: static;
    max-width: 100%;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    padding: 24px 16px;
    gap: 16px;
  }
}
.teaser.teaser-banner-for-the-seller .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
  color: #fff;
  font-size: 2.5rem;
  font-family: "Guardian Sans XCond";
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .teaser.teaser-banner-for-the-seller .cmp-teaser .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
    font-size: 2rem;
  }
}
.teaser.teaser-banner-for-the-seller .cmp-teaser .cmp-teaser__content .cmp-teaser__description p {
  font-size: 0.875rem;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 767px) {
  .teaser.teaser-banner-for-the-seller .cmp-teaser .cmp-teaser__content .cmp-teaser__description p {
    font-size: 1rem;
  }
}
.teaser.teaser-banner-for-the-seller .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
  width: auto;
}

.teaser.teaser-banner-flex-for-the-buyer .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 51px;
}
@media (max-width: 767px) {
  .teaser.teaser-banner-flex-for-the-buyer .cmp-teaser {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.teaser.teaser-banner-flex-for-the-buyer .cmp-teaser .cmp-teaser__pretitle {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .teaser.teaser-banner-flex-for-the-buyer .cmp-teaser .cmp-teaser__pretitle {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .teaser.teaser-banner-flex-for-the-buyer .cmp-teaser .cmp-teaser__pretitle .font-style-title-default {
    font-size: 40px;
  }
}
.teaser.teaser-banner-flex-for-the-buyer .cmp-teaser .cmp-teaser__description {
  color: #fff;
  font-size: 0.875rem;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 140%;
}
.teaser.teaser-banner-flex-for-the-buyer .cmp-teaser .cmp-teaser__action-container {
  margin-top: 48px;
}
@media (max-width: 767px) {
  .teaser.teaser-banner-flex-for-the-buyer .cmp-teaser .cmp-teaser__action-container {
    margin-top: 16px;
  }
}
.teaser.teaser-banner-flex-for-the-buyer .cmp-teaser .cmp-teaser__action-container .vdmp-btn {
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 310px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .teaser.teaser-banner-flex-for-the-buyer .cmp-teaser .cmp-teaser__action-container .vdmp-btn {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: auto;
  }
}

.teaser.border-left-red {
  border-left: 10px solid #da291c;
  padding-left: 26px;
}
@media (max-width: 767px) {
  .teaser.border-left-red {
    border-left: 6px solid #da291c;
    padding-left: 12px;
  }
}
.teaser.border-left-red .cmp-teaser__pretitle {
  max-width: 740px;
}
@media (max-width: 767px) {
  .teaser.border-left-red .cmp-teaser__pretitle {
    max-width: 100%;
  }
}

.teaser.teaser-banner-ceremony {
  padding-left: 40px;
}
@media (max-width: 767px) {
  .teaser.teaser-banner-ceremony {
    padding-left: 0;
    margin-top: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.teaser-banner-ceremony {
    padding-left: 0;
    margin-top: 16px;
  }
}
.teaser.teaser-banner-ceremony .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.teaser.teaser-banner-ceremony .cmp-teaser .cmp-teaser__pretitle {
  max-width: 100%;
}
@media (min-width: 1400px) {
  .teaser.teaser-banner-ceremony .cmp-teaser .cmp-teaser__pretitle {
    max-width: 75%;
  }
}
.teaser.teaser-banner-ceremony .cmp-teaser .cmp-teaser__pretitle p {
  font-size: 57px;
  font-family: "Guardian Sans XCond";
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.14px;
}
@media (max-width: 767px) {
  .teaser.teaser-banner-ceremony .cmp-teaser .cmp-teaser__pretitle p {
    font-size: 40px;
  }
}
.teaser.teaser-banner-ceremony .cmp-teaser .cmp-teaser__description {
  margin-top: 15px;
  margin-bottom: 20px;
  max-width: 100%;
}
@media (max-width: 767px) {
  .teaser.teaser-banner-ceremony .cmp-teaser .cmp-teaser__description {
    margin-top: 12px;
  }
}
@media (min-width: 1400px) {
  .teaser.teaser-banner-ceremony .cmp-teaser .cmp-teaser__description {
    max-width: 60%;
  }
}
.teaser.teaser-banner-ceremony .cmp-teaser .cmp-teaser__description p {
  font-size: 0.875rem;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .teaser.teaser-banner-ceremony .cmp-teaser .cmp-teaser__description p {
    font-size: 1rem;
  }
}
.teaser.teaser-banner-ceremony .cmp-teaser .cmp-teaser__action-container {
  margin-top: 20px;
}
.teaser.teaser-banner-ceremony .cmp-teaser .cmp-teaser__action-container .vdmp-btn {
  gap: 12px;
  min-width: 278px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .teaser.teaser-banner-ceremony .cmp-teaser .cmp-teaser__action-container .vdmp-btn {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: auto;
  }
}

.teaser.buy-seller-teaser-steps {
  background-color: #f2f2f2;
  min-width: 215px;
  min-height: 215px;
  width: calc(25% - 28px);
  padding: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .teaser.buy-seller-teaser-steps {
    padding: 18px;
    min-height: 194px;
    width: calc(50% - 8px);
    min-width: unset;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.buy-seller-teaser-steps {
    padding: 10px;
  }
}
.teaser.buy-seller-teaser-steps .cmp-teaser__pretitle {
  margin-top: 20px;
  padding: 10px;
  padding-left: 0;
}
.teaser.buy-seller-teaser-steps .cmp-teaser__pretitle p {
  font-family: "RE_Numbers";
  font-size: 80px;
  color: #a7a7a7;
}
.teaser.buy-seller-teaser-steps .cmp-teaser__description {
  margin-top: 25px;
}
.teaser.buy-seller-teaser-steps .cmp-teaser__description p {
  font-size: 1rem;
  font-family: "Montserrat";
  font-weight: 500;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .teaser.buy-seller-teaser-steps .cmp-teaser__description p {
    font-size: 0.875rem;
  }
}

.teaser.offers-list-about-us {
  background: #282828;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: relative;
  height: 256px;
  padding: 0;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 32px;
}
@media (max-width: 767px) {
  .teaser.offers-list-about-us {
    height: auto;
    padding: 48px 24px;
  }
}
.teaser.offers-list-about-us .cmp-teaser {
  position: unset;
}
.teaser.offers-list-about-us .cmp-teaser .cmp-teaser__mobileImg {
  position: absolute;
  top: 0;
  right: 0;
}
.teaser.offers-list-about-us .cmp-teaser .cmp-teaser__mobileImg img {
  float: right;
}
.teaser.offers-list-about-us .cmp-teaser .cmp-teaser__mobileImg,
.teaser.offers-list-about-us .cmp-teaser .cmp-teaser__image-container {
  mix-blend-mode: lighten;
}
.teaser.offers-list-about-us .cmp-teaser .cmp-teaser__image {
  position: absolute;
  top: 0;
  right: 0;
}
.teaser.offers-list-about-us .cmp-teaser .cmp-teaser__image img {
  width: auto;
  float: right;
}
.teaser.offers-list-about-us:not(:last-child) {
  border-right: 1px solid #474747;
  position: relative;
}
@media (max-width: 767px) {
  .teaser.offers-list-about-us:not(:last-child) {
    border-right: none;
  }
  .teaser.offers-list-about-us:not(:last-child)::after {
    position: absolute;
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    height: 1px;
    width: 90%;
    background-color: #474747;
  }
}
@media (max-width: 767px) {
  .teaser.offers-list-about-us .cmp-teaser__content .cmp-teaser__pretitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.teaser.offers-list-about-us .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
  color: #fff;
  font-size: 40px;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  .teaser.offers-list-about-us .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
    font-size: 1.75rem;
  }
}

.teaser.tease-coverage {
  width: unset;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 206px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .teaser.tease-coverage {
    padding: 3px 12px;
    height: auto;
  }
}
.teaser.tease-coverage:not(:last-child) {
  position: relative;
}
.teaser.tease-coverage:not(:last-child)::after {
  position: absolute;
  content: "";
  background-color: #000;
  height: 60%;
  width: 1px;
  top: 20%;
  right: 0;
}
.teaser.tease-coverage .cmp-teaser__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
@media (max-width: 767px) {
  .teaser.tease-coverage .cmp-teaser__content {
    gap: 2px;
  }
}
.teaser.tease-coverage .cmp-teaser__content .cmp-teaser__pretitle p,
.teaser.tease-coverage .cmp-teaser__content .cmp-teaser__pretitle span,
.teaser.tease-coverage .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
  color: #181818;
  font-family: Guardian Sans XCond;
  font-size: 57px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 68.4px */
  letter-spacing: 1.14px;
}
@media (max-width: 767px) {
  .teaser.tease-coverage .cmp-teaser__content .cmp-teaser__pretitle p,
  .teaser.tease-coverage .cmp-teaser__content .cmp-teaser__pretitle span,
  .teaser.tease-coverage .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
    font-size: 2rem;
  }
}
.teaser.tease-coverage .cmp-teaser__content .cmp-teaser__description .black-color {
  color: #181818;
  font-size: 1.562rem;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.5px;
  text-align: center;
}
@media (max-width: 767px) {
  .teaser.tease-coverage .cmp-teaser__content .cmp-teaser__description .black-color {
    font-size: 12px;
  }
}

.teaser.buyer-services {
  background: #282828;
  padding: 48px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 268px;
  height: 236px;
}
@media (max-width: 767px) {
  .teaser.buyer-services {
    width: 45%;
    padding: 24px 18px;
    height: 212px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .teaser.buyer-services {
    width: 250px;
    height: 225px;
  }
}
.teaser.buyer-services .cmp-teaser__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .teaser.buyer-services .cmp-teaser__content {
    gap: 10px;
  }
}
.teaser.buyer-services .cmp-teaser__content .cmp-teaser__pretitle p {
  font-size: 40px;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  .teaser.buyer-services .cmp-teaser__content .cmp-teaser__pretitle p {
    font-size: 1.75rem;
  }
}
.teaser.buyer-services .cmp-teaser__content .cmp-teaser__description p {
  color: #a7a7a7;
  font-size: 1rem;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
@media (max-width: 767px) {
  .teaser.buyer-services .cmp-teaser__content .cmp-teaser__description p {
    font-size: 0.875rem;
  }
}

.teaser.buyer-services-with-icon {
  width: 49%;
  background: #282828;
  height: 236px;
}
@media (max-width: 767px) {
  .teaser.buyer-services-with-icon {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.buyer-services-with-icon {
    width: 100%;
    height: auto;
  }
}
.teaser.buyer-services-with-icon .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.teaser.buyer-services-with-icon .cmp-teaser .cmp-teaser__icon .teaser__icon {
  width: 100%;
}
.teaser.buyer-services-with-icon .cmp-teaser__image {
  height: auto;
}
.teaser.buyer-services-with-icon .cmp-teaser__image > div {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.teaser.buyer-services-with-icon .cmp-teaser__content {
  padding: 48px 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  max-width: 280px;
}
@media (max-width: 767px) {
  .teaser.buyer-services-with-icon .cmp-teaser__content {
    padding: 48px 41px 48px 0;
  }
}
.teaser.buyer-services-with-icon .cmp-teaser__content .cmp-teaser__pretitle p {
  font-size: 40px;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  .teaser.buyer-services-with-icon .cmp-teaser__content .cmp-teaser__pretitle p {
    font-size: 1.75rem;
  }
}
.teaser.buyer-services-with-icon .cmp-teaser__content .cmp-teaser__description .p {
  color: #a7a7a7;
  font-size: 1rem;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.teaser.banner-hundred-plus-checklist {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .teaser.banner-hundred-plus-checklist .teaser__mobileImg {
    height: 130px;
  }
}
.teaser.banner-hundred-plus-checklist .cmp-teaser__content {
  padding: 42px 48px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .teaser.banner-hundred-plus-checklist .cmp-teaser__content {
    padding: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.banner-hundred-plus-checklist .cmp-teaser__content {
    padding: 10px 20px;
  }
}
.teaser.banner-hundred-plus-checklist .cmp-teaser__content .cmp-teaser__pretitle p {
  font-size: 46px;
  font-family: RE_Numbers;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 15.18px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .teaser.banner-hundred-plus-checklist .cmp-teaser__content .cmp-teaser__pretitle p {
    font-size: 22px;
    letter-spacing: 7.26px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.banner-hundred-plus-checklist .cmp-teaser__content .cmp-teaser__pretitle p {
    font-size: 25px;
    line-height: 100%;
  }
}
.teaser.banner-hundred-plus-checklist .cmp-teaser__content .cmp-teaser__title {
  color: #fff;
  font-family: Guardian Sans XCond;
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 55.2px */
  letter-spacing: 15.18px;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .teaser.banner-hundred-plus-checklist .cmp-teaser__content .cmp-teaser__title {
    font-size: 22px;
    letter-spacing: 7.26px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.banner-hundred-plus-checklist .cmp-teaser__content .cmp-teaser__title {
    font-size: 24px;
    line-height: 100%;
  }
}
.teaser.banner-hundred-plus-checklist .cmp-teaser__content .cmp-teaser__description {
  margin-top: 5px;
}
@media (max-width: 767px) {
  .teaser.banner-hundred-plus-checklist .cmp-teaser__content .cmp-teaser__description {
    max-width: 80%;
  }
}
.teaser.banner-hundred-plus-checklist .cmp-teaser__content .cmp-teaser__description p {
  font-size: 0.875rem;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  color: #fff;
}
@media (max-width: 767px) {
  .teaser.banner-hundred-plus-checklist .cmp-teaser__content .cmp-teaser__description p {
    font-size: 12px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.banner-hundred-plus-checklist .cmp-teaser__content .cmp-teaser__description p {
    font-size: 12px;
  }
}

.teaser.teaser-contact-box {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px;
}
.teaser.teaser-contact-box .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.teaser.teaser-contact-box .cmp-teaser .cmp-teaser__image {
  width: 25px;
  height: auto;
}
.teaser.teaser-contact-box .cmp-teaser__content .cmp-teaser__pretitle .dark-gray-color {
  margin-bottom: 10px;
  display: block;
}

.teaser.payment-success-modal {
  width: 100%;
}
.teaser.payment-success-modal .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.teaser.payment-success-modal .cmp-teaser__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.teaser.payment-success-modal .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
  font-size: 1.75rem;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.56px;
}
@media (max-width: 767px) {
  .teaser.payment-success-modal .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
    text-align: center;
  }
}
.teaser.payment-success-modal .cmp-teaser__content .cmp-teaser__description p:nth-child(1) {
  font-size: 1.312rem;
  font-family: "Montserrat";
  font-style: normal;
  color: #181818;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 6px;
}
@media (max-width: 767px) {
  .teaser.payment-success-modal .cmp-teaser__content .cmp-teaser__description p:nth-child(1) {
    font-size: 1.125rem;
    text-align: center;
  }
}
.teaser.payment-success-modal .cmp-teaser__content .cmp-teaser__description p:nth-child(2) {
  color: #373737;
  font-size: 1rem;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 767px) {
  .teaser.payment-success-modal .cmp-teaser__content .cmp-teaser__description p:nth-child(2) {
    font-size: 0.875rem;
    text-align: center;
  }
}

.teaser.plp-hero-banner .cmp-teaser {
  height: 100%;
}
.teaser.plp-hero-banner .cmp-teaser .cmp-teaser__mobileImg {
  height: 100%;
}
.teaser.plp-hero-banner .cmp-teaser .cmp-teaser__mobileImg img {
  height: 100%;
}
.teaser.plp-hero-banner .cmp-teaser__content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.plp-hero-banner .cmp-teaser__content {
    padding-left: 5vw !important;
  }
}
.teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__pretitle {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__pretitle {
    margin-bottom: 4px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__pretitle {
    margin: 0;
  }
}
.teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
  font-family: Guardian Sans XCond;
  font-size: 57px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.14px;
}
@media (max-width: 767px) {
  .teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
    font-size: 28px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__pretitle .font-style-title-default {
    font-size: 40px;
  }
}
.teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__description {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__description {
    margin-bottom: 24px;
    max-width: 75%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__description {
    margin-bottom: 12px;
  }
}
.teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__description p,
.teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__description .font-secondary-text {
  font-size: 1.312rem;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 28px */
}
@media (max-width: 767px) {
  .teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__description p,
  .teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__description .font-secondary-text {
    font-size: 14px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__description p,
  .teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__description .font-secondary-text {
    font-size: 16px;
  }
}
.teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn {
  min-width: 200px;
  height: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: inline-block;
}
@media (max-width: 767px) {
  .teaser.plp-hero-banner .cmp-teaser__content .cmp-teaser__action-container .vdmp-btn {
    min-width: 136px;
    width: 136px;
    font-size: 12px;
  }
}

.teaser.center-play-icon-about-us .cmp-teaser .cmp-teaser__icon {
  position: absolute;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.teaser.sell-confirmation-thanks {
  padding: 40px;
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .teaser.sell-confirmation-thanks {
    padding: 16px;
  }
}
.teaser.sell-confirmation-thanks .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media (max-width: 767px) {
  .teaser.sell-confirmation-thanks .cmp-teaser {
    gap: 12px;
  }
}
.teaser.sell-confirmation-thanks .cmp-teaser .teaser__mobileImg {
  margin: auto;
}
.teaser.sell-confirmation-thanks .cmp-teaser .cmp-teaser__pretitle span {
  color: #ededed;
  font-family: Guardian Sans XCond;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  .teaser.sell-confirmation-thanks .cmp-teaser .cmp-teaser__pretitle span {
    font-size: 32px;
    letter-spacing: 0.64px;
  }
}
.teaser.sell-confirmation-thanks .cmp-teaser .cmp-teaser__description {
  text-align: center;
}
.teaser.sell-confirmation-thanks .cmp-teaser .cmp-teaser__description p {
  color: #ededed;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-align: center;
}
@media (max-width: 767px) {
  .teaser.sell-confirmation-thanks .cmp-teaser .cmp-teaser__description p {
    font-size: 14px;
  }
}

.teaser.sell-confirm-msg {
  margin: auto;
  max-width: 90%;
  background: var(--neutral-graphite-800, #282828);
  backdrop-filter: blur(10.3205127716px);
}
.teaser.sell-confirm-msg .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 20px;
  padding: 8px;
}
@media (max-width: 767px) {
  .teaser.sell-confirm-msg .cmp-teaser {
    margin-top: 10px;
    padding: 12px;
  }
}
.teaser.sell-confirm-msg .cmp-teaser .cmp-teaser__mobileImg {
  display: none;
}
.teaser.sell-confirm-msg .cmp-teaser .cmp-teaser__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.teaser.sell-confirm-msg .cmp-teaser .cmp-teaser__description {
  color: var(--neutral-graphite-50, #ededed);
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}

.teaser.title-width-change .cmp-teaser__title {
  max-width: 50%;
}
@media (max-width: 767px) {
  .teaser.title-width-change .cmp-teaser__title {
    max-width: 35%;
  }
}
.teaser.title-width-change .cmp-teaser__description {
  max-width: 80%;
}

.teaser.teaser-faq-hero-banner .cmp-teaser {
  height: 100%;
}
.teaser.teaser-faq-hero-banner .cmp-teaser__content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .teaser.teaser-faq-hero-banner .cmp-teaser__content {
    padding: 20px !important;
  }
}
.teaser.teaser-faq-hero-banner .cmp-teaser__content .cmp-teaser__pretitle {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .teaser.teaser-faq-hero-banner .cmp-teaser__content .cmp-teaser__pretitle {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .teaser.teaser-faq-hero-banner .cmp-teaser__content .cmp-teaser__pretitle p .font-style-title-default-m40 {
    color: #fff;
    font-family: "Guardian Sans XCond";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 33.6px */
    letter-spacing: 0.56px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.teaser-faq-hero-banner .cmp-teaser__content .cmp-teaser__pretitle p .font-style-title-default-m40 {
    color: #fff;
    font-family: "Guardian Sans XCond";
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 33.6px */
    letter-spacing: 0.56px;
  }
}
.teaser.teaser-faq-hero-banner .cmp-teaser__content .cmp-teaser__description {
  color: #ededed;
  font-family: "Montserrat";
  font-size: 1.312rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
  max-width: 85%;
}
@media (max-width: 767px) {
  .teaser.teaser-faq-hero-banner .cmp-teaser__content .cmp-teaser__description {
    max-width: 55%;
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .teaser.teaser-faq-hero-banner .cmp-teaser__content .cmp-teaser__description {
    max-width: 70%;
    font-size: 16px;
  }
}

.teaser.teaser-profile-tabs .cmp-teaser {
  font-family: "Montserrat";
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; /* 150% */
  text-transform: capitalize;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 24px;
  position: relative;
  cursor: pointer;
  background: #fff;
}
.teaser.teaser-profile-tabs .cmp-teaser::after {
  stroke-width: 1px;
  background: #cacaca;
  opacity: 0.5;
  height: 1px;
  content: "";
  width: calc(100% - 48px);
  position: absolute;
  bottom: 0px;
}
.teaser.teaser-profile-tabs .cmp-teaser .cmp-teaser__icon {
  position: absolute;
  right: 20px;
}
.teaser.teaser-profile-tabs .cmp-teaser .cmp-teaser__content {
  width: 100%;
}
.teaser.teaser-profile-tabs .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container {
  height: 80px;
}
.teaser.teaser-profile-tabs .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link {
  width: 100%;
  color: #181818;
  height: 100%;
}
.teaser.teaser-profile-tabs .cmp-teaser .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link::after {
  position: absolute;
  right: 0;
}
.teaser.teaser-profile-tabs .cmp-teaser .cmp-teaser__mobileImg {
  border-radius: 50%;
  background: #f5f5f5;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  display: none;
  position: relative;
}
.teaser.teaser-profile-tabs .cmp-teaser .cmp-teaser__mobileImg .lazy-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .teaser.teaser-profile-tabs .cmp-teaser .cmp-teaser__mobileImg {
    display: block;
  }
}
@media (max-width: 767px) {
  .teaser.teaser-profile-tabs .cmp-teaser .cmp-teaser__image-container {
    display: none;
  }
}
.teaser.teaser-profile-tabs .cmp-teaser .cmp-teaser__image-container .cmp-teaser__image {
  background: #f5f5f5;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}
.teaser.teaser-profile-tabs .cmp-teaser .cmp-teaser__image-container .cmp-teaser__image img {
  margin: auto;
}
.teaser.teaser-profile-tabs .cmp-teaser:hover,
.teaser.teaser-profile-tabs .cmp-teaser .active {
  background: #181818;
}
.teaser.teaser-profile-tabs .cmp-teaser:hover .cmp-teaser__mobileImg,
.teaser.teaser-profile-tabs .cmp-teaser .active .cmp-teaser__mobileImg {
  background: #373737;
}
.teaser.teaser-profile-tabs .cmp-teaser:hover .cmp-teaser__mobileImg img,
.teaser.teaser-profile-tabs .cmp-teaser .active .cmp-teaser__mobileImg img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.teaser.teaser-profile-tabs .cmp-teaser:hover .cmp-teaser__image,
.teaser.teaser-profile-tabs .cmp-teaser .active .cmp-teaser__image {
  background: #373737;
}
.teaser.teaser-profile-tabs .cmp-teaser:hover .cmp-teaser__image img,
.teaser.teaser-profile-tabs .cmp-teaser .active .cmp-teaser__image img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.teaser.teaser-profile-tabs .cmp-teaser:hover .cmp-teaser__action-link,
.teaser.teaser-profile-tabs .cmp-teaser .active .cmp-teaser__action-link {
  color: #fff !important;
}

.teaser.top-selling-models-heading .cmp-teaser .cmp-teaser__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
.teaser.top-selling-models-heading .cmp-teaser .cmp-teaser__description {
  color: #a7a7a7;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 28px */
}
@media (max-width: 767px) {
  .teaser.top-selling-models-heading .cmp-teaser .cmp-teaser__description {
    font-size: 16px;
  }
}

.teaser.explore-re-own-teaser .cmp-teaser__content,
.teaser.explore-re-own-teaser-v2 .cmp-teaser__content {
  position: absolute;
  bottom: 0;
}
.teaser.explore-re-own-teaser .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(1),
.teaser.explore-re-own-teaser-v2 .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(1) {
  color: #fff;
  font-family: Guardian Sans XCond;
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 48px */
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  .teaser.explore-re-own-teaser .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(1),
  .teaser.explore-re-own-teaser-v2 .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(1) {
    font-size: 18px;
  }
}
.teaser.explore-re-own-teaser .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(2),
.teaser.explore-re-own-teaser-v2 .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(2) {
  color: #fff;
  font-family: Guardian Sans XCond;
  font-size: 57px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.14px;
}
@media (max-width: 767px) {
  .teaser.explore-re-own-teaser .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(2),
  .teaser.explore-re-own-teaser-v2 .cmp-teaser__content .cmp-teaser__pretitle p:nth-child(2) {
    font-size: 30px;
  }
}

.teaser.explore-re-own-teaser-v2 .cmp-teaser__pretitle p:nth-child(1) {
  font-size: 57px !important;
  letter-spacing: 1.14px !important;
}
@media (max-width: 767px) {
  .teaser.explore-re-own-teaser-v2 .cmp-teaser__pretitle p:nth-child(1) {
    font-size: 30px !important;
  }
}
.teaser.explore-re-own-teaser-v2 .cmp-teaser__pretitle p:nth-child(2) {
  font-size: 57px;
  letter-spacing: 18.81px !important;
}
@media (max-width: 767px) {
  .teaser.explore-re-own-teaser-v2 .cmp-teaser__pretitle p:nth-child(2) {
    font-size: 30px;
  }
}

.cmp-text {
  font-family: inherit;
  font-size: inherit;
}

.cmp-text__paragraph {
  font-family: inherit;
  font-size: inherit;
}

.text.footer-text-email {
  margin-top: 24px;
  font-family: "Montserrat";
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
.text.footer-text-email p {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
@media (max-width: 767px) {
  .text.footer-text-email {
    margin-top: 13px;
  }
}
@media screen and (max-width: 1250px) and (min-width: 1025px) {
  .text.footer-text-email {
    max-width: 170px;
  }
}
.text.footer-text-email a {
  font-family: inherit;
  font-size: inherit;
  color: #ae2116;
}

/* Scroller styling */
.scroller {
  height: 68px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 95px;
}
@media (max-width: 767px) {
  .scroller {
    height: 38px;
    width: 54px;
    margin-right: 2px;
  }
}
@media (min-width: 768px) and (max-width: 1300px) {
  .scroller {
    height: 48px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .scroller {
    height: 40px;
    width: 63px;
  }
}

.scroller > span {
  position: absolute;
  top: 0;
  margin-top: 17px;
  -webkit-animation: slide 5s infinite;
          animation: slide 5s infinite;
  font-weight: bold;
  font-size: 56px;
  font-weight: 700;
  line-height: 68px;
}
@media (max-width: 767px) {
  .scroller > span {
    margin-top: 8px;
    -webkit-animation: slideMobile 3s infinite;
            animation: slideMobile 3s infinite;
    font-family: "Guardian Sans XCond";
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 120%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .scroller > span {
    font-size: 35px;
  }
}
@media (min-width: 768px) and (max-width: 1300px) {
  .scroller > span {
    margin-top: -3px;
  }
}

@-webkit-keyframes slide {
  0% {
    top: 0;
  }
  50% {
    top: -69px;
  }
  100% {
    top: -137px;
  }
}

@keyframes slide {
  0% {
    top: 0;
  }
  50% {
    top: -69px;
  }
  100% {
    top: -137px;
  }
}
@-webkit-keyframes slideMobile {
  0% {
    top: 0;
  }
  50% {
    top: -39px;
  }
  100% {
    top: -77px;
  }
}
@keyframes slideMobile {
  0% {
    top: 0;
  }
  50% {
    top: -39px;
  }
  100% {
    top: -77px;
  }
}
.black-color {
  color: #000000;
}

.dark-gray-color {
  color: #181818;
}

.gray-color {
  color: #a7a7a7;
}

.red-color {
  color: #da291c;
}

.secondary-gray-color {
  color: #848484;
}

.font-style-title-v3 {
  font-family: "Guardian Sans XCond";
  font-size: 3.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .font-style-title-v3 {
    /* Heading 2/32 - Bold */
    font-family: "Guardian Sans XCond";
    font-size: 2rem;
    letter-spacing: 0.64px;
  }
}

.font-style-title-v4 {
  font-family: "Guardian Sans XCond";
  font-size: 1.312rem;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.4px;
}
@media (max-width: 767px) {
  .font-style-title-v4 {
    font-size: 1.75rem;
    letter-spacing: 0.56px;
  }
}

.font-style-title-v5 {
  font-family: "Guardian Sans XCond";
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 38.4px */
  letter-spacing: 0.64px;
}

.font-style-title-v6 {
  color: #181818;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
@media (max-width: 767px) {
  .font-style-title-v6 {
    font-size: 0.875rem;
  }
}

.font-style-title-v7 {
  color: #181818;
  font-family: "Montserrat";
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
@media (max-width: 767px) {
  .font-style-title-v7 {
    font-size: 0.875rem;
  }
}

#warranty_certificate_container p,
.guides_default_text {
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.font-secondary-title-text {
  font-family: "Guardian Sans XCond";
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
}

.font-secondary-text {
  font-family: "Montserrat";
  font-size: 1rem;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
}

.bike-sold-chip-with-icon {
  display: inline-block;
  padding: 8px;
  background: rgba(255, 255, 255, 0.15);
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  margin-left: 10px;
}
.bike-sold-chip-with-icon:first-child {
  margin-left: unset;
}
.bike-sold-chip-with-icon img {
  width: 18px;
  display: inline-block;
}

.text-capitalize,
#chassisNumber,
#registrationNo {
  text-transform: uppercase;
}

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

h1.cmp-title__text {
  display: none;
}

.title.footer-nav-list-title {
  font-family: "Guardian Sans XCond";
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}

.title.sec-nav-title-with-back-icon {
  display: none;
  position: fixed;
  top: 0;
  background: #fff;
  width: 100vw;
  height: 70px;
  z-index: 800;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 0;
  padding: 22px 16px;
}
@media (max-width: 767px) {
  .title.sec-nav-title-with-back-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #181818;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
  }
  .title.sec-nav-title-with-back-icon .cmp-title__text {
    padding-left: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
    z-index: 800;
  }
  .title.sec-nav-title-with-back-icon::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    z-index: 799;
    background-color: #fff;
    background-image: url(clientlib-site/resources/images/arrow-up-red.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    position: relative;
  }
  .title.sec-nav-title-with-back-icon::after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    bottom: 0;
    position: absolute;
    left: 0;
    background: #848484;
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #da291c), color-stop(33%, #da291c), color-stop(33%, #848484), to(#848484));
    background: linear-gradient(90deg, #da291c 33%, #da291c 33%, #848484 33%, #848484 100%);
  }
  .title.sec-nav-title-with-back-icon.progress-setp-1::after {
    background: -webkit-gradient(linear, left top, right top, color-stop(33%, #da291c), color-stop(33%, #da291c), color-stop(33%, #848484), to(#848484));
    background: linear-gradient(90deg, #da291c 33%, #da291c 33%, #848484 33%, #848484 100%);
  }
  .title.sec-nav-title-with-back-icon.progress-setp-2::after {
    background: -webkit-gradient(linear, left top, right top, color-stop(66%, #da291c), color-stop(66%, #da291c), color-stop(66%, #848484), to(#848484));
    background: linear-gradient(90deg, #da291c 66%, #da291c 66%, #848484 66%, #848484 100%);
  }
  .title.sec-nav-title-with-back-icon.progress-setp-3::after {
    background: #da291c;
  }
}

.accordion-sell-form-journey .cmp-accordion__item {
  padding: 28px 40px;
  background-color: #ffffff;
  margin-right: auto;
  margin-bottom: 16px;
  max-height: 104px;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
@media (max-width: 767px) {
  .accordion-sell-form-journey .cmp-accordion__item {
    max-height: 80px;
    padding: 16px;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
}
.accordion-sell-form-journey .cmp-accordion__item.active {
  max-height: 2200px;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.accordion-sell-form-journey .cmp-accordion__item.active .cmp-accordion__panel {
  display: block;
}
.accordion-sell-form-journey .cmp-accordion__item .cmp-accordion__panel {
  margin-top: 20px;
}
.accordion-sell-form-journey .cmp-accordion__item .cmp-accordion__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  border: none;
  background: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .accordion-sell-form-journey .cmp-accordion__item .cmp-accordion__button {
    gap: 12px;
  }
}
.accordion-sell-form-journey .cmp-accordion__item .cmp-accordion__button span:last-child {
  margin-left: auto;
}
.accordion-sell-form-journey .cmp-accordion__item .cmp-accordion__number {
  font-family: "RE_Numbers";
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #da291c;
}
@media (max-width: 767px) {
  .accordion-sell-form-journey .cmp-accordion__item .cmp-accordion__number {
    font-size: 26px;
    line-height: 28px;
  }
}
.accordion-sell-form-journey .cmp-accordion__item .cmp-accordion__title {
  font-family: Guardian Sans XCond;
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .accordion-sell-form-journey .cmp-accordion__item .cmp-accordion__title {
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.4px;
  }
}
.accordion-sell-form-journey .cmp-accordion__item .cmp-accordion__icon {
  margin-left: auto;
  width: 48px;
  height: 48px;
}
@media (max-width: 767px) {
  .accordion-sell-form-journey .cmp-accordion__item .cmp-accordion__icon {
    width: 24px;
    height: 24px;
  }
}
.accordion-sell-form-journey .cmp-accordion__item .cmp-accordion__icon img {
  display: block;
  top: 50%;
  position: relative;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
}
.accordion-sell-form-journey .cmp-accordion__item .cmp-accordion__icon.up {
  display: none;
}
.accordion-sell-form-journey .cmp-accordion__item.active .cmp-accordion__button .cmp-accordion__icon.down {
  display: none;
}
.accordion-sell-form-journey .cmp-accordion__item.active .cmp-accordion__button .cmp-accordion__icon.up {
  display: block;
}

.agent-info-wrapper {
  background: #ffffff;
  width: 100%;
  max-width: 270px;
}
@media (max-width: 767px) {
  .agent-info-wrapper {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .agent-info-wrapper {
    max-width: 100%;
  }
}
.agent-info-wrapper .info-body {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
  padding: 20px 16px;
}
.agent-info-wrapper .info-body .agent-heading {
  margin-bottom: 24px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .agent-info-wrapper .info-body .agent-heading {
    font-size: 14px;
  }
}
.agent-info-wrapper .info-body .user-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .agent-info-wrapper .info-body .user-detail {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.agent-info-wrapper .info-body .user-detail .agent-img {
  width: 100%;
}
@media (max-width: 767px) {
  .agent-info-wrapper .info-body .user-detail .agent-img {
    width: auto;
  }
}
.agent-info-wrapper .info-body .user-detail .agent-img img {
  width: 120px;
  height: auto;
}
@media (max-width: 767px) {
  .agent-info-wrapper .info-body .user-detail .agent-img img {
    width: 68px;
    height: auto;
  }
}
.agent-info-wrapper .info-body .user-detail .contact-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.agent-info-wrapper .info-body .user-detail .contact-name .agent-name {
  margin-bottom: 9px;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #181818;
}
@media (max-width: 767px) {
  .agent-info-wrapper .info-body .user-detail .contact-name .agent-name {
    font-size: 20px;
  }
}
.agent-info-wrapper .info-body .user-detail .contact-name .agent-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.agent-info-wrapper .info-body .user-detail .contact-name .agent-contact img {
  width: 20px;
  height: 20px;
}
.agent-info-wrapper .info-body .user-detail .contact-name .agent-contact a {
  text-decoration: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #da291c;
  white-space: nowrap;
}
.agent-info-wrapper .info-body .agent-exp {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  background: #f5f5f5;
  padding: 8px 10px;
  color: #616161;
}

.minified-agent-info-wrapper .agent-info-wrapper .info-body .user-detail .agent-img,
.minified-agent-info-wrapper.agent-info-wrapper .info-body .user-detail .agent-img {
  display: none;
}
@media (max-width: 767px) {
  .minified-agent-info-wrapper .agent-info-wrapper .info-body .user-detail .agent-img,
  .minified-agent-info-wrapper.agent-info-wrapper .info-body .user-detail .agent-img {
    display: none;
  }
}
.minified-agent-info-wrapper .agent-info-wrapper .info-body .user-detail .agent-img img,
.minified-agent-info-wrapper.agent-info-wrapper .info-body .user-detail .agent-img img {
  width: 120px;
  height: auto;
}
@media (max-width: 767px) {
  .minified-agent-info-wrapper .agent-info-wrapper .info-body .user-detail .agent-img img,
  .minified-agent-info-wrapper.agent-info-wrapper .info-body .user-detail .agent-img img {
    width: 68px;
    height: auto;
  }
}
.minified-agent-info-wrapper .agent-info-wrapper .info-body .user-detail .contact-name,
.minified-agent-info-wrapper.agent-info-wrapper .info-body .user-detail .contact-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.minified-agent-info-wrapper .agent-info-wrapper .info-body .user-detail .contact-name .agent-name,
.minified-agent-info-wrapper.agent-info-wrapper .info-body .user-detail .contact-name .agent-name {
  display: none;
}
@media (max-width: 767px) {
  .minified-agent-info-wrapper .agent-info-wrapper .info-body .user-detail .contact-name .agent-name,
  .minified-agent-info-wrapper.agent-info-wrapper .info-body .user-detail .contact-name .agent-name {
    display: none;
  }
}
.minified-agent-info-wrapper .agent-info-wrapper .info-body .agent-exp,
.minified-agent-info-wrapper.agent-info-wrapper .info-body .agent-exp {
  display: none;
}
@media (max-width: 767px) {
  .minified-agent-info-wrapper .agent-info-wrapper .info-body .agent-exp,
  .minified-agent-info-wrapper.agent-info-wrapper .info-body .agent-exp {
    display: none;
  }
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  max-width: 450px;
}
.modal-content .offer-card {
  position: relative;
}
.modal-content .offer-card .modal-header {
  padding: 10px 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal-content .offer-card .modal-header .close {
  cursor: pointer;
}
.modal-content .offer-card .data {
  padding: 0 0 90px 20px !important;
}
.modal-content .offer-card .redeem-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  width: 100%;
  right: 0;
  gap: 10px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(1px);
  padding: 20px;
}
.modal-content .offer-card .redeem-code .code-input {
  background-color: #a7a7a7;
  color: #ffffff;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  padding: 10px 20px;
  text-align: center;
  width: 70%;
}
@media (max-width: 767px) {
  .modal-content .offer-card .redeem-code .code-input {
    width: 50%;
  }
}
.modal-content .offer-card .redeem-code .copy-code {
  width: 30%;
  background: #da291c;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  border: none;
  outline: none;
  cursor: pointer;
  color: #ffffff;
}
@media (max-width: 767px) {
  .modal-content .offer-card .redeem-code .copy-code {
    width: 50%;
  }
}

.offer-container .offer-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}
.offer-container .offer-header .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .offer-container .offer-header .heading {
    font-size: 20px;
  }
}
.offer-container .offer-header select {
  width: 256px;
  padding: 14px 16px;
  background: #ffffff;
  border: none;
  outline: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-indent: 1px;
  text-overflow: "";
  background-image: url("clientlib-site/assets/icons/icon-down-arrow.png");
  background-repeat: no-repeat;
  background-position: right 16px center;
}
@media (max-width: 767px) {
  .offer-container .offer-header select {
    width: 159px;
    padding: 9px 14px;
  }
}

.offer-cards {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
}
@media (max-width: 767px) {
  .offer-cards {
    grid-template-columns: auto;
  }
}
@media (min-width: 1320px) and (max-width: 1600px) {
  .offer-cards {
    grid-template-columns: repeat(auto-fit, minmax(19rem, 1fr));
  }
}

.offer-card {
  background: #282828;
  min-width: 370px;
  position: relative;
  padding-bottom: 58px;
}
@media (max-width: 767px) {
  .offer-card {
    min-width: unset;
  }
}
.offer-card .offer-card-body .data {
  padding: 26px 0 11px 20px;
  position: relative;
  z-index: 1;
}
.offer-card .offer-card-body .data .offer-tag {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 32px;
  padding: 0 10px;
  margin-bottom: 8px;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #4c4c4c;
  cursor: pointer;
}
@media (max-width: 767px) {
  .offer-card .offer-card-body .data .offer-tag {
    font-size: 12px;
    padding: 0 8px;
  }
}
.offer-card .offer-card-body .data .offer-tag.financial {
  background: #fbf7e5;
  color: #4c4c4c;
}
.offer-card .offer-card-body .data .offer-tag.exchange {
  background: #dbf4ff;
  color: #33738e;
}
.offer-card .offer-card-body .data .offer-price {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #ffffff;
  margin-bottom: 14px;
}
.offer-card .offer-card-body .data .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
  max-width: 152px;
}
@media (max-width: 767px) {
  .offer-card .offer-card-body .data .desc {
    font-size: 12px;
  }
}
.offer-card .offer-card-body .data .desc span {
  color: #ffffff;
}
.offer-card .offer-card-body .btn-wrapper {
  background: #373737;
  width: 100%;
  position: absolute;
  bottom: 0px;
}
.offer-card .offer-card-body .btn-wrapper .exchange-now {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 16px 20px;
  gap: 4px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  color: #ffffff;
  cursor: pointer;
  border: none;
  outline: none;
  text-align: justify;
  width: auto;
  max-width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .offer-card .offer-card-body .btn-wrapper .exchange-now {
    font-size: 14px;
  }
}
.offer-card .img-container {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 270px;
}
@media (max-width: 767px) {
  .offer-card .img-container {
    width: 220px;
  }
}
.offer-card .img-container img {
  width: 100%;
}

.error-container.offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.error-container.offer .error-details {
  width: 100%;
}
.error-container.offer .error-details .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .error-container.offer .error-details .img-container {
    margin-bottom: 40px;
  }
}
.error-container.offer .error-details .img-container img {
  max-width: 100%;
  height: auto;
}
.error-container.offer .error-details .error-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.error-container.offer .error-details .error-content .error-title {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .error-container.offer .error-details .error-content .error-title {
    font-size: 8px;
  }
}
.error-container.offer .error-details .error-content .error-title h1 {
  color: #282828;
  text-align: center;
  font-family: Guardian Sans XCond;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 48px */
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  .error-container.offer .error-details .error-content .error-title h1 {
    font-size: 32px;
  }
}
.error-container.offer .error-details .error-content .error-description {
  margin-bottom: 24px;
}
.error-container.offer .error-details .error-content .error-description p {
  color: #181818;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
}
@media (max-width: 767px) {
  .error-container.offer .error-details .error-content .error-description p {
    font-size: 14px;
  }
}
.error-container.offer .error-details .error-content .error-redirection-after {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.error-container.offer .error-details .error-content .error-redirection-after .vdmp-btn {
  line-height: 140%;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .error-container.offer .error-details .error-content .error-redirection-after .vdmp-btn {
    font-size: 12px;
    width: 100%;
    padding: 11px 32px;
  }
}

.bikeRequirement {
  margin-bottom: 16px;
}
.bikeRequirement .requirements .no-results {
  position: relative;
  padding: 28px 40px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .no-results {
    padding: 24px 20px;
  }
}
.bikeRequirement .requirements .no-results .background-img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 240px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .no-results .background-img {
    display: none;
  }
}
.bikeRequirement .requirements .no-results .title {
  color: #181818;
  font-size: 25px;
  font-family: Guardian Sans XCond;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .no-results .title {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
.bikeRequirement .requirements .no-results .description {
  color: #181818;
  font-size: 14px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  max-width: 395px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .no-results .description {
    max-width: 100%;
  }
}
.bikeRequirement .requirements .no-results .vdmp-btn {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.bikeRequirement .requirements .no-results .vdmp-btn a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
}
.bikeRequirement .requirements .requirements-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
  background-color: #f2f2f2;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .requirements-header {
    margin-bottom: 0 !important;
    background-color: white;
    padding: 16px 16px 0 16px;
  }
}
.bikeRequirement .requirements .requirements-header .title {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 120%;
  color: #181818;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .requirements-header .title {
    font-size: 20px;
  }
}
.bikeRequirement .requirements .requirements-header .filter-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .requirements-header .filter-all {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: #fff;
    padding: 16px;
    z-index: 1000;
  }
}
.bikeRequirement .requirements .requirements-header .filter-all .sort-container {
  width: 100%;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .requirements-header .filter-all .sort-bikes {
    min-width: 100% !important;
  }
}
.bikeRequirement .requirements .requirements-header .filter-all .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  width: 100%;
}
.bikeRequirement .requirements .requirements-header .filter-all .sort-bikes,
.bikeRequirement .requirements .requirements-header .filter-all .filter-bikes {
  padding: 10px 16px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  min-width: 200px;
}
.bikeRequirement .requirements .requirements-header .filter-all .sort-bikes .notifications,
.bikeRequirement .requirements .requirements-header .filter-all .filter-bikes .notifications {
  display: none;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .requirements-header .filter-all .sort-bikes .notifications,
  .bikeRequirement .requirements .requirements-header .filter-all .filter-bikes .notifications {
    display: inline;
  }
}
.bikeRequirement .requirements .requirements-header .filter-all .sort-bikes .img-cta,
.bikeRequirement .requirements .requirements-header .filter-all .filter-bikes .img-cta {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bikeRequirement .requirements .requirements-header .filter-all .sort-bikes .img-cta img,
.bikeRequirement .requirements .requirements-header .filter-all .filter-bikes .img-cta img {
  max-width: 100%;
  height: auto;
}
.bikeRequirement .requirements .requirements-header .filter-all .sort-bikes span,
.bikeRequirement .requirements .requirements-header .filter-all .filter-bikes span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
  background: none;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .requirements-header .sorted-by-sider {
    position: fixed;
    width: 100vw;
    top: 0;
    right: 0;
    backdrop-filter: blur(12.5px);
    z-index: 9999;
    height: 100vh;
    background-color: #fff;
  }
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content {
  max-width: 505px;
  margin: 0 0 0 auto;
  background: #ffffff;
  background-color: #fff;
  height: 100%;
  position: absolute;
  z-index: 1;
  width: calc(100% - 24px);
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content {
    max-width: 100%;
    width: 100%;
  }
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 4px;
  padding: 20px 16px;
  border-bottom: 1px solid #cacaca;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  width: 100%;
  outline: none;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .header span {
  color: #181818;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .sorted-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .sorted-lists .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  padding-left: 8px;
  border-bottom: 0.5px solid #ededed;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .sorted-lists .list span {
  color: #282828;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .sorted-lists .list .custom-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 2px solid #a7a7a7;
  outline-offset: 4px;
  height: 10px;
  width: 10px;
  margin-right: 12px;
  border-radius: 50%;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .sorted-lists .list .custom-checkbox:checked {
  background-color: #da291c;
  outline: 2px solid #da291c;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .sorted-lists .list.active-check span {
  color: #da291c;
  font-weight: 700;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .sorted-lists .resetButton {
  color: #181818;
  padding: 16px 0px;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .sorted-lists .resetButton:hover {
  color: #da2a1c;
  cursor: pointer;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 16px;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 99999;
  display: none;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .btn-wrapper button {
  color: #181818;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  padding: 16px 28px;
  background-color: transparent;
  outline: none;
  border: none;
  width: 100%;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .btn-wrapper button:hover {
  background: #181818;
  color: #fff;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .btn-wrapper button:nth-child(1) {
  border: 1px solid #181818;
  width: 40%;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .btn-wrapper button:nth-child(2) {
  background: #da291c;
  color: #fff;
  width: 60%;
}
.bikeRequirement .requirements .requirements-header .sorted-by-sider .sider-content .btn-wrapper button:nth-child(2):hover {
  background: #ae2116;
}
.bikeRequirement .requirements .requirements-header .sort-container {
  position: relative;
}
.bikeRequirement .requirements .requirements-header .sort-container .sider-content .header {
  display: none;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .requirements-header .sort-container .sider-content .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.bikeRequirement .requirements .requirements-header .sort-container .sider-content .sorted-lists {
  padding: 12px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .requirements-header .sort-container .sider-content .sorted-lists {
    padding: 24px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.bikeRequirement .requirements .requirements-header .sort-container .sider-content .sorted-lists .resetButtonBikeR {
  padding: 16px 0px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
  color: #da291c;
}
.bikeRequirement .requirements .requirements-header .sort-container .sider-content .sorted-lists .resetButtonBikeR:hover {
  background: #da291c;
  color: #ffffff;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements .requirements-header .sort-container .sider-content .sorted-lists .resetButtonBikeR {
    display: none;
  }
}
.bikeRequirement .requirements .req-listing-profile-main {
  background: white;
  margin-bottom: 16px !important;
}
.bikeRequirement .requirements .req-listing-profile-main h3 {
  color: #181818;
  font-family: Guardian Sans XCond;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 30px */
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.bikeRequirement .requirements .req-listing-profile-main button {
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  border: none;
  outline: none;
  background: transparent;
  height: auto;
  width: auto;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 157.143% */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.bikeRequirement .requirements .req-listing-profile-main button:hover {
  background: #181818;
  color: #fff;
}
.bikeRequirement .requirements-content {
  background-color: white;
  padding: 40px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content {
    padding: 16px;
  }
}
.bikeRequirement .requirements-content .heading {
  display: none;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .heading {
    display: block;
  }
}
.bikeRequirement .requirements-content .requirements-listing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing {
    gap: 16px;
  }
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #cacaca;
  padding: 12px 16px;
  margin: 0;
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .bike-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .bike-details .img-container img {
  width: 121px;
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .bike-details .name h2 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .bike-details .name h2 {
    font-size: 18px;
  }
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .bike-details .name p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .bike-details .name p {
    font-size: 12px;
  }
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .bike-details .name .view-listings {
  margin-top: 4px;
  display: none;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .bike-details .name .view-listings {
    display: block;
  }
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .bike-details .name .view-listings p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #da291c;
  gap: 10px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .bike-details .name .view-listings p {
    font-size: 12px;
  }
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .view-listings {
  margin-top: 13px;
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .view-listings p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #da291c;
  gap: 10px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing .requirements-listing-header .view-listings {
    display: none;
  }
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  background: #f2f2f2;
  padding: 16px 0;
  -ms-scroll-snap-type: x mandatory !important;
      scroll-snap-type: x mandatory !important;
  display: flex;
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
  overflow: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: #181818 #a7a7a7 !important;
  -ms-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion {
    padding: 12px 0;
    gap: 10px !important;
  }
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion::-webkit-scrollbar {
  height: 6px;
  width: 0px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion::-webkit-scrollbar {
    display: none;
  }
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #a7a7a7;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion::-webkit-scrollbar-track {
    display: none;
  }
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion::-webkit-scrollbar-track:hover {
  background-color: #a7a7a7;
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion::-webkit-scrollbar-track:active {
  background-color: #a7a7a7;
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #181818;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion::-webkit-scrollbar-thumb {
    display: none;
  }
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion::-webkit-scrollbar-thumb:hover {
  background-color: #da291c;
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion::-webkit-scrollbar-thumb:active {
  background-color: #da291c;
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #ffffff;
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
  scroll-snap-align: start !important;
  max-width: 136px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card {
    background: transparent;
    max-width: 160px;
  }
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card .card-details {
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card .card-details {
    gap: 4px;
  }
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card .card-details .name {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #181818;
}
.bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card .card-details .amt {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .bikeRequirement .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card .card-details .amt {
    font-size: 14px;
  }
}
.bikeRequirement .edit-requirements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.bikeRequirement .edit-requirements .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  border: 1px solid #cacaca;
}
.bikeRequirement .edit-requirements .bike-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bikeRequirement .edit-requirements .bike-details .img-container img {
  width: 121px;
}
.bikeRequirement .edit-requirements .bike-details .name h2 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .bikeRequirement .edit-requirements .bike-details .name h2 {
    font-size: 18px;
    margin-bottom: 4px;
  }
}
.bikeRequirement .edit-requirements .bike-details .name p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
@media (max-width: 767px) {
  .bikeRequirement .edit-requirements .bike-details .name p {
    font-size: 12px;
  }
}
.bikeRequirement .edit-requirements .bike-details .name .view-listings {
  margin-top: 4px;
  display: none;
}
@media (max-width: 767px) {
  .bikeRequirement .edit-requirements .bike-details .name .view-listings {
    display: block;
  }
}
.bikeRequirement .edit-requirements .bike-details .name .view-listings p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #da291c;
  gap: 10px;
}
@media (max-width: 767px) {
  .bikeRequirement .edit-requirements .bike-details .name .view-listings p {
    font-size: 12px;
  }
}
.bikeRequirement .edit-requirements .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bikeRequirement .edit-requirements .view-listings {
  margin-top: 13px;
}
.bikeRequirement .edit-requirements .view-listings p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #da291c;
  gap: 10px;
}
@media (max-width: 767px) {
  .bikeRequirement .edit-requirements .view-listings p {
    display: none;
  }
}
.bikeRequirement .bottom-filter {
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #ffffff;
  -webkit-box-shadow: 0px -1px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 0px -1px 7px rgba(0, 0, 0, 0.15);
  left: 0;
  padding: 16px;
  display: none;
}
@media (max-width: 767px) {
  .bikeRequirement .bottom-filter {
    display: block;
  }
}
.bikeRequirement .bottom-filter .sort-bikes select {
  width: 220px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  padding: 14px 16px;
  font-family: "Montserrat";
  font-style: normal;
  cursor: pointer;
  background-image: url("clientlib-site/assets/icons/icon-down-arrow.png");
  background-repeat: no-repeat;
  background-position: right 16px center;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 1px;
  text-overflow: "";
  width: 100%;
}
.bikeRequirement .bottom-filter .sort-bikes select:focus-visible {
  outline: none;
}

.btn-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
}
.btn-modal #myBtn {
  cursor: pointer;
}

.bookATestRide .modal {
  display: block;
  position: fixed;
  z-index: 905;
  padding-top: 100px;
  left: 0;
  top: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
}
@media (min-width: 768px) and (max-width: 1439px) {
  .bookATestRide .modal {
    padding-top: 5%;
  }
}
.bookATestRide {
  /* Modal Content */
}
.bookATestRide .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  max-width: 870px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .bookATestRide .modal-content {
    border-radius: 16px 16px 0px 0px;
    padding: 20px 16px;
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .bookATestRide .modal-content {
    max-width: 650px;
  }
}
.bookATestRide .modal-content .input-box label {
  display: block;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.bookATestRide .modal-content .input-box input {
  background: #f5f5f5;
  padding: 14px 16px;
  border: none;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bookATestRide .modal-content .input-box input::-webkit-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .modal-content .input-box input::-moz-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .modal-content .input-box input:-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .modal-content .input-box input::-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .modal-content .input-box input::placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .bookATestRide .modal-content .input-box input::-webkit-input-placeholder {
    font-size: 12px;
  }
  .bookATestRide .modal-content .input-box input::-moz-placeholder {
    font-size: 12px;
  }
  .bookATestRide .modal-content .input-box input:-ms-input-placeholder {
    font-size: 12px;
  }
  .bookATestRide .modal-content .input-box input::-ms-input-placeholder {
    font-size: 12px;
  }
  .bookATestRide .modal-content .input-box input::placeholder {
    font-size: 12px;
  }
}
.bookATestRide .modal-content .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}
@media (max-width: 767px) {
  .bookATestRide .modal-content .modal-header {
    padding: 0;
  }
}
.bookATestRide .modal-content .modal-header .font-style-title-default-m40 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .bookATestRide .modal-content .modal-header .font-style-title-default-m40 {
    font-size: 25px;
  }
}
.bookATestRide .modal-content .modal-header .font-style-title-default-m40 span {
  color: #da291c;
}
.bookATestRide .modal-content .btr-model-header span {
  margin: 0 0 0 auto;
}
.bookATestRide .bike-information .desc p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #616161;
  margin-bottom: 16px;
}
.bookATestRide .bike-information .desc p b {
  color: #282828;
}
.bookATestRide .bike-information .desc .time {
  color: #282828;
  font-weight: 700;
}
.bookATestRide .bike-information .bike-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 23px;
}
@media (max-width: 767px) {
  .bookATestRide .bike-information .bike-details {
    gap: 8px;
  }
}
.bookATestRide .bike-information .bike-details .img-container {
  max-width: 250px;
  height: auto;
}
@media (max-width: 767px) {
  .bookATestRide .bike-information .bike-details .img-container {
    max-width: 151px;
  }
}
.bookATestRide .bike-information .bike-details .img-container img {
  width: 100%;
}
.bookATestRide .bike-information .bike-details .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .bookATestRide .bike-information .bike-details .right {
    gap: 5px;
  }
}
.bookATestRide .bike-information .bike-details .right .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .bookATestRide .bike-information .bike-details .right .heading {
    font-size: 18px;
  }
}
.bookATestRide .bike-information .bike-details .right .bike-sub-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767px) {
  .bookATestRide .bike-information .bike-details .right .bike-sub-details {
    gap: 5px 10px;
  }
}
.bookATestRide .bike-information .bike-details .right .bike-sub-details .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.bookATestRide .bike-information .bike-details .right .bike-sub-details .item-flex img {
  width: 13px;
  height: auto;
}
.bookATestRide .bike-information .bike-details .right .bike-sub-details .item-flex p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .bike-information .bike-details .right .price {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .bookATestRide .bike-information .bike-details .right .price {
    font-size: 15px;
  }
}
.bookATestRide .bike-information .bike-details .right .price .country-currency-symbol {
  margin-left: 5px;
}
.bookATestRide .bike-information .bike-details .right .price span {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .bookATestRide .bike-information .bike-details .right .price span {
    font-size: 18px;
  }
}
.bookATestRide .form-for-login {
  width: 100%;
  position: relative;
}
.bookATestRide .form-for-login .btr-login-form {
  margin-top: 9px;
}
.bookATestRide .form-for-login .btr-login-form .btn-red .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bookATestRide .form-for-login .btr-login-form .contact-details .mobile-input input {
  width: 100%;
}
.bookATestRide .form-for-login .btr-login-form .contact-details .select-country-code select {
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin-right: 16px;
  position: relative;
}
.bookATestRide .form-for-login .btr-login-form .contact-details .select-country-code select::after {
  position: absolute;
  right: 8px;
  content: "";
  background: #cacaca;
  width: 1px;
  height: calc(100% - 30px);
}
.bookATestRide .form-for-login .btr_new_user_registration .vdmp-form-inputs-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  flex-direction: column;
  gap: 16px;
}
.bookATestRide .form-for-login .btr_new_user_registration .vdmp-form-inputs-con .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .bookATestRide .form-for-login .btr_new_user_registration .vdmp-form-inputs-con .flex-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.bookATestRide .form-for-login .btr_new_user_registration .vdmp-form-inputs-con .flex-item .input-box {
  width: 50%;
}
@media (max-width: 767px) {
  .bookATestRide .form-for-login .btr_new_user_registration .vdmp-form-inputs-con .flex-item .input-box {
    width: 100%;
  }
}
.bookATestRide .form-for-login .btr_new_user_registration .vdmp-form-inputs-con .flex-item .input-box input {
  width: 100%;
}
.bookATestRide .form-for-login .btr_new_user_registration .vdmp-form-inputs-con .flex-item .input-box.email {
  width: 49%;
}
@media (max-width: 767px) {
  .bookATestRide .form-for-login .btr_new_user_registration .vdmp-form-inputs-con .flex-item .input-box.email {
    width: 100%;
  }
}
.bookATestRide .form-for-login .contact-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .bookATestRide .form-for-login .contact-details {
    gap: 24px;
  }
}
.bookATestRide .form-for-login .contact-details .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  width: 100%;
}
@media (max-width: 767px) {
  .bookATestRide .form-for-login .contact-details .flex-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.bookATestRide .form-for-login .contact-details .flex-item .name-input {
  width: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .bookATestRide .form-for-login .contact-details .flex-item .name-input {
    width: 100%;
  }
}
.bookATestRide .form-for-login .contact-details .flex-item .name-input input {
  width: 100%;
}
.bookATestRide .form-for-login .contact-details .flex-item .mobile-input {
  width: 50%;
}
@media (max-width: 767px) {
  .bookATestRide .form-for-login .contact-details .flex-item .mobile-input {
    width: 100%;
  }
}
.bookATestRide .form-for-login .contact-details .flex-item .mobile-input .select-country-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  padding: 0 16px;
}
.bookATestRide .form-for-login .contact-details .flex-item .mobile-input .select-country-code select {
  background-color: transparent;
  height: 100%;
  max-width: 57px;
  border: none;
  outline: none;
  position: relative;
  margin-right: 8px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.bookATestRide .form-for-login .contact-details .flex-item .mobile-input .select-country-code select::after {
  content: "";
  position: absolute;
  right: 0;
  background: #cacaca;
  height: 100%;
  width: 1px;
}
.bookATestRide .form-for-login .contact-details .email-input {
  width: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .bookATestRide .form-for-login .contact-details .email-input {
    width: 100%;
  }
}
.bookATestRide .form-for-login .contact-details .email-input input {
  width: 100%;
}
.bookATestRide .form-for-login .contact-details .input-box label {
  display: block;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.bookATestRide .form-for-login .contact-details .input-box input {
  background: #f5f5f5;
  padding: 14px 16px;
  border: none;
  outline: none;
}
.bookATestRide .form-for-login .contact-details .input-box input::-webkit-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .form-for-login .contact-details .input-box input::-moz-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .form-for-login .contact-details .input-box input:-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .form-for-login .contact-details .input-box input::-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .form-for-login .contact-details .input-box input::placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .bookATestRide .form-for-login .contact-details .input-box input::-webkit-input-placeholder {
    font-size: 12px;
  }
  .bookATestRide .form-for-login .contact-details .input-box input::-moz-placeholder {
    font-size: 12px;
  }
  .bookATestRide .form-for-login .contact-details .input-box input:-ms-input-placeholder {
    font-size: 12px;
  }
  .bookATestRide .form-for-login .contact-details .input-box input::-ms-input-placeholder {
    font-size: 12px;
  }
  .bookATestRide .form-for-login .contact-details .input-box input::placeholder {
    font-size: 12px;
  }
}
.bookATestRide .from-for-otp .btr-otp-verify .resend-otp {
  color: #da291c;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 16.8px */
  border: none;
  outline: none;
  background: transparent;
  height: auto;
  width: auto;
}
.bookATestRide .from-for-otp .btr-otp-verify .resend-otp .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.bookATestRide .from-for-otp .btr-otp-verify .invalid-otp {
  color: #da291c;
}
.bookATestRide .from-for-otp .btr-otp-verify .btn-red {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .bookATestRide .from-for-otp .btr-otp-verify .btn-red {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    width: 100%;
  }
}
.bookATestRide .from-for-otp .btr-otp-verify .btn-red .terms-otp-verify {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #616161;
  max-width: 400px;
  word-wrap: break-word;
}
@media (max-width: 767px) {
  .bookATestRide .from-for-otp .btr-otp-verify .btn-red .terms-otp-verify {
    max-width: 100%;
  }
}
.bookATestRide .from-for-otp .btr-otp-verify button {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bookATestRide .from-for-otp .otp-details .heading {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  margin-bottom: 16px;
}
.bookATestRide .from-for-otp .otp-details .otp-input {
  margin-bottom: 8px;
}
.bookATestRide .from-for-otp .otp-details .otp-input .otp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.bookATestRide .from-for-otp .otp-details .otp-input .otp-container input {
  width: 48px;
  height: 48px;
  text-align: center;
  padding: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .bookATestRide .from-for-otp .otp-details .otp-input .otp-container input {
    width: 40px;
    height: 40px;
  }
}
.bookATestRide .from-for-otp .otp-details .otp-input .otp-container input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.bookATestRide .from-for-otp .otp-details .otp-input .otp-container input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.bookATestRide .from-for-otp .otp-details .otp-input .otp-container input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.bookATestRide .from-for-otp .otp-details .otp-input .otp-container input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.bookATestRide .from-for-otp .otp-details .otp-input .otp-container input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.bookATestRide .from-for-otp .otp-details .otp-input .otp-container input.number-entered {
  border: 1px solid #da291c;
}
.bookATestRide .from-for-otp .otp-details .otp-receive-time {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #616161;
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bookATestRide .from-for-otp .otp-details .otp-receive-time span {
  color: #181818;
  font-weight: 700;
}
.bookATestRide .test-ride-location .location-details .heading {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper {
  width: 100%;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .heading {
  color: #181818;
  margin-bottom: 16px;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .address-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .addresses-wrapper .address-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .address-flex .add-new-address {
  border: 1px dashed #cacaca;
  background: #f5f5f5;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .addresses-wrapper .address-flex .add-new-address {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .address-flex .add-new-address .address-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .addresses-wrapper .address-flex .add-new-address .address-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    gap: 6px;
  }
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .address-flex .add-new-address .address-body p {
  color: #181818;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #181818 #a7a7a7;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address {
    gap: 16px;
  }
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address::-webkit-scrollbar {
  height: 6px;
  width: 0px;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #a7a7a7;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address::-webkit-scrollbar-track:hover {
  background-color: #a7a7a7;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address::-webkit-scrollbar-track:active {
  background-color: #a7a7a7;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #181818;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address::-webkit-scrollbar-thumb:hover {
  background-color: #da291c;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address::-webkit-scrollbar-thumb:active {
  background-color: #da291c;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-list {
  background: #f5f5f5;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  scroll-snap-align: start;
  max-width: 325px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-list {
    max-width: 100%;
  }
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-list .address-body {
  padding: 24px;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-list .address-body .address-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-list .address-body .address-header img {
  cursor: pointer;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-list .address-body .address-header p {
  color: #181818;
  font-family: Guardian Sans XCond;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.4px;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-list .address-body .address-header span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 22px;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-list .address-body .address-header span img {
  width: 100%;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-list.active {
  border: 1px solid black;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-content .contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-content .contact-list .list {
  color: #181818;
  white-space: nowrap;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.bookATestRide .test-ride-location .location-details .addresses-wrapper .added-address .address-content address {
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #474747;
  word-wrap: break-word;
  width: 100%;
  overflow: hidden;
}
.bookATestRide .test-ride-location .location-details .ride-location-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 19px;
  margin-top: 14px;
  margin-bottom: 18px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .ride-location-container {
    margin-top: 16px;
    margin-bottom: 16px;
    gap: 12px;
  }
}
.bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input {
  width: 50%;
}
.bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input input[type=radio] {
  display: none;
}
.bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input label {
  position: relative;
  color: #181818;
  width: 100%;
  cursor: pointer;
}
.bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input label::before {
  position: absolute;
  right: 0;
  content: "";
  height: 18px;
  width: 18px;
  border: 2px solid #a7a7a7;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input label::before {
    display: none;
  }
}
.bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input .input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 18px 20px;
  border: 1px solid #cacaca;
  cursor: pointer;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input .input-box {
    padding: 10px;
  }
}
.bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input .input-box .tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin: 0;
  width: 100%;
}
.bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input .input-box .tag img {
  max-width: 24px;
  height: auto;
}
.bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input .input-box .tag p {
  white-space: nowrap;
}
.bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input.active-tab {
  background: #181818;
}
.bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input.active-tab label::before {
  height: 12px;
  width: 12px;
  background-color: #da291c;
  border: 3.5px solid #181818;
  outline: 2px solid #da291c;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input.active-tab label::before {
    display: none;
  }
}
.bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input.active-tab label img {
  -webkit-filter: brightness(100) invert(0) !important;
          filter: brightness(100) invert(0) !important;
}
.bookATestRide .test-ride-location .location-details .ride-location-container .tab-filter-input.active-tab label p {
  color: #fff;
}
.bookATestRide .test-ride-location .location-details .adrs-show-con .address-showroom {
  border: none;
  padding: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .adrs-show-con .address-showroom {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.bookATestRide .test-ride-location .location-details .adrs-show-con .address-showroom > .heading {
  color: #181818;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  width: 100%;
  text-align: left;
  margin-bottom: 16px;
}
.bookATestRide .test-ride-location .location-details .adrs-show-con .address-showroom .addresses-wrapper .address-list.selected-addr {
  border: 1px solid #474747;
}
.bookATestRide .test-ride-location .location-details .adrs-show-con .address-showroom .btn-red {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .adrs-show-con .address-showroom .btn-red {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.bookATestRide .test-ride-location .location-details .adrs-show-con .address-showroom .btn-red .test-ride-desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #616161;
  max-width: 400px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .adrs-show-con .address-showroom .btn-red .test-ride-desc {
    max-width: 100%;
  }
}
.bookATestRide .test-ride-location .location-details .address-showroom {
  margin-top: 11px;
  border: 1px solid #cacaca;
  padding: 15px;
  background-image: url("clientlib-site/assets/img/map-bg.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 100px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-location .location-details .address-showroom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-size: cover;
    background-position: right left;
    gap: 65px;
  }
}
.bookATestRide .test-ride-location .location-details .address-showroom .address-body {
  max-width: 565px;
}
.bookATestRide .test-ride-location .location-details .address-showroom .address-body .heading {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #181818;
  margin-bottom: 12px;
}
.bookATestRide .test-ride-location .location-details .address-showroom .address-body address p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #616161;
}
.bookATestRide .test-ride-location .location-details .address-showroom .img-container {
  width: 25px;
}
.bookATestRide .test-ride-location .location-details .address-showroom .img-container img {
  width: 100%;
  height: auto;
}
.bookATestRide .test-ride-location #test-ride-proceed {
  opacity: 1;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bookATestRide .test-ride-location-live .heading {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #181818;
  margin-bottom: 15px;
}
.bookATestRide .test-ride-location-live .location-details .search-input {
  background: #f5f5f5;
  padding: 12px 16px;
  margin-bottom: 12px;
}
.bookATestRide .test-ride-location-live .location-details .search-input .input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.bookATestRide .test-ride-location-live .location-details .search-input .input-box input {
  padding: 0;
  width: 100%;
}
.bookATestRide .test-ride-location-live .location-details .img-container img {
  width: 100%;
}
.bookATestRide .test-ride-location-live .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bookATestRide .test-ride-location-live #test-ride-proceed-live {
  opacity: 1;
}
.bookATestRide .test-ride-location-live .location-map-container {
  position: relative;
}
.bookATestRide .test-ride-location-live .location-map-container .locate-me-btn {
  width: auto;
  height: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: none;
  outline: none;
  background: #282828;
  padding: 10px 12px;
  position: absolute;
  right: 18px;
  bottom: 18px;
  color: #ededed;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 16.8px */
  gap: 8px;
}
.bookATestRide .test-ride-location-live .location-map-container .locate-me-btn img {
  width: 20px;
  height: 20px;
}
.bookATestRide .test-ride-location-live .button-wrapper {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.bookATestRide .test-ride-location-live .button-wrapper .left-btn .btn.btn-back {
  background: #fff;
  border: 1px solid #181818;
  color: #181818;
  text-align: center;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 22.4px */
  text-transform: capitalize;
}
.bookATestRide .test-ride-location-live .button-wrapper .right-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.bookATestRide .add-location-manually {
  background: #ffffff;
}
.bookATestRide .add-location-manually .heading {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #181818;
  margin-bottom: 15px;
}
.bookATestRide .add-location-manually .contact-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details {
    gap: 24px;
  }
}
.bookATestRide .add-location-manually .contact-details .input-box label {
  display: block;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.bookATestRide .add-location-manually .contact-details .input-box input {
  background: #f5f5f5;
  padding: 14px 16px;
  border: none;
  outline: none;
  font-size: 14px;
  color: #181818;
}
.bookATestRide .add-location-manually .contact-details .input-box input::-webkit-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .add-location-manually .contact-details .input-box input::-moz-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .add-location-manually .contact-details .input-box input:-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .add-location-manually .contact-details .input-box input::-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .add-location-manually .contact-details .input-box input::placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details .input-box input::-webkit-input-placeholder {
    font-size: 12px;
  }
  .bookATestRide .add-location-manually .contact-details .input-box input::-moz-placeholder {
    font-size: 12px;
  }
  .bookATestRide .add-location-manually .contact-details .input-box input:-ms-input-placeholder {
    font-size: 12px;
  }
  .bookATestRide .add-location-manually .contact-details .input-box input::-ms-input-placeholder {
    font-size: 12px;
  }
  .bookATestRide .add-location-manually .contact-details .input-box input::placeholder {
    font-size: 12px;
  }
}
.bookATestRide .add-location-manually .contact-details .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  width: 100%;
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details .flex-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.bookATestRide .add-location-manually .contact-details .flex-item .name-input {
  width: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details .flex-item .name-input {
    width: 100%;
  }
}
.bookATestRide .add-location-manually .contact-details .flex-item .name-input input {
  width: 100%;
}
.bookATestRide .add-location-manually .contact-details .flex-item .mobile-input {
  width: 50%;
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details .flex-item .mobile-input {
    width: 100%;
  }
}
.bookATestRide .add-location-manually .contact-details .flex-item .mobile-input .select-country-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  padding: 0 16px;
}
.bookATestRide .add-location-manually .contact-details .flex-item .mobile-input .select-country-code select {
  background-color: transparent;
  height: 100%;
  max-width: 57px;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
}
.bookATestRide .add-location-manually .contact-details .flex-item .mobile-input .select-country-code select::after {
  position: absolute;
  right: 8px;
  content: "";
  background: #cacaca;
  width: 1px;
  height: calc(100% - 30px);
}
.bookATestRide .add-location-manually .contact-details .flex-item .mobile-input .select-country-code input {
  width: 100%;
}
.bookATestRide .add-location-manually .contact-details .address {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  position: relative;
}
.bookATestRide .add-location-manually .contact-details .address .input-box label {
  display: block;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.bookATestRide .add-location-manually .contact-details .address .input-box input {
  width: 100%;
  background: #f5f5f5;
  padding: 14px 16px;
  border: none;
  outline: none;
}
.bookATestRide .add-location-manually .contact-details .address .input-box input::-webkit-input-placeholder {
  color: #181818;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .add-location-manually .contact-details .address .input-box input::-moz-placeholder {
  color: #181818;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .add-location-manually .contact-details .address .input-box input:-ms-input-placeholder {
  color: #181818;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .add-location-manually .contact-details .address .input-box input::-ms-input-placeholder {
  color: #181818;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .add-location-manually .contact-details .address .input-box input::placeholder {
  color: #181818;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}
.bookATestRide .add-location-manually .contact-details .address .home-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.bookATestRide .add-location-manually .contact-details .address .home-info .input-box {
  width: 50%;
}
.bookATestRide .add-location-manually .contact-details .address .home-info .input-box input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bookATestRide .add-location-manually .contact-details .address .home-info .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .home-info .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .home-info .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .home-info .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .home-info .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .address-info .input-box textarea {
  padding: 14px 16px;
  outline: none;
  border: none;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  resize: none;
  height: 120px;
}
.bookATestRide .add-location-manually .contact-details .address .address-info .input-box textarea::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .address-info .input-box textarea::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .address-info .input-box textarea:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .address-info .input-box textarea::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .address-info .input-box textarea::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .country-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1100px) {
  .bookATestRide .add-location-manually .contact-details .address .country-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details .address .country-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}
.bookATestRide .add-location-manually .contact-details .address .country-info .states {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  width: 50%;
}
@media screen and (max-width: 1100px) {
  .bookATestRide .add-location-manually .contact-details .address .country-info .states {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details .address .country-info .states {
    width: 100%;
  }
}
.bookATestRide .add-location-manually .contact-details .address .country-info .states .input-box {
  width: 50%;
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details .address .country-info .states .input-box {
    width: 100%;
  }
}
.bookATestRide .add-location-manually .contact-details .address .country-info .states .input-box select {
  border: none;
  outline: none;
  width: 100%;
  background: #f5f5f5;
  font-family: "Montserrat";
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: relative;
  background-color: transparent;
  z-index: 1;
}
.bookATestRide .add-location-manually .contact-details .address .country-info .states .input-box select.active {
  color: #181818;
}
.bookATestRide .add-location-manually .contact-details .address .country-info .states .input-box .input-lists {
  position: relative;
  background: rgba(242, 242, 242, 0.5);
  padding: 14px 16px;
}
.bookATestRide .add-location-manually .contact-details .address .country-info .states .input-box .input-lists img {
  position: absolute;
  top: 35%;
  right: 16px;
}
.bookATestRide .add-location-manually .contact-details .address .country-info .states .input-box .input-lists.active,
.bookATestRide .add-location-manually .contact-details .address .country-info .states .input-box li.active,
.bookATestRide .add-location-manually .contact-details .address .country-info .states .input-box select.active {
  color: #181818;
}
.bookATestRide .add-location-manually .contact-details .address .country-info .pincodes {
  width: 50%;
}
@media screen and (max-width: 1100px) {
  .bookATestRide .add-location-manually .contact-details .address .country-info .pincodes {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details .address .country-info .pincodes {
    width: 100%;
  }
}
.bookATestRide .add-location-manually .contact-details .address .country-info .pincodes .input-box input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bookATestRide .add-location-manually .contact-details .address .country-info .pincodes .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.bookATestRide .add-location-manually .contact-details .address .country-info .pincodes .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.bookATestRide .add-location-manually .contact-details .address .country-info .pincodes .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.bookATestRide .add-location-manually .contact-details .address .country-info .pincodes .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.bookATestRide .add-location-manually .contact-details .address .country-info .pincodes .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1100px) {
  .bookATestRide .add-location-manually .contact-details .address .address-type .type-data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details .address .address-type .type-data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-data input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-data input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-data input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-data input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-data input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 50%;
}
@media screen and (max-width: 1100px) {
  .bookATestRide .add-location-manually .contact-details .address .address-type .type-container {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details .address .address-type .type-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-container label {
  margin: 0;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-container input {
  width: 100%;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-container .flex-item {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  line-height: 140%;
  color: #616161;
  width: 121.33px;
  height: 48px;
  position: relative;
  background: rgba(242, 242, 242, 0.5);
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details .address .address-type .type-container .flex-item {
    width: 93px;
    height: 40px;
  }
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-container .flex-item .input-hidden {
  position: absolute;
  left: -9999px;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-container .flex-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  gap: 10px;
  cursor: pointer;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-container .flex-item img {
  width: 15px;
  height: auto;
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-container .flex-item p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #616161;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-container .flex-item.active {
  background: #fbeae8;
  border: 1px solid #da291c;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-container .flex-item.active img {
  -webkit-filter: unset;
          filter: unset;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-container .flex-item.active p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #da291c;
}
.bookATestRide .add-location-manually .contact-details .address .address-type .type-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
.bookATestRide .add-location-manually .contact-details .address .optional .heading {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #474747;
  line-height: 140%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.bookATestRide .add-location-manually .contact-details .address .optional .heading span {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #cacaca;
}
.bookATestRide .add-location-manually .contact-details .address .optional .address-type input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.bookATestRide .add-location-manually .contact-details .address .optional .address-type input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.bookATestRide .add-location-manually .contact-details .address .optional .address-type input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.bookATestRide .add-location-manually .contact-details .address .optional .address-type input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.bookATestRide .add-location-manually .contact-details .address .optional .address-type input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.bookATestRide .add-location-manually .contact-details .address .btn-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.bookATestRide .add-location-manually .contact-details .address .btn-submit button {
  border: none;
  outline: none;
  min-width: 200px;
  padding: 16px 32px;
  background: #da291c;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  color: #ffffff;
}
@media (max-width: 767px) {
  .bookATestRide .add-location-manually .contact-details .address .btn-submit button {
    width: 100%;
  }
}
.bookATestRide .add-location-manually .contact-details .address .btn-submit button:hover, .bookATestRide .add-location-manually .contact-details .address .btn-submit button:active {
  background: #ae2116;
}
.bookATestRide .add-location-manually .btns-address-manual .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 140%; /* 22.4px */
}
.bookATestRide .manage-time-table .heading {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
  margin-bottom: 15px;
}
.bookATestRide .manage-time-table .scheduled-appointment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
}
@media (max-width: 767px) {
  .bookATestRide .manage-time-table .scheduled-appointment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 18px;
  }
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date {
  width: 50%;
}
@media (max-width: 767px) {
  .bookATestRide .manage-time-table .scheduled-appointment .select-date {
    width: 100%;
  }
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container {
  margin-top: 33px;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar {
  position: relative;
  background: #ffffff;
  color: #484848;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  font-weight: normal;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body div {
  padding: 4px;
  min-height: 30px;
  line-height: 30px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #181818;
  border: 1px solid transparent;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body div:nth-child(-n+7) {
  border: 1px solid transparent;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body div:nth-child(-n+7):hover {
  border: 1px solid transparent;
  border-bottom: 1px solid #404040;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body div > a {
  color: #000000;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body div:hover {
  border: 1px solid #505050;
  border-radius: 4px;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body div.empty-dates:hover {
  cursor: not-allowed;
  border: 1px solid transparent;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .calendar-today {
  border: 1.20635px solid #ededed;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .calendar-today:hover {
  border: 1.20635px solid #ededed;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .calendar-today a {
  color: #484848;
  outline: 2px solid transparent;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .prev-dates {
  color: #484848;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .prev-dates:hover {
  cursor: not-allowed;
  border: 1px solid transparent;
  pointer-events: none;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .next-dates {
  color: #484848;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .next-dates:hover {
  cursor: not-allowed;
  border: 1px solid transparent;
  pointer-events: none;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-year-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  color: #181818;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-year-label {
  font-weight: 700;
  font-size: 14px;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-month-label {
  font-weight: 700;
  font-size: 14px;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-next {
  text-align: right;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-next a {
  font-size: 26px;
  text-decoration: none;
  padding: 4px 12px;
  display: inline-block;
  background: transparent;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-next a svg {
  height: 20px;
  width: 20px;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-next a svg path {
  fill: #181818;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-prev a {
  font-size: 26px;
  text-decoration: none;
  padding: 4px 12px;
  display: inline-block;
  background: transparent;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-prev a svg {
  height: 20px;
  width: 20px;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-prev a svg path {
  fill: #a7a7a7;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-today-date {
  display: grid;
  text-align: center;
  cursor: pointer;
  margin: 3px 0px;
  background: #1b1f21;
  padding: 8px 0px;
  border-radius: 10px;
  width: 80%;
  margin: auto;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-time {
  width: 50%;
}
@media (max-width: 767px) {
  .bookATestRide .manage-time-table .scheduled-appointment .select-time {
    width: 100%;
  }
}
.bookATestRide .manage-time-table .scheduled-appointment .select-time p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-time .time-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 33px;
}
.bookATestRide .manage-time-table .scheduled-appointment .select-time .time-container .time-slot {
  border: 1.20635px solid #ededed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 162px;
  height: 41px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  gap: 5px;
  font-size: 14px;
  line-height: 140%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #181818;
}
@media (max-width: 767px) {
  .bookATestRide .manage-time-table .scheduled-appointment .select-time .time-container .time-slot {
    width: 139px;
    height: 35px;
  }
}
.bookATestRide .manage-time-table .scheduled-appointment .select-time .time-container .time-slot.selected-slot {
  background: #282828;
  /* Neutral/Graphite - 500 */
  border: 0.880777px solid #4f4f4f;
  color: #fff;
}
.bookATestRide .manage-time-table .btn-red {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media (max-width: 767px) {
  .bookATestRide .manage-time-table .btn-red {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.bookATestRide .manage-time-table .btn-red .term-conditions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 400px;
}
@media (max-width: 767px) {
  .bookATestRide .manage-time-table .btn-red .term-conditions {
    max-width: 100%;
  }
}
.bookATestRide .manage-time-table .btn-red .term-conditions input[type=checkbox] {
  min-width: 18px;
  height: 26px;
  margin-right: 10px;
  accent-color: #da291c;
}
.bookATestRide .manage-time-table .btn-red .term-conditions .term-conditions-desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #4f4f4f;
  font-family: "Montserrat";
  font-style: normal;
}
.bookATestRide .manage-time-table .btn-red .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.bookATestRide .manage-time-table .btn-red .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bookATestRide .manage-time-table .btn-red .back-btn {
  opacity: 1;
}
.bookATestRide .manage-time-table .btn-red #book-btn {
  opacity: 1;
}
.bookATestRide .already-booked-content .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.bookATestRide .already-booked-content .booked-details {
  padding: 20px 0;
}
.bookATestRide .already-booked-content .booked-details .details-main .heading {
  color: #181818;
  margin-bottom: 12px;
  font-family: Guardian Sans XCond;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .bookATestRide .already-booked-content .booked-details .details-main .heading {
    text-align: center;
    font-size: 32px;
    margin-top: 10px;
  }
}
.bookATestRide .already-booked-content .booked-details .details-main .desc {
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 32px;
  line-height: 140%;
}
@media (max-width: 767px) {
  .bookATestRide .already-booked-content .booked-details .details-main .desc {
    text-align: center;
    font-size: 16px;
  }
}
.bookATestRide .already-booked-content .booked-details .details-main .booked-id {
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 26px;
  background: #f5f5f5;
  padding: 16px;
}
@media (max-width: 767px) {
  .bookATestRide .already-booked-content .booked-details .details-main .booked-id {
    margin-bottom: 32px;
  }
}
.bookATestRide .already-booked-content .booked-details .details-main .booked-id span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bookATestRide .already-booked-content .booked-details .details-main .button-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
}
@media (max-width: 767px) {
  .bookATestRide .already-booked-content .booked-details .details-main .button-wrapper {
    gap: 10px;
  }
}
.bookATestRide .already-booked-content .booked-details .details-main .button-wrapper .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .bookATestRide .already-booked-content .booked-details .details-main .button-wrapper .vdmp-btn {
    width: 50%;
    font-size: 12px;
  }
}
.bookATestRide .test-ride-successfully {
  display: block;
}
.bookATestRide .test-ride-successfully .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #181818;
  text-align: justify;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .heading {
    text-align: center;
    font-size: 32px;
  }
}
.bookATestRide .test-ride-successfully .desc,
.bookATestRide .test-ride-successfully .desc p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .desc,
  .bookATestRide .test-ride-successfully .desc p {
    font-size: 14px;
    line-height: 20px;
    -webkit-text-emphasis: center;
            text-emphasis: center;
  }
}
.bookATestRide .test-ride-successfully .desc span,
.bookATestRide .test-ride-successfully .desc p span {
  color: #000000;
  font-weight: bold;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .desc {
    padding: 0px 16px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details {
  background-color: #fefefe;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 24px;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .heading-main {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 16px;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content {
  width: 100%;
  background: #f5f5f5;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url("clientlib-site/resources/images/pattern_7.webp");
  background-repeat: no-repeat;
  background-position: top left;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-image: url("clientlib-site/resources/images/pattern_8.webp");
    background-position: bottom right;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .img-container {
  width: 40%;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .img-container {
    width: 100%;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .img-container img {
  width: 100%;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details {
  padding: 30px;
  width: 60%;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details {
    width: -webkit-fill-available;
    padding: 24px 19px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(15px);
    position: absolute;
    bottom: 0;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 17px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .header h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .header h3 {
    font-size: 20px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .header .viewDetails {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  line-height: 22px;
  color: #181818;
  cursor: pointer;
  height: auto;
  width: auto;
  border: none;
  outline: none;
  background: transparent;
  gap: 4px;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box {
  position: relative;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box:nth-child(1):before {
  position: absolute;
  content: "";
  background-color: #a7a7a7;
  height: 100%;
  width: 2px;
  right: -66px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box:nth-child(1):before {
    right: -30px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box:nth-child(2):before {
  position: absolute;
  content: "";
  background-color: #a7a7a7;
  height: 100%;
  width: 2px;
  right: -66px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box:nth-child(2):before {
    right: -30px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #282828;
  margin-bottom: 4px;
  display: block;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box span {
    font-size: 12px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box p {
    font-size: 14px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 34px;
  margin-top: 32px;
  background-color: transparent;
  padding: 0;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content {
    width: 100%;
    gap: 20.4px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address {
  width: 50%;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address {
    width: 100%;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 16px;
  text-align: left;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address {
    font-size: 20px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address .user-contact {
  background: #f5f5f5;
  padding: 16px;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address .user-contact .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 0.5px solid #cacaca;
  padding-bottom: 19px;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address .user-contact .connect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address .user-contact .connect h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address .user-contact .connect h3 {
    font-size: 12px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address .user-contact .connect h3 img {
  width: 16px;
  height: 16px;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address .user-contact .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding-top: 16px;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address .user-contact .address img {
  width: 10px;
  height: 13px;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address .user-contact .address p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
  word-wrap: break-word;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-address .user-contact .address p {
    font-size: 12px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info {
  width: 50%;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info {
    width: 100%;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 16px;
  text-align: left;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .heading {
    font-size: 20px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .dealer-info .dealer-content {
  background: #f5f5f5;
  padding: 16px;
  margin-bottom: 16px;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .dealer-info .dealer-content .add {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
  margin-bottom: 24px;
  border-bottom: 0.5px solid #cacaca;
  padding-bottom: 19px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .dealer-info .dealer-content .add {
    font-size: 14px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .dealer-info .dealer-content .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .dealer-info .dealer-content .connect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  position: relative;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .dealer-info .dealer-content .connect:not(:last-child)::after {
  content: "";
  position: absolute;
  background-color: #cacaca;
  height: 100%;
  width: 0.5px;
  right: 20px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .dealer-info .dealer-content .connect:not(:last-child)::after {
    right: 16px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .dealer-info .dealer-content .connect h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .dealer-info .dealer-content .connect h3 {
    font-size: 12px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .dealer-info .dealer-content .connect h3 img {
  width: 16px;
  height: 16px;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .modal-bottom-content .test-ride-dealer-info .dealer-info .dealer-content .connect h3 img[alt=icon-copy] {
  cursor: pointer;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 {
  width: 100%;
  margin-top: 16px;
  padding: relative;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 {
    width: 100%;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 16px;
  text-align: left;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .heading {
    font-size: 20px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info {
  background: #f5f5f5;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 16px;
  margin-bottom: 16px;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .add {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #040404;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .add {
    font-size: 14px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 0.5px solid #cacaca;
  padding-bottom: 19px;
  gap: 50px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .flex-item {
    gap: 32px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 24px;
  gap: 8px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .address {
    font-size: 0.875rem;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .connect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .connect:not(:last-child)::after {
  content: "";
  position: absolute;
  background-color: #cacaca;
  height: 100%;
  width: 0.5px;
  right: -25px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .connect:not(:last-child)::after {
    right: -12px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .connect h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .connect h3 {
    font-size: 12px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .connect h3 img {
  width: 16px;
  height: 16px;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-dealer-info.dealer-info-2 .dealer-info .dealer-content .connect h3 img[alt=icon-copy] {
  cursor: pointer;
}
.bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-id {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
  width: 100%;
  padding: 16px;
  background: #f5f5f5;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .test-ride-id {
    font-size: 12px;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .btn-goback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
@media (max-width: 767px) {
  .bookATestRide .test-ride-successfully .test-ride-success-details .btn-goback {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.bookATestRide .test-ride-successfully .test-ride-success-details .btn-goback .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bookATestRide .btn-red {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
}
@media (max-width: 767px) {
  .bookATestRide .btn-red a {
    width: 100%;
  }
}
.bookATestRide .btn-red #add-location-manually {
  opacity: 1;
}
.bookATestRide {
  /* The Close Button */
}
.bookATestRide .close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.btn-disable-btr {
  opacity: 0.5;
}

.carousel__spacing__model .slick-slide {
  padding-inline: 1rem;
}

.slick-dots {
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  height: 13px;
  border-radius: 3rem;
  cursor: pointer;
  margin: 3px;
}
@media (max-width: 767px) {
  .slick-dots {
    height: 10px;
  }
}
.slick-dots.active {
  background-color: white;
  width: 1rem;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .slick-dots.active {
    width: 30px;
  }
}
.slick-dots .slick-active button::before {
  content: "";
  background-color: red;
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  font-family: "slick";
  text-align: center;
}
.slick-dots li button::before {
  content: "";
  background-color: red;
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  font-family: "slick";
  text-align: center;
}

.compare-bikes-container {
  margin-bottom: 0px;
}
.compare-bikes-container ul.column:nth-of-type(1n + 5) {
  display: none;
}
.compare-bikes-container .bike-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .compare-bikes-container .bike-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .compare-bikes-container .bike-header {
    gap: 12px;
  }
}
.compare-bikes-container .bike-header h1 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 57px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .compare-bikes-container .bike-header h1 {
    font-size: 32px;
  }
}
.compare-bikes-container .bike-header .all-modals {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  line-height: 26px;
  color: #da291c;
}
.compare-bikes-container .table-content {
  position: relative;
  -webkit-box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
          box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
}
.compare-bikes-container .table-content .compare-bikes-table {
  background-color: #ffffff;
  width: 100%;
  overflow-x: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card {
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: auto;
  position: relative;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .bike-card {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card .icon-close {
  position: absolute;
  background: #babbbd;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  right: 12px;
  top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .bike-card .icon-close {
    height: 24px;
    width: 24px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card .icon-close img {
  width: 12px;
  height: auto;
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card .img-container {
  width: 100%;
  height: 223px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .bike-card .img-container {
    height: 131px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card .img-container img {
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card .bike-card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 12px 22px;
  width: 100%;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .bike-card .bike-card-body {
    gap: 8px;
    padding: 8px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card .bike-card-body .name {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  text-align: start;
  color: #181818;
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card .bike-card-body .amt {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  text-align: start;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .bike-card .bike-card-body .amt {
    font-size: 20px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card.add-bike-more {
  border: 1px dashed #cacaca;
  background: #f9f9f9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding: 16px;
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card.add-bike-more .card-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .bike-card.add-bike-more .card-action {
    gap: 8px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card.add-bike-more .card-action .img-container {
  width: 40px;
  height: 40px;
  background-color: red;
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card.add-bike-more .card-action .img-container img {
  max-width: 100%;
  height: auto;
}
.compare-bikes-container .table-content .compare-bikes-table .bike-card.add-bike-more .card-action .desc {
  color: #373737;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 25.2px */
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .bike-card.add-bike-more .card-action .desc {
    font-size: 16px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .btn-red {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 16px 22px;
  width: 100%;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .btn-red {
    padding: 0 8px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .btn-red button {
  min-width: 100%;
  padding: 16px 16px;
  background: #da291c;
  border: 0;
  outline: none;
  cursor: pointer;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  color: #ffffff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  width: auto;
}
.compare-bikes-container .table-content .compare-bikes-table .btn-red button:hover {
  background: #ae2116;
}
.compare-bikes-container .table-content .compare-bikes-table .sticky {
  position: sticky;
  top: 0;
  width: 100%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
          box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
  z-index: 5;
}
.compare-bikes-container .table-content .compare-bikes-table::-webkit-scrollbar {
  display: none;
}
.compare-bikes-container .table-content .compare-bikes-table ul {
  list-style: none;
}
.compare-bikes-container .table-content .compare-bikes-table .column {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  background: #ffffff;
  max-width: calc((82vw - 226px) / 3);
  border-right: 0.5px solid #cacaca;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column {
    max-width: unset;
    min-width: 200px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column:nth-child(1) {
  position: sticky;
  left: 0;
  z-index: 2;
  max-width: 226px;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column:nth-child(1) {
    max-width: unset;
    min-width: unset;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column:nth-child(1) .table-cell {
  padding-top: 0;
  min-height: 64px;
  padding: 0 40px;
  color: #616161;
  font-size: 14px;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 150%;
  border-left: none;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column:nth-child(1) .table-cell {
    min-height: 90px;
    font-size: 14px;
    padding: 16px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column:nth-child(1) .table-cell:not(:last-child) {
  border-bottom: 0.5px solid #cacaca;
}
.compare-bikes-container .table-content .compare-bikes-table .column:nth-child(1) .table-cell:nth-child(1) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.compare-bikes-container .table-content .compare-bikes-table .column:nth-child(1) .table-cell:nth-child(1) .product-specification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  height: 100%;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column:nth-child(1) .table-cell:nth-child(1) .product-specification {
    gap: 24px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column:nth-child(1) .table-cell:nth-child(1) .product-specification .img-container img {
  width: 50px;
  height: 50px;
}
.compare-bikes-container .table-content .compare-bikes-table .column:nth-child(1) .table-cell:nth-child(1) .product-specification .title {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  text-align: start;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column:nth-child(1) .table-cell:nth-child(1) .product-specification .title {
    font-size: 14px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column:nth-child(2) .table-cell {
  border-left: none !important;
}
.compare-bikes-container .table-content .compare-bikes-table .column:nth-of-type(1n + 5) {
  display: none;
}
.compare-bikes-container .table-content .compare-bikes-table .column .table-cell {
  border: 0.5px solid #cacaca;
  border-right: none;
  border-bottom: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.compare-bikes-container .table-content .compare-bikes-table .column .table-cell:nth-child(1) {
  padding-top: 15px;
  border-top: none;
  position: sticky;
  top: 0;
  z-index: 1;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 426px;
  height: 100%;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .table-cell:nth-child(1) {
    min-height: 300px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .specification > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .amt {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #474747;
  padding: 0 16px;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .amt span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #616161;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-version {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #474747;
  padding: 0 16px;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-year {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #474747;
  padding: 0 16px;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-color {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 12px;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-color {
    gap: 12px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-color img {
  width: auto;
  height: 26px;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-color .desc {
  color: #616161;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 140%;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-distance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-distance .km {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #474747;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-distance .km span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #616161;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-distance .km span {
    font-size: 14px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-owner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 16px;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-owner .status {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #474747;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-owner .status span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #616161;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-owner .status span {
    font-size: 14px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-warranty {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 12px;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-warranty {
    gap: 12px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-warranty img {
  width: 22px;
  height: 22px;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-warranty .desc {
  color: #616161;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 140%;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-tyre-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-tyre-c {
    gap: 12px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-tyre-c .desc {
  color: #616161;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-tyre-c .desc {
    font-size: 14px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .model-owner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 0 16px;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .specification .model-owner {
    gap: 12px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-extra-f {
  padding: 0 16px;
}
.compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-extra-f .desc {
  line-height: 140%;
  color: #616161;
  font-size: 1pc;
  font-family: Montserrat;
  font-weight: 600;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .specification .modal-extra-f .desc {
    font-size: 14px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column .table-cell .bike-card {
  background: transparent;
}
.compare-bikes-container .table-content .compare-bikes-table .column .table-cell .bike-card .bike-card-body .name {
  color: #474747;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .table-cell .bike-card .bike-card-body .name {
    color: #181818;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
  }
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .table-cell .bike-card .bike-card-body .amt {
    color: #181818;
    font-family: Guardian Sans XCond;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 24px */
    letter-spacing: 0.4px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column .table-cell:last-child {
  min-height: 100%;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .table-cell:first-child {
    padding-bottom: 24px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column .table-cell:not(:first-child) {
  min-height: 64px;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column .table-cell:not(:first-child) {
    min-height: 90px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column.column-new-add {
  width: 100%;
}
.compare-bikes-container .table-content .compare-bikes-table .column.column-new-add .table-cell {
  padding: 16px;
  padding-top: 22px;
  border-left: none;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .column.column-new-add .table-cell {
    padding-top: 16px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .column.column-new-add .table-cell:first-child a {
  height: 100%;
}
.compare-bikes-container .table-content .compare-bikes-table .empty-vehicle.table-cell {
  min-height: inherit;
  border-left: none;
}
.compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col {
  width: 100%;
}
.compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col .sold-bike-card {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
  max-width: unset;
  padding: 5px;
}
.compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col .sold-bike-card .img-container {
  position: relative;
}
.compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col .sold-bike-card .img-container .img-bike-empty {
  width: 100%;
  height: 100%;
}
.compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col .sold-bike-card .img-container .icon-close {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  background: #babbbd;
  padding: 10px;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 12px;
}
.compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col .sold-bike-card .additional-details {
  padding: 16px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col .sold-bike-card .additional-details {
    gap: 8px;
    padding: 8px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col .sold-bike-card .additional-details .desc {
  color: #474747;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col .sold-bike-card .additional-details .desc {
    font-size: 14px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col .sold-bike-card .additional-details .heading {
  color: #da291c;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col .sold-bike-card .additional-details .heading {
    font-size: 14px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col .sold-bike-card .additional-details .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px 4px;
  font-size: 14px;
  width: 100%;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .empty-vehicle .compare-soldOut-col .sold-bike-card .additional-details .vdmp-btn {
    padding: 8px 4px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .error-compare-column {
  width: 100%;
}
.compare-bikes-container .table-content .compare-bikes-table .error-container-compare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  height: 100vh;
}
.compare-bikes-container .table-content .compare-bikes-table .error-container-compare .error-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.compare-bikes-container .table-content .compare-bikes-table .error-container-compare .error-content .error-titlt h1 {
  color: #282828;
  font-family: Guardian Sans XCond;
  font-size: 57px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 68.4px */
  letter-spacing: 1.14px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .error-container-compare .error-content .error-titlt h1 {
    font-size: 32px;
    letter-spacing: 0.64px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .error-container-compare .error-content .error-description p {
  color: #4f4f4f;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 28px */
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .error-container-compare .error-content .error-description p {
    margin-bottom: 24px;
    font-size: 14px;
  }
}
.compare-bikes-container .table-content .compare-bikes-table .error-container-compare .error-content .btn-container button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #da291c;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  height: auto;
  width: auto;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
}
@media (max-width: 767px) {
  .compare-bikes-container .table-content .compare-bikes-table .error-container-compare .error-content .btn-container button {
    font-size: 14px;
  }
}

.comparePopup {
  position: relative;
  display: block;
  min-height: 182px;
  z-index: 99;
}

.compare-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  background: #181818;
  padding: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: fixed;
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .compare-button-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    bottom: 82px;
    gap: 25px;
  }
}
.compare-button-container .compare-cards-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.compare-button-container .compare-cards-list .compare-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.compare-button-container .compare-cards-list .compare-card .img-container {
  position: relative;
  max-width: 100%;
  height: 93px;
}
.compare-button-container .compare-cards-list .compare-card .img-container img {
  height: 100%;
  width: auto;
}
.compare-button-container .compare-cards-list .compare-card .img-container .icon-close {
  position: absolute;
  top: 5.6px;
  border: none;
  outline: none;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background: #ffffff;
  opacity: 0.5;
  cursor: pointer;
  right: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.compare-button-container .compare-cards-list .compare-card .img-container .icon-close img {
  width: 10px;
  height: 10px;
}
.compare-button-container .compare-cards-list .compare-card .bottom-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.compare-button-container .compare-cards-list .compare-card .bottom-details .name {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #ffffff;
}
.compare-button-container .compare-cards-list .compare-card .bottom-details .amt {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.compare-button-container .compare-card-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.compare-button-container .compare-card-details .total-cards {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #ffffff;
}
.compare-button-container .compare-card-details .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media (max-width: 767px) {
  .compare-button-container .compare-card-details .btn-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.compare-button-container .compare-card-details .btn-wrapper .clear-list {
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.compare-button-container .compare-card-details .btn-wrapper .clear-list:hover {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #181818;
}
.compare-button-container .compare-card-details .btn-wrapper button {
  font-size: 0.75rem;
  text-align: center;
  padding: 12px 25px;
  line-height: 100%;
  display: inline;
}
@media (max-width: 767px) {
  .compare-button-container .compare-card-details .btn-wrapper button {
    width: 100%;
  }
}

.compare-button-container.compare-with-footer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
@media (max-width: 767px) {
  .compare-button-container.compare-with-footer {
    position: relative;
    bottom: unset;
    margin: auto;
    width: 100%;
  }
  .compare-button-container.compare-with-footer .compare-cards-list {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.comparePopup.comparePopup-pdp .compare-button-container {
  z-index: 800;
}
@media (min-width: 768px) {
  .comparePopup.comparePopup-pdp .compare-button-container {
    bottom: 85px;
  }
}

.contact-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .contact-section {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 32px;
  }
}
.contact-section .side-a {
  -webkit-box-flex: 0.8;
      -ms-flex: 0.8;
          flex: 0.8;
}
@media (max-width: 767px) {
  .contact-section .side-a {
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.contact-section .side-a .title {
  font-family: Guardian Sans XCond;
  font-size: 57px;
  font-weight: 700;
  line-height: 68px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .contact-section .side-a .title {
    font-family: "Guardian Sans XCond";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
  }
}
.contact-section .side-a .text {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
  max-width: 442px;
}
@media (max-width: 767px) {
  .contact-section .side-a .text {
    max-width: 100%;
  }
}
.contact-section .side-a .text .highlight {
  color: #da291c;
}
.contact-section .side-a .cta-actions-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
  margin-top: 32px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 767px) {
  .contact-section .side-a .cta-actions-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.contact-section .side-a .cta-actions-group .cta-plain,
.contact-section .side-a .cta-actions-group button,
.contact-section .side-a .cta-actions-group .cmp-button {
  height: 48px;
  width: auto;
  border-radius: 0px;
  padding: 10px 24px 10px 24px;
  font-family: Montserrat;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
  border: 1px solid #181818;
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .contact-section .side-a .cta-actions-group .cta-plain,
  .contact-section .side-a .cta-actions-group button,
  .contact-section .side-a .cta-actions-group .cmp-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.contact-section .side-a .cta-actions-group .cta-plain span,
.contact-section .side-a .cta-actions-group button span,
.contact-section .side-a .cta-actions-group .cmp-button span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  gap: 8px;
}
.contact-section .side-a .cta-actions-group .cta-plain:hover,
.contact-section .side-a .cta-actions-group button:hover,
.contact-section .side-a .cta-actions-group .cmp-button:hover {
  background: #181818;
  color: #ffffff;
}
.contact-section .side-a .cta-actions-group .cta-plain img,
.contact-section .side-a .cta-actions-group button img,
.contact-section .side-a .cta-actions-group .cmp-button img {
  width: 24px;
  display: block;
}
@media (max-width: 767px) {
  .contact-section .side-a .cta-actions-group .cta-plain img,
  .contact-section .side-a .cta-actions-group button img,
  .contact-section .side-a .cta-actions-group .cmp-button img {
    position: absolute;
    right: 24px;
  }
}
.contact-section .side-a .cta-actions-group .cta-plain .icon-con,
.contact-section .side-a .cta-actions-group button .icon-con,
.contact-section .side-a .cta-actions-group .cmp-button .icon-con {
  margin-left: 16px;
}
.contact-section .side-a .cta-actions-group .cta-plain .icon-con img,
.contact-section .side-a .cta-actions-group button .icon-con img,
.contact-section .side-a .cta-actions-group .cmp-button .icon-con img {
  width: 24px;
  display: block;
}
.contact-section .side-a .cta-actions-group .cta-plain .icon-con,
.contact-section .side-a .cta-actions-group button .icon-con,
.contact-section .side-a .cta-actions-group .cmp-button .icon-con {
  height: auto;
}

.faq_page {
  padding: 58px 94px;
}
@media (max-width: 767px) {
  .faq_page {
    padding: 40px 16px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .faq_page {
    padding: 40px 30px;
  }
}
.faq_page .contact-section .side-a {
  -ms-flex-preferred-size: unset;
      flex-basis: unset;
  position: relative;
  width: 100%;
}
.faq_page .contact-section .side-a .title {
  color: #fff;
  font-family: Guardian Sans XCond;
  font-size: 57px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 68.4px */
  letter-spacing: 1.14px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .faq_page .contact-section .side-a .title {
    margin-bottom: 16px;
    font-size: 32px;
  }
}
.faq_page .contact-section .side-a .text {
  max-width: 70%;
}
@media (max-width: 767px) {
  .faq_page .contact-section .side-a .text {
    max-width: 100%;
  }
}
.faq_page .contact-section .side-a .cta-actions-group {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0px;
  margin: 0;
}
@media (max-width: 767px) {
  .faq_page .contact-section .side-a .cta-actions-group {
    position: initial;
    -webkit-transform: none;
            transform: none;
    width: 100%;
    margin-top: 32px;
  }
}
.faq_page .contact-section .side-a .cta-actions-group .cmp-button__text {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media (max-width: 767px) {
  .faq_page .contact-section .side-a .cta-actions-group .cmp-button img {
    position: inherit;
  }
}

.ask-query-component .ask-query-container {
  background-color: #ffffff;
}
.ask-query-component .ask-query-container .content {
  width: 100%;
}
.ask-query-component .error {
  font-size: 0.875rem;
  line-height: 140%;
  padding-top: 10px;
  display: block;
  color: #fd5050;
  font-family: Montserrat;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 8px;
}
.ask-query-component .error[hidden] {
  display: none;
}
.ask-query-component .thanks-modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: unset;
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
  z-index: 999;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .ask-query-component .thanks-modal {
    padding-top: unset;
  }
}
@media (max-width: 767px) {
  .ask-query-component .thanks-modal {
    padding-top: 150px;
  }
}
.ask-query-component .thanks-modal {
  /* Modal Content */
}
.ask-query-component .thanks-modal .modal-content {
  background-color: #ffffff;
  margin: auto;
  max-width: 853px;
  padding: 40px;
  background-image: url("clientlib-site/resources/images/pattern_3.webp");
  background-repeat: no-repeat;
  background-position: top right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .ask-query-component .thanks-modal .modal-content {
    max-width: 100%;
    border-radius: 16px 16px 0px 0px;
    padding: 24px;
    top: 100%;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.ask-query-component .thanks-modal .content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 767px) {
  .ask-query-component .thanks-modal .content-header {
    margin-bottom: 24px;
  }
}
.ask-query-component .thanks-modal .content-header img {
  cursor: pointer;
}
.ask-query-component .thanks-modal .thankyou-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 684px;
  margin: auto;
}
@media (max-width: 767px) {
  .ask-query-component .thanks-modal .thankyou-content {
    max-width: 100%;
  }
}
.ask-query-component .thanks-modal .thankyou-content .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .ask-query-component .thanks-modal .thankyou-content .img-container {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .ask-query-component .thanks-modal .thankyou-content .img-container img {
    width: 58px;
    height: 58px;
  }
}
.ask-query-component .thanks-modal .thankyou-content .heading {
  color: #181818;
  font-family: Guardian Sans XCond;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.64px;
  margin-bottom: 24px;
  text-align: center;
}
.ask-query-component .thanks-modal .thankyou-content .desc {
  text-align: center;
  margin-bottom: 40px;
  color: #616161;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 767px) {
  .ask-query-component .thanks-modal .thankyou-content .desc {
    margin-bottom: 24px;
  }
}
.ask-query-component .thanks-modal .thankyou-content .btn-red {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.ask-query-component .thanks-modal .thankyou-content .btn-red a {
  padding: 16px 32px;
  color: #fff;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  height: auto;
  background: #da291c;
  width: auto;
  border: none;
  outline: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .ask-query-component .thanks-modal .thankyou-content .btn-red a {
    width: 100%;
    font-size: 12px;
    padding: 11px 8px;
  }
}
.ask-query-component .query-form .header {
  margin-bottom: 32px;
}
.ask-query-component .query-form .header .title {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 57px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .ask-query-component .query-form .header .title {
    font-size: 40px;
  }
}
.ask-query-component .query-form .header .title span {
  color: #da291c;
}
.ask-query-component .form-input-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.ask-query-component .form-input-fields .input-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ask-query-component .form-input-fields .input-box label {
  width: 100%;
  display: block;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.ask-query-component .form-input-fields .input-box input {
  border: none;
  outline: none;
  padding: 14px 16px;
  background: #f5f5f5;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.ask-query-component .form-input-fields .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.ask-query-component .form-input-fields .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.ask-query-component .form-input-fields .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.ask-query-component .form-input-fields .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.ask-query-component .form-input-fields .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.ask-query-component .form-input-fields .input-box input::-webkit-outer-spin-button, .ask-query-component .form-input-fields .input-box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ask-query-component .form-input-fields .input-box textarea {
  border: none;
  outline: none;
  padding: 16px;
  background: #f5f5f5;
  width: 100% !important;
  resize: none;
  height: 96px !important;
}
.ask-query-component .form-input-fields .input-box textarea::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.ask-query-component .form-input-fields .input-box textarea::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.ask-query-component .form-input-fields .input-box textarea:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.ask-query-component .form-input-fields .input-box textarea::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.ask-query-component .form-input-fields .input-box textarea::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.ask-query-component .permission-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.ask-query-component .permission-check .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .ask-query-component .permission-check .item-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.ask-query-component .permission-check .contact-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
@media (max-width: 767px) {
  .ask-query-component .permission-check .contact-desc {
    max-width: 100%;
    margin-bottom: 16px;
  }
}
.ask-query-component .permission-check .contact-desc .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 140%;
  color: #474747;
  max-width: 60%;
}
@media (max-width: 767px) {
  .ask-query-component .permission-check .contact-desc .desc {
    max-width: 100%;
  }
}
.ask-query-component .permission-check .contact-desc input[type=checkbox] {
  accent-color: #da291c;
  height: 20px;
  width: 28px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .ask-query-component .permission-check .contact-desc input[type=checkbox] {
    height: 20px;
    width: 24px;
    margin-top: -3px;
  }
}
@media (max-width: 767px) {
  .ask-query-component .permission-check .btn-red {
    width: 100%;
  }
}
.ask-query-component .permission-check .btn-red .contactUsFormSubmit {
  font-weight: 600;
  line-height: 140%;
  height: auto;
  width: auto;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .ask-query-component .permission-check .btn-red .contactUsFormSubmit {
    width: 100%;
  }
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements {
  padding: 16px 32px;
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements:after,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements:after {
  content: "";
  width: calc(100% - 20px);
  height: 1px;
  background: #CACACA;
  display: block;
  -webkit-transform: translateY(16px);
          transform: translateY(16px);
}
@media (max-width: 767px) {
  .container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements,
  .contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements {
    padding: 24px 12px;
  }
  .container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements:after,
  .contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements:after {
    -webkit-transform: translateY(24px);
            transform: translateY(24px);
  }
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--questions .cmp-contentfragment__element-value,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--questions .cmp-contentfragment__element-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 26px 0px;
  cursor: pointer;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #474747;
  font-family: "Montserrat";
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
}
@media (max-width: 767px) {
  .container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--questions .cmp-contentfragment__element-value,
  .contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--questions .cmp-contentfragment__element-value {
    font-size: 1rem;
  }
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--questions .cmp-contentfragment__element-value .q-icon,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--questions .cmp-contentfragment__element-value .q-icon {
  width: 20px;
  min-width: 20px;
  margin-right: 20px;
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--questions .cmp-contentfragment__element-value .q-icon img,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--questions .cmp-contentfragment__element-value .q-icon img {
  max-width: 100%;
  width: auto;
  display: block;
  margin: auto;
  position: relative;
  top: 50%;
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--questions .cmp-contentfragment__element-value .q-icon img.icon-up,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--questions .cmp-contentfragment__element-value .q-icon img.icon-up {
  display: none;
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--answers,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--answers {
  height: 0px;
  -webkit-transition: height 1s ease-in;
  transition: height 1s ease-in;
  overflow: hidden;
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--answers .cmp-contentfragment__element-value,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--answers .cmp-contentfragment__element-value {
  font-family: "Montserrat";
  font-size: 1rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #616161;
}
@media (max-width: 767px) {
  .container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--answers .cmp-contentfragment__element-value,
  .contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements .cmp-contentfragment__element--answers .cmp-contentfragment__element-value {
    font-size: 0.875rem;
    font-weight: 600;
  }
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements.active-toggle,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements.active-toggle {
  background: #f5f5f5;
  margin-bottom: 20px;
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements.active-toggle .cmp-contentfragment__element--questions .cmp-contentfragment__element-value p,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements.active-toggle .cmp-contentfragment__element--questions .cmp-contentfragment__element-value p {
  color: #181818;
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements.active-toggle .cmp-contentfragment__element--questions .cmp-contentfragment__element-value .q-icon img.icon-down,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements.active-toggle .cmp-contentfragment__element--questions .cmp-contentfragment__element-value .q-icon img.icon-down {
  display: none;
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements.active-toggle .cmp-contentfragment__element--questions .cmp-contentfragment__element-value .q-icon img.icon-up,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements.active-toggle .cmp-contentfragment__element--questions .cmp-contentfragment__element-value .q-icon img.icon-up {
  display: block;
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements.active-toggle .cmp-contentfragment__element--answers,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements.active-toggle .cmp-contentfragment__element--answers {
  height: auto;
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements.active-toggle .cmp-contentfragment__element--answers p.readmore-con,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements.active-toggle .cmp-contentfragment__element--answers p.readmore-con {
  margin-top: 20px;
  margin-bottom: 26px;
}
.container-tab-layout .cmp-contentfragment .cmp-contentfragment__elements.active-toggle .cmp-contentfragment__element--answers .readmore,
.contentfragmentlist.contentfragment-faq-listing .cmp-contentfragment .cmp-contentfragment__elements.active-toggle .cmp-contentfragment__element--answers .readmore {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #da291c;
  background: url(clientlib-site/resources/images/arrow-right-red.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 24px;
}

.requirements-component .requirements .requirements-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.requirements-component .requirements .requirements-header h1 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .requirements-component .requirements .requirements-header h1 {
    font-size: 20px;
  }
}
.requirements-component .requirements .requirements-header button,
.requirements-component .requirements .requirements-header a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #181818;
  border: none;
  outline: none;
  background-color: transparent;
  height: auto;
  width: auto;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .requirements-component .requirements .requirements-header button,
  .requirements-component .requirements .requirements-header a {
    font-size: 12px;
  }
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 1px solid #cacaca;
  padding: 12px 16px;
  margin: 0;
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-header .bike-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-header .bike-details .img-container img {
  width: 121px;
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-header .bike-details .name h2 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .requirements-component .requirements-content .requirements-listing .requirements-listing-header .bike-details .name h2 {
    font-size: 18px;
  }
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-header .bike-details .name p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
@media (max-width: 767px) {
  .requirements-component .requirements-content .requirements-listing .requirements-listing-header .bike-details .name p {
    font-size: 12px;
  }
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-header .bike-details .name .view-listings {
  margin-top: 4px;
  display: none;
}
@media (max-width: 767px) {
  .requirements-component .requirements-content .requirements-listing .requirements-listing-header .bike-details .name .view-listings {
    display: block;
  }
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-header .bike-details .name .view-listings button,
.requirements-component .requirements-content .requirements-listing .requirements-listing-header .bike-details .name .view-listings a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #da291c;
  gap: 10px;
  border: none;
  outline: none;
  background: transparent;
  width: auto;
  height: auto;
  text-decoration: none;
}
@media (max-width: 767px) {
  .requirements-component .requirements-content .requirements-listing .requirements-listing-header .bike-details .name .view-listings button,
  .requirements-component .requirements-content .requirements-listing .requirements-listing-header .bike-details .name .view-listings a {
    font-size: 12px;
  }
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-header .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-header .view-listings {
  margin-top: 13px;
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-header .view-listings button,
.requirements-component .requirements-content .requirements-listing .requirements-listing-header .view-listings a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #da291c;
  gap: 10px;
  border: none;
  outline: none;
  background: transparent;
  width: auto;
  height: auto;
  text-decoration: none;
}
@media (max-width: 767px) {
  .requirements-component .requirements-content .requirements-listing .requirements-listing-header .view-listings {
    display: none;
  }
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-suggestion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .requirements-component .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card {
    background: #f2f2f2;
  }
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card .card-details {
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media (max-width: 767px) {
  .requirements-component .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card .card-details {
    gap: 4px;
  }
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card .card-details .name {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #181818;
}
.requirements-component .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card .card-details .amt {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .requirements-component .requirements-content .requirements-listing .requirements-listing-suggestion .listing-card .card-details .amt {
    font-size: 14px;
  }
}
.requirements-component .edit-requirements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 14px;
  padding: 12px 16px;
  border: 1px solid #cacaca;
}
.requirements-component .edit-requirements .bike-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.requirements-component .edit-requirements .bike-details .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.requirements-component .edit-requirements .bike-details .img-container img {
  width: 121px;
}
.requirements-component .edit-requirements .bike-details .name h2 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .requirements-component .edit-requirements .bike-details .name h2 {
    font-size: 18px;
    margin-bottom: 4px;
  }
}
.requirements-component .edit-requirements .bike-details .name p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
@media (max-width: 767px) {
  .requirements-component .edit-requirements .bike-details .name p {
    font-size: 12px;
  }
}
.requirements-component .edit-requirements .bike-details .name .view-listings {
  margin-top: 4px;
  display: none;
}
@media (max-width: 767px) {
  .requirements-component .edit-requirements .bike-details .name .view-listings {
    display: block;
  }
}
.requirements-component .edit-requirements .bike-details .name .view-listings button,
.requirements-component .edit-requirements .bike-details .name .view-listings a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #da291c;
  cursor: pointer;
  gap: 10px;
  border: none;
  outline: none;
  background-color: transparent;
  width: auto;
  height: auto;
  text-decoration: none;
}
@media (max-width: 767px) {
  .requirements-component .edit-requirements .bike-details .name .view-listings button,
  .requirements-component .edit-requirements .bike-details .name .view-listings a {
    font-size: 12px;
  }
}
.requirements-component .edit-requirements .view-listings {
  margin-top: 13px;
  display: block;
}
@media (max-width: 767px) {
  .requirements-component .edit-requirements .view-listings {
    display: none;
  }
}
.requirements-component .edit-requirements .view-listings button,
.requirements-component .edit-requirements .view-listings a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #da291c;
  cursor: pointer;
  gap: 10px;
  border: none;
  outline: none;
  background-color: transparent;
  width: auto;
  height: auto;
  text-decoration: none;
}
.requirements-component {
  /* The Modal (background) */
}
.requirements-component .modal-create-req.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
  z-index: 1001;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .requirements-component .modal-create-req.modal {
    padding-top: 5%;
  }
}
.requirements-component .modal-create-req.modal {
  /* Modal Content */
}
.requirements-component .modal-create-req.modal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  max-width: 870px;
  background-image: url("clientlib-site/resources/images/pattern_3.webp");
  background-repeat: no-repeat;
  background-position: top right;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .modal-content {
    border-radius: 16px 16px 0px 0px;
    padding: 20px 16px;
  }
}
.requirements-component .modal-create-req.modal .modal-content .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .modal-content .modal-header {
    padding: 0;
  }
}
.requirements-component .modal-create-req.modal .modal-content .modal-header .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .modal-content .modal-header .heading {
    font-size: 25px;
  }
}
.requirements-component .modal-create-req.modal .modal-content .modal-header .heading span {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .modal-content .modal-header .heading span {
    font-size: 25px;
  }
}
.requirements-component .modal-create-req.modal .modal-content .modal-header .close-modal-req {
  cursor: pointer;
  margin: 0 0 0 auto;
}
.requirements-component .modal-create-req.modal .create-requirement-form {
  display: block;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .heading-main {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 16px;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .item-flex {
    width: 100%;
  }
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .item-flex .input-box {
  width: 100%;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .item-flex .input-lists li {
  padding: 14px 16px;
  background: rgba(242, 242, 242, 0.5);
  position: relative;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .item-flex .input-lists li img {
  position: absolute;
  right: 12px;
  right: 12px;
  z-index: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: 30px;
  height: auto;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .item-flex .input-lists li.active,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .item-flex .input-lists select.active {
  color: #181818;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .item-flex .input-lists select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  color: #a7a7a7;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  z-index: 1;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 100%;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-prm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-prm {
    gap: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-prm label {
  display: block;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  margin-bottom: 8px;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-prm .item-flex.time-period-container .input-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-prm .item-flex.time-period-container .time-list {
  width: 100%;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .input-box label {
  display: block;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .input-box input {
  padding: 10px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  outline: none;
  border: none;
  padding: 10px;
  background: rgba(242, 242, 242, 0.5);
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  width: 100%;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .item-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
  }
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range label,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container label {
  margin-bottom: 8px;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range input,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container input {
  width: 100%;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range .min,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range .max,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container .min,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container .max {
  position: relative;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range .min input,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range .max input,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container .min input,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container .max input {
  padding-left: 25px;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range .min .rupee-symbol,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range .max .rupee-symbol,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container .min .rupee-symbol,
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container .max .rupee-symbol {
  position: absolute;
  left: 10px;
  margin-top: 8px;
  font-size: 14px;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range .input-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range .input-container {
    gap: 10px;
  }
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range .input-container .input-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 50%;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .price-range .range-selector {
  margin-top: 16px;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container .input-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container .time-list {
  width: 100%;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container .time-list li {
  padding: 14px 16px;
  background: rgba(242, 242, 242, 0.5);
  position: relative;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container .time-list li img {
  position: absolute;
  right: 12px;
  top: 35%;
  right: 12px;
  z-index: 0;
}
.requirements-component .modal-create-req.modal .create-requirement-form .motorcycle-details .details-sec .time-period-container select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  color: #a7a7a7;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  border: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  z-index: 1;
  position: relative;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 100%;
  background-image: none;
}
.requirements-component .modal-create-req.modal .create-requirement-form .btn-req {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 24px;
  height: auto;
  background-color: transparent;
}
.requirements-component .modal-create-req.modal .create-requirement-form .btn-req .vdmp-btn {
  height: auto;
  max-width: 240px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .create-requirement-form .btn-req .vdmp-btn {
    max-width: 100%;
    font-size: 12px;
  }
}
.requirements-component .modal-create-req.modal .wrapper {
  position: relative;
}
.requirements-component .modal-create-req.modal .wrapper .input-slider {
  position: absolute;
  width: 100%;
  top: -18px;
}
.requirements-component .modal-create-req.modal .wrapper .values {
  position: relative;
  margin: auto;
  border-radius: 5px;
  font-size: 25px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #a7a7a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 21px;
}
.requirements-component .modal-create-req.modal .wrapper input[type=range] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
}
.requirements-component .modal-create-req.modal .wrapper .slider-track {
  width: 100%;
  height: 5px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}
.requirements-component .modal-create-req.modal .wrapper input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}
.requirements-component .modal-create-req.modal .wrapper input[type=range]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
}
.requirements-component .modal-create-req.modal .wrapper input[type=range]::-ms-track {
  appearance: none;
  height: 5px;
}
.requirements-component .modal-create-req.modal .wrapper input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  background-color: #ffffff;
  border: 2px solid #da291c;
  cursor: pointer;
  margin-top: -6px;
  -webkit-box-shadow: 0px 4px 4px rgba(255, 6, 6, 0.25);
          box-shadow: 0px 4px 4px rgba(255, 6, 6, 0.25);
  pointer-events: auto;
  border-radius: 50%;
}
.requirements-component .modal-create-req.modal .wrapper input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  background-color: #ffffff;
  border: 2px solid #da291c;
  cursor: pointer;
  border-radius: 50%;
  background-color: #da291c;
  pointer-events: auto;
  border: none;
}
.requirements-component .modal-create-req.modal .wrapper input[type=range]::-ms-thumb {
  appearance: none;
  height: 1.7em;
  width: 1.7em;
  cursor: pointer;
  border-radius: 50%;
  background-color: #da291c;
  pointer-events: auto;
}
.requirements-component .modal-create-req.modal .wrapper input[type=range]:active::-webkit-slider-thumb {
  background-color: #ffffff;
  border: 1px solid #da291c;
}
.requirements-component .modal-create-req.modal .requirement-submit-success {
  display: none;
}
.requirements-component .modal-create-req.modal .requirement-submit-success .success-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 100%;
  margin: auto;
  padding: 50px 20px;
  padding-top: 0;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .requirement-submit-success .success-body {
    padding: 0;
  }
}
.requirements-component .modal-create-req.modal .requirement-submit-success .success-body .img-container {
  display: contents;
}
.requirements-component .modal-create-req.modal .requirement-submit-success .success-body .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #2c0806;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .requirement-submit-success .success-body .heading {
    margin-bottom: 16px;
    font-size: 32px;
  }
}
.requirements-component .modal-create-req.modal .requirement-submit-success .success-body .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #616161;
  margin-bottom: 24px;
  text-align: center;
}
.requirements-component .modal-create-req.modal .requirement-submit-success .details-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  background: #f2f2f2;
  padding: 13px 24px;
  gap: 50px;
  margin-bottom: 40px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .requirement-submit-success .details-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 35px;
    margin-bottom: 24px;
  }
}
.requirements-component .modal-create-req.modal .requirement-submit-success .details-wrapper .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9.5px;
  position: relative;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .requirement-submit-success .details-wrapper .box {
    width: 100%;
  }
}
.requirements-component .modal-create-req.modal .requirement-submit-success .details-wrapper .box:not(:last-child)::after {
  position: absolute;
  content: "";
  color: #484848;
  height: 100%;
  width: 1px;
  right: -24px;
  background-color: #616161;
  font-weight: bold;
  height: 100%;
  display: block;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .requirement-submit-success .details-wrapper .box:not(:last-child)::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .requirement-submit-success .details-wrapper .box:not(:last-child)::after {
    position: absolute;
    content: "";
    color: #484848;
    height: 1px;
    width: 100%;
    right: 0;
    background-color: #616161;
    font-weight: bold;
    display: block;
    bottom: -18px;
  }
}
.requirements-component .modal-create-req.modal .requirement-submit-success .details-wrapper .box img {
  width: 24px;
  height: 24px;
}
.requirements-component .modal-create-req.modal .requirement-submit-success .details-wrapper .box p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
}
.requirements-component .modal-create-req.modal .requirement-submit-success .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.requirements-component .modal-create-req.modal .requirement-submit-success .btn-wrapper .vdmp-btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: unset;
  width: unset;
  min-width: unset;
}
@media (max-width: 767px) {
  .requirements-component .modal-create-req.modal .requirement-submit-success .btn-wrapper .vdmp-btn {
    height: unset;
    width: unset;
    min-width: unset;
  }
}

.create-requirement-card .create-requirement-card-details,
.create-requirement-card_v2 .create-requirement-card-details {
  background: #000;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  position: relative;
}
.create-requirement-card .create-requirement-card-details .img-container,
.create-requirement-card_v2 .create-requirement-card-details .img-container {
  width: 100%;
  mix-blend-mode: lighten;
  position: relative;
}
.create-requirement-card .create-requirement-card-details .img-container img,
.create-requirement-card_v2 .create-requirement-card-details .img-container img {
  width: 100%;
}
.create-requirement-card .create-requirement-card-details .requirement-body,
.create-requirement-card_v2 .create-requirement-card-details .requirement-body {
  padding: 20px;
}
.create-requirement-card .create-requirement-card-details .requirement-body .heading,
.create-requirement-card_v2 .create-requirement-card-details .requirement-body .heading {
  color: #fff;
  font-family: Guardian Sans XCond;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 38.4px */
  letter-spacing: 0.64px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .create-requirement-card .create-requirement-card-details .requirement-body .heading,
  .create-requirement-card_v2 .create-requirement-card-details .requirement-body .heading {
    font-size: 28px;
    margin-bottom: 16px;
  }
}
.create-requirement-card .create-requirement-card-details .requirement-body .heading span,
.create-requirement-card_v2 .create-requirement-card-details .requirement-body .heading span {
  color: #da291c;
}
.create-requirement-card .create-requirement-card-details .requirement-body .desc,
.create-requirement-card_v2 .create-requirement-card-details .requirement-body .desc {
  color: #a7a7a7;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .create-requirement-card .create-requirement-card-details .requirement-body .desc,
  .create-requirement-card_v2 .create-requirement-card-details .requirement-body .desc {
    color: #fff;
    margin-bottom: 16px;
  }
}
.create-requirement-card .create-requirement-card-details .requirement-body .crt-req-btn,
.create-requirement-card_v2 .create-requirement-card-details .requirement-body .crt-req-btn {
  height: auto;
  width: auto;
  border: 1px solid #616161;
  background: transparent;
  outline: none;
  color: #fff;
  line-height: 140%; /* 16.8px */
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.create-requirement-card .create-requirement-card-details .requirement-body .crt-req-btn:hover,
.create-requirement-card_v2 .create-requirement-card-details .requirement-body .crt-req-btn:hover {
  background-color: #da291c;
  border: 1px solid #da291c;
  color: #fff;
}

.create-requirement-card_v2 .create-requirement-card-details {
  padding: 48px 0 48px 48px;
  width: 100%;
  max-width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .create-requirement-card_v2 .create-requirement-card-details {
    padding: 0 0 32px 32px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .create-requirement-card_v2 .create-requirement-card-details {
    padding: 40px 0 40px 40px;
  }
}
.create-requirement-card_v2 .create-requirement-card-details .img-container {
  position: absolute;
  right: 0;
  width: auto;
  top: 0;
}
@media (max-width: 767px) {
  .create-requirement-card_v2 .create-requirement-card-details .img-container {
    top: -20px;
  }
}
.create-requirement-card_v2 .create-requirement-card-details .requirement-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: end;
      align-self: flex-end;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
}
@media (max-width: 767px) {
  .create-requirement-card_v2 .create-requirement-card-details .requirement-body {
    padding-top: 187px;
    max-width: 90%;
  }
}
.create-requirement-card_v2 .create-requirement-card-details .requirement-body .heading {
  color: #fff;
  font-family: Guardian Sans XCond;
  font-size: 57px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 68.4px */
  letter-spacing: 1.14px;
  text-transform: uppercase;
  margin-bottom: 18px;
  margin-top: 0;
}
.create-requirement-card_v2 .create-requirement-card-details .requirement-body .heading span {
  color: #fff;
}
@media (max-width: 767px) {
  .create-requirement-card_v2 .create-requirement-card-details .requirement-body .heading span {
    color: #da291c;
  }
}
@media (max-width: 767px) {
  .create-requirement-card_v2 .create-requirement-card-details .requirement-body .heading {
    font-size: 40px;
  }
}
@media (min-width: 765px) and (max-width: 1050px) {
  .create-requirement-card_v2 .create-requirement-card-details .requirement-body .heading {
    line-height: 100%;
    margin-bottom: 10px;
    max-width: 400px;
  }
}
.create-requirement-card_v2 .create-requirement-card-details .requirement-body .desc {
  color: #a7a7a7;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  margin: 0;
  margin-bottom: 28px;
  max-width: 90%;
}
@media (max-width: 767px) {
  .create-requirement-card_v2 .create-requirement-card-details .requirement-body .desc {
    max-width: 100%;
  }
}
@media (min-width: 765px) and (max-width: 1050px) {
  .create-requirement-card_v2 .create-requirement-card-details .requirement-body .desc {
    max-width: 65%;
  }
}
.create-requirement-card_v2 .create-requirement-card-details .requirement-body .crt-req-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #da291c;
  border: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.create-requirement-card_v2 .create-requirement-card-details .requirement-body .crt-req-btn:hover {
  background: #ae2116;
}

.video-container .local-videos {
  position: relative;
  overflow: hidden;
}
.video-container .local-videos .play-icon-mbl {
  display: none;
}
@media (max-width: 767px) {
  .video-container .local-videos .play-icon-mbl {
    display: block;
  }
}
.video-container .my-video {
  position: relative;
}
.video-container .my-video video {
  width: 100%;
  display: block;
}
@media (max-width: 767px) {
  .video-container .desktop-view {
    display: none;
  }
}
.video-container .mobile-view {
  display: none;
}
@media (max-width: 767px) {
  .video-container .mobile-view {
    display: block;
  }
}
.video-container #videoYt {
  width: 100%;
  height: 560px;
}
@media (max-width: 767px) {
  .video-container #videoYt {
    height: 156px;
  }
}
.video-container .play-icon {
  position: absolute;
  outline: none;
  border: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}
.video-container .play-icon img {
  width: 120px;
  height: 120px;
}
@media (max-width: 767px) {
  .video-container .play-icon img {
    width: 60px;
    height: 60px;
  }
}
.video-container .play-icon:before, .video-container .play-icon:after {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: calc(50% - 62px);
  width: 1px;
  background-color: #fff;
  top: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .video-container .play-icon:before, .video-container .play-icon:after {
    height: calc(50% - 32px);
  }
}
.video-container .play-icon::after {
  top: calc(50% + 56px);
  height: calc(50% - 56px);
}
@media (max-width: 767px) {
  .video-container .play-icon::after {
    top: calc(50% + 32px);
    height: calc(50% - 32px);
  }
}

.instantestimate-section .sec-heading {
  font-family: Guardian Sans XCond;
  font-size: 57px;
  font-weight: 700;
  line-height: 68px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}
.instantestimate-section .sec-heading .highlight {
  color: #da291c;
}
@media (max-width: 767px) {
  .instantestimate-section .sec-heading {
    font-family: Guardian Sans XCond;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0.02em;
    text-align: left;
  }
}
.instantestimate-section .instantestimate-content {
  display: block;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0px 0px;
}
.instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  gap: 18px;
}
@media (max-width: 767px) {
  .instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 14px;
  }
}
.instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 22px;
  width: 100%;
}
@media (max-width: 767px) {
  .instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li {
    padding-right: unset;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li {
    padding-right: unset;
  }
}
.instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li:last-child {
  padding-right: 0;
}
.instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li .estimationItem {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 0px;
  background: #373737;
  position: relative;
  cursor: pointer;
}
@media (min-width: 768px) {
  .instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li .estimationItem {
    width: 100%;
  }
}
.instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li .estimationItem .img-container img {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-filter: brightness(100);
          filter: brightness(100);
}
.instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li .estimationItem select {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  z-index: 1;
  position: relative;
}
.instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li .estimationItem select,
.instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li .estimationItem input {
  width: 100%;
  border: none;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  outline: none;
  padding: 12px;
  height: 100%;
}
@media (min-width: 768px) and (max-width: 1365px) {
  .instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li .estimationItem select,
  .instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li .estimationItem input {
    max-width: calc(100% - 20px);
    text-overflow: ellipsis;
  }
}
.instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li .estimationItem select option {
  color: #474747;
}
.instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li .estimationItem input::-webkit-outer-spin-button,
.instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li .estimationItem input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.instantestimate-section .instantestimate-content .instantestimate-box .instantestimate-con li .estimationItem input[type=number] {
  -moz-appearance: textfield;
}
.instantestimate-section .instantestimate-content .instantestimate-box button.vdmp-btn {
  min-width: 310px;
  margin-top: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media (max-width: 767px) {
  .instantestimate-section .instantestimate-content .instantestimate-box button.vdmp-btn {
    width: 100%;
    max-width: unset;
    margin-top: 38px;
  }
}
.instantestimate-section .estimation-modal.modal {
  display: none;
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
}
@media (min-width: 768px) and (max-width: 1439px) {
  .instantestimate-section .estimation-modal.modal {
    padding-top: 5%;
  }
}
.instantestimate-section .estimation-modal.modal::-webkit-scrollbar {
  display: none;
}
.instantestimate-section .estimation-modal.modal .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .instantestimate-section .estimation-modal.modal .modal-header {
    padding: 24px 0;
    padding: 24px 0;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 14px;
  }
}
.instantestimate-section .estimation-modal.modal .modal-header .heading-modal .font-style-title-default {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  display: block;
}
@media (max-width: 767px) {
  .instantestimate-section .estimation-modal.modal .modal-header .heading-modal .font-style-title-default {
    font-size: 25px;
  }
}
.instantestimate-section .estimation-modal.modal .modal-header .heading-modal .font-style-title-default span {
  color: #da291c;
}
.instantestimate-section .estimation-modal.modal .modal-header .close-button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.instantestimate-section .estimation-modal.modal .modal-content {
  background: #ffffff;
  max-width: 870px;
  padding: 32px 40px;
}
@media (max-width: 767px) {
  .instantestimate-section .estimation-modal.modal .modal-content {
    border-radius: 16px 16px 0px 0px;
    padding: 16px;
    max-width: 100%;
    width: 100%;
  }
}
.instantestimate-section .estimation-modal.modal .estimate-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #181818;
  width: 100%;
  padding: 40px;
  margin-bottom: 24px;
  gap: 12px;
  background-image: url("clientlib-site/resources/images/pattern_2.webp");
  background-repeat: no-repeat;
  background-position: top right;
}
@media (max-width: 767px) {
  .instantestimate-section .estimation-modal.modal .estimate-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.instantestimate-section .estimation-modal.modal .estimate-details .left,
.instantestimate-section .estimation-modal.modal .estimate-details .right {
  width: 50%;
}
@media (max-width: 767px) {
  .instantestimate-section .estimation-modal.modal .estimate-details .left,
  .instantestimate-section .estimation-modal.modal .estimate-details .right {
    width: 100%;
  }
}
.instantestimate-section .estimation-modal.modal .estimate-details .text-details .amt {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 3.5625rem;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #da291c;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .instantestimate-section .estimation-modal.modal .estimate-details .text-details .amt {
    font-size: 40px;
    margin-bottom: 12px;
  }
}
.instantestimate-section .estimation-modal.modal .estimate-details .text-details .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
@media (max-width: 767px) {
  .instantestimate-section .estimation-modal.modal .estimate-details .text-details .desc {
    font-size: 0.875rem;
  }
}
.instantestimate-section .estimation-modal.modal .estimate-details .text-details .desc span {
  color: #ffffff;
}
@media (max-width: 767px) {
  .instantestimate-section .estimation-modal.modal .estimate-details .bike-img .img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.instantestimate-section .estimation-modal.modal .estimate-details .bike-img .img-container img {
  max-width: 100%;
}
.instantestimate-section .estimation-modal.modal .condition-amounts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media (max-width: 767px) {
  .instantestimate-section .estimation-modal.modal .condition-amounts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.instantestimate-section .estimation-modal.modal .condition-amounts .box {
  background: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  gap: 10px;
  padding: 24px 32px;
}
.instantestimate-section .estimation-modal.modal .condition-amounts .box .title {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
.instantestimate-section .estimation-modal.modal .condition-amounts .box .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 140%;
  color: #616161;
}
@media (max-width: 767px) {
  .instantestimate-section .estimation-modal.modal .condition-amounts .box .desc {
    font-size: 0.875rem;
  }
}
.instantestimate-section .estimation-modal.modal .btn-red {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 32px;
  background-color: transparent;
}
.instantestimate-section .estimation-modal.modal .btn-red .btn-sell.vdmp-btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
}
@media (max-width: 767px) {
  .instantestimate-section .estimation-modal.modal .btn-red .btn-sell.vdmp-btn {
    width: 100%;
  }
}

.instantestimate-section .modal-content .modal-header {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.instantestimate-section .modal-content .modal-header .left.text-details p {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
}
@media (max-width: 767px) {
  .instantestimate-section .modal-content .modal-header .left.text-details p {
    font-size: 0.875rem;
    line-height: 20px;
  }
}
.instantestimate-section .modal-content .modal-header .left.text-details p span.white-color {
  font-weight: 700;
  color: #ffffff;
}

.container-estimationform-teaser-v2 .instantestimate-section .instantestimate-con,
.instantestimate-section.estimationform-v2 .instantestimate-con,
.estimationform-v2 .instantestimate-section .instantestimate-con {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.container-estimationform-teaser-v2 .instantestimate-section .instantestimate-con li,
.instantestimate-section.estimationform-v2 .instantestimate-con li,
.estimationform-v2 .instantestimate-section .instantestimate-con li {
  background: transparent;
  position: relative;
  padding-right: 0 !important;
}
.container-estimationform-teaser-v2 .instantestimate-section .instantestimate-con li .estimationItem,
.instantestimate-section.estimationform-v2 .instantestimate-con li .estimationItem,
.estimationform-v2 .instantestimate-section .instantestimate-con li .estimationItem {
  background: #f5f5f5 !important;
}
.container-estimationform-teaser-v2 .instantestimate-section .instantestimate-con li select,
.instantestimate-section.estimationform-v2 .instantestimate-con li select,
.estimationform-v2 .instantestimate-section .instantestimate-con li select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #848484;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}
.container-estimationform-teaser-v2 .instantestimate-section .instantestimate-con li .img-container img,
.instantestimate-section.estimationform-v2 .instantestimate-con li .img-container img,
.estimationform-v2 .instantestimate-section .instantestimate-con li .img-container img {
  -webkit-filter: brightness(0) !important;
          filter: brightness(0) !important;
}
@media (min-width: 768px) {
  .container-estimationform-teaser-v2 .instantestimate-section .instantestimate-con li,
  .instantestimate-section.estimationform-v2 .instantestimate-con li,
  .estimationform-v2 .instantestimate-section .instantestimate-con li {
    width: calc(50% - 36px) !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .container-estimationform-teaser-v2 .instantestimate-section .instantestimate-con li,
  .instantestimate-section.estimationform-v2 .instantestimate-con li,
  .estimationform-v2 .instantestimate-section .instantestimate-con li {
    width: unset !important;
  }
}
.container-estimationform-teaser-v2 .instantestimate-section .instantestimate-con li input,
.container-estimationform-teaser-v2 .instantestimate-section .instantestimate-con li select,
.instantestimate-section.estimationform-v2 .instantestimate-con li input,
.instantestimate-section.estimationform-v2 .instantestimate-con li select,
.estimationform-v2 .instantestimate-section .instantestimate-con li input,
.estimationform-v2 .instantestimate-section .instantestimate-con li select {
  color: #848484 !important;
}
.container-estimationform-teaser-v2 .instantestimate-section .instantestimate-content,
.instantestimate-section.estimationform-v2 .instantestimate-content,
.estimationform-v2 .instantestimate-section .instantestimate-content {
  padding: 32px 0 0 0;
}
.container-estimationform-teaser-v2 .instantestimate-section .instantestimate-box .ie-model-submit,
.instantestimate-section.estimationform-v2 .instantestimate-box .ie-model-submit,
.estimationform-v2 .instantestimate-section .instantestimate-box .ie-model-submit {
  margin-top: 24px !important;
}

.evaluation.evaluationComponent,
.evaluation.testRide {
  position: relative;
}
.evaluation.evaluationComponent .no-results,
.evaluation.testRide .no-results {
  position: relative;
}
.evaluation.evaluationComponent .no-results .background-img,
.evaluation.testRide .no-results .background-img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 240px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .no-results .background-img,
  .evaluation.testRide .no-results .background-img {
    display: none;
  }
}
.evaluation.evaluationComponent .evaluation-header,
.evaluation.testRide .evaluation-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  gap: 10px;
}
.evaluation.evaluationComponent .evaluation-header button,
.evaluation.testRide .evaluation-header button {
  border: none;
  background: none;
  height: auto;
  width: auto;
}
.evaluation.evaluationComponent .evaluation-header button.resetButton,
.evaluation.testRide .evaluation-header button.resetButton {
  color: #da291c;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-align: left;
}
.evaluation.evaluationComponent .evaluation-header button.resetButton:hover,
.evaluation.testRide .evaluation-header button.resetButton:hover {
  background: #da291c;
  color: #ffffff;
}
.evaluation.evaluationComponent .evaluation-header .title,
.evaluation.testRide .evaluation-header .title {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-header .title,
  .evaluation.testRide .evaluation-header .title {
    font-size: 20px;
  }
}
.evaluation.evaluationComponent .evaluation-header .filter-all,
.evaluation.testRide .evaluation-header .filter-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-header .filter-all,
  .evaluation.testRide .evaluation-header .filter-all {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
    background: #fff;
    padding: 16px;
    z-index: 1000;
  }
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes select,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes select {
  width: 220px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  padding: 14px 16px;
  font-family: "Montserrat";
  font-style: normal;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes select:focus-visible,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes select:focus-visible {
  outline: none;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .flex-item,
.evaluation.testRide .evaluation-header .filter-all .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes,
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes,
.evaluation.testRide .evaluation-header .filter-all .filter-bikes {
  padding: 10px 16px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  min-width: 154px;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes .notifications,
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes .notifications,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes .notifications,
.evaluation.testRide .evaluation-header .filter-all .filter-bikes .notifications {
  display: none;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes .notifications,
  .evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes .notifications,
  .evaluation.testRide .evaluation-header .filter-all .sort-bikes .notifications,
  .evaluation.testRide .evaluation-header .filter-all .filter-bikes .notifications {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #da291c;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 16.8px */
  }
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes .img-cta,
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes .img-cta,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes .img-cta,
.evaluation.testRide .evaluation-header .filter-all .filter-bikes .img-cta {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes .img-cta img,
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes .img-cta img,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes .img-cta img,
.evaluation.testRide .evaluation-header .filter-all .filter-bikes .img-cta img {
  max-width: 100%;
  height: auto;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes span,
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes span,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes span,
.evaluation.testRide .evaluation-header .filter-all .filter-bikes span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
  background: none;
}
.evaluation.evaluationComponent .sorted-by-name,
.evaluation.testRide .sorted-by-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.evaluation.evaluationComponent .sorted-by-name .listed-filter,
.evaluation.testRide .sorted-by-name .listed-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 12px;
}
.evaluation.evaluationComponent .sorted-by-name .item-flex,
.evaluation.testRide .sorted-by-name .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  background: #ffffff;
  border: 1px solid #cacaca;
  padding: 13px 10px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sorted-by-name .item-flex,
  .evaluation.testRide .sorted-by-name .item-flex {
    padding: 9px;
  }
}
.evaluation.evaluationComponent .sorted-by-name .item-flex p,
.evaluation.testRide .sorted-by-name .item-flex p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #474747;
}
.evaluation.evaluationComponent .sorted-by-name .item-flex .icon,
.evaluation.testRide .sorted-by-name .item-flex .icon {
  width: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation.evaluationComponent .sorted-by-name .item-flex .icon img,
.evaluation.testRide .sorted-by-name .item-flex .icon img {
  width: 12px;
  height: 12px;
}
.evaluation.evaluationComponent .sorted-by-name .view-all,
.evaluation.testRide .sorted-by-name .view-all {
  cursor: pointer;
}
.evaluation.evaluationComponent .sorted-by-name .view-all button,
.evaluation.testRide .sorted-by-name .view-all button {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #da291c;
  border: none;
  outline: none;
  background-color: transparent;
}
.evaluation.evaluationComponent .sorted-by-name .view-all button:hover,
.evaluation.testRide .sorted-by-name .view-all button:hover {
  color: #ae2116;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sorted-by-name .view-all button,
  .evaluation.testRide .sorted-by-name .view-all button {
    font-size: 14px;
  }
}
.evaluation.evaluationComponent .evaluation-wrapper,
.evaluation.testRide .evaluation-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.evaluation.evaluationComponent .evaluation-card,
.evaluation.testRide .evaluation-card {
  background: #ffffff;
  border: 1px solid #cacaca;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 14px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card,
  .evaluation.testRide .evaluation-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    padding: 12px;
  }
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info,
.evaluation.testRide .evaluation-card .bike-left-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card .bike-left-info,
  .evaluation.testRide .evaluation-card .bike-left-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
    width: 100%;
  }
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .img-container,
.evaluation.testRide .evaluation-card .bike-left-info .img-container {
  max-inline-size: 100%;
  block-size: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .img-container img,
.evaluation.testRide .evaluation-card .bike-left-info .img-container img {
  width: 116px;
  height: 84px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card .bike-left-info .img-container img,
  .evaluation.testRide .evaluation-card .bike-left-info .img-container img {
    width: 100%;
    height: auto;
  }
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .bike-name,
.evaluation.testRide .evaluation-card .bike-left-info .bike-details .bike-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 7px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .bike-name,
  .evaluation.testRide .evaluation-card .bike-left-info .bike-details .bike-name {
    margin-bottom: 8px;
  }
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .bike-name h3,
.evaluation.testRide .evaluation-card .bike-left-info .bike-details .bike-name h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .bike-name h3,
  .evaluation.testRide .evaluation-card .bike-left-info .bike-details .bike-name h3 {
    font-size: 20px;
  }
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .desc,
.evaluation.testRide .evaluation-card .bike-left-info .bike-details .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  cursor: pointer;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .desc,
  .evaluation.testRide .evaluation-card .bike-left-info .bike-details .desc {
    font-size: 12px;
  }
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .desc span,
.evaluation.testRide .evaluation-card .bike-left-info .bike-details .desc span {
  position: relative;
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .desc span:first-child::before,
.evaluation.testRide .evaluation-card .bike-left-info .bike-details .desc span:first-child::before {
  position: absolute;
  content: "";
  background-color: #181818;
  height: 100%;
  width: 1px;
  right: -6px;
}
.evaluation.evaluationComponent .evaluation-card .bike-right-info,
.evaluation.testRide .evaluation-card .bike-right-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  cursor: pointer;
}
.evaluation.evaluationComponent .evaluation-card .bike-right-info button,
.evaluation.testRide .evaluation-card .bike-right-info button {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  background-color: transparent;
  outline: none;
  border: none;
  line-height: 22px;
  color: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.evaluation.evaluationComponent .evaluation-card .bike-right-info button:hover,
.evaluation.testRide .evaluation-card .bike-right-info button:hover {
  color: #ae2116;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card .bike-right-info button,
  .evaluation.testRide .evaluation-card .bike-right-info button {
    font-size: 12px;
  }
}
.evaluation.evaluationComponent .filter-all-bottom,
.evaluation.testRide .filter-all-bottom {
  display: none;
  background: #ffffff;
  -webkit-box-shadow: 0px -1px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 0px -1px 7px rgba(0, 0, 0, 0.15);
  margin-top: 10px;
  padding: 16px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .filter-all-bottom,
  .evaluation.testRide .filter-all-bottom {
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
  }
}
.evaluation.evaluationComponent .filter-all-bottom .flex-item,
.evaluation.testRide .filter-all-bottom .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.evaluation.evaluationComponent .filter-all-bottom .sort-bikes,
.evaluation.testRide .filter-all-bottom .sort-bikes {
  width: 100%;
  max-width: 50%;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  padding: 14px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #474747;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.evaluation.evaluationComponent .filter-all-bottom .sort-bikes select,
.evaluation.testRide .filter-all-bottom .sort-bikes select {
  width: 100%;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  padding: 14px 16px;
  font-family: "Montserrat";
  font-style: normal;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("clientlib-site/assets/icons/icon-down-arrow.png");
  background-repeat: no-repeat;
  background-position: right 16px center;
}
.evaluation.evaluationComponent .filter-all-bottom .sort-bikes select:focus-visible,
.evaluation.testRide .filter-all-bottom .sort-bikes select:focus-visible {
  outline: none;
}
.evaluation.evaluationComponent .filter-all-bottom .filter-bikes,
.evaluation.testRide .filter-all-bottom .filter-bikes {
  padding: 10px 16px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 50%;
  position: relative;
}
.evaluation.evaluationComponent .filter-all-bottom .filter-bikes span,
.evaluation.testRide .filter-all-bottom .filter-bikes span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.evaluation.evaluationComponent .filter-all-bottom .filter-bikes .notifications,
.evaluation.testRide .filter-all-bottom .filter-bikes .notifications {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #ffffff;
  left: 50%;
}
.evaluation.evaluationComponent,
.evaluation.testRide {
  /* The Modal (background) */
}
.evaluation.evaluationComponent .modal-test-ride,
.evaluation.testRide .modal-test-ride {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 5; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(5px);
}
.evaluation.evaluationComponent .modal-test-ride::-webkit-scrollbar,
.evaluation.testRide .modal-test-ride::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .evaluation.evaluationComponent .modal-test-ride,
  .evaluation.testRide .modal-test-ride {
    padding-top: 5%;
  }
}
.evaluation.evaluationComponent .modal-test-ride,
.evaluation.testRide .modal-test-ride {
  /* Modal Content */
}
.evaluation.evaluationComponent .modal-test-ride .modal-content,
.evaluation.testRide .modal-test-ride .modal-content {
  background-color: #fefefe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 970px;
  margin: auto;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content,
  .evaluation.testRide .modal-test-ride .modal-content {
    border-radius: 16px 16px 0px 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content {
  position: relative;
  width: 50%;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content,
  .evaluation.testRide .modal-test-ride .modal-content .modal-left-content {
    width: 100%;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .img-container img,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .img-container img {
  width: 100%;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(15px);
  padding: 30px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .header,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 17px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .header h3,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .header h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .header h3,
  .evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .header h3 {
    font-size: 20px;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .header p,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .header p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  line-height: 22px;
  color: #181818;
  cursor: pointer;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: relative;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box {
  position: relative;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box:nth-child(1):before,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box:nth-child(1):before {
  position: absolute;
  content: "";
  background-color: #a7a7a7;
  height: 100%;
  width: 2px;
  right: -66px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box:nth-child(1):before,
  .evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box:nth-child(1):before {
    right: -35px !important;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box:nth-child(2):before,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box:nth-child(2):before {
  position: absolute;
  content: "";
  background-color: #a7a7a7;
  height: 100%;
  width: 2px;
  right: -66px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box:nth-child(2):before,
  .evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box:nth-child(2):before {
    right: -35px !important;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box span,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #282828;
  margin-bottom: 4px;
  display: block;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box span,
  .evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box span {
    font-size: 12px;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box p,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box p,
  .evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box p {
    font-size: 14px;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content {
  padding: 40px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content,
  .evaluation.testRide .modal-test-ride .modal-content .modal-right-content {
    width: 100%;
    padding: 20px 16px;
    gap: 26.4px;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .header,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .header h3,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .header h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .header h3,
  .evaluation.testRide .modal-test-ride .modal-content .modal-right-content .header h3 {
    font-size: 20px;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .header .close-modal,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .header .close-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .header .close-modal img,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .header .close-modal img {
  width: 17px;
  height: 17px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact {
  background: #f5f5f5;
  padding: 16px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .flex-item,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 0.5px solid #cacaca;
  padding-bottom: 19px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .connect,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .connect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .connect h3,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .connect h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .connect h3,
  .evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .connect h3 {
    font-size: 12px;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .address,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding-top: 16px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .address img,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .address img {
  width: 16px;
  height: 16px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .address p,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .address p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
  word-break: break-all;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .address p,
  .evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .address p {
    font-size: 12px;
  }
}
.evaluation.evaluationComponent .filter-sider,
.evaluation.testRide .filter-sider {
  width: 100vw;
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
  width: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
  z-index: 9999;
  height: 100%;
}
.evaluation.evaluationComponent .filter-sider .sider-content,
.evaluation.testRide .filter-sider .sider-content {
  max-width: 505px;
  margin: 0 0 0 auto;
  background: #ffffff;
  background-color: #fff;
  height: 100%;
  padding: 24px;
  max-height: 100%;
  overflow-y: auto;
  width: calc(100% - 24px);
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .filter-sider .sider-content,
  .evaluation.testRide .filter-sider .sider-content {
    max-width: 100%;
    width: 100%;
    padding-bottom: 0px;
  }
}
.evaluation.evaluationComponent .filter-sider .sider-content .header,
.evaluation.testRide .filter-sider .sider-content .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 24px;
}
.evaluation.evaluationComponent .filter-sider .sider-content .header h1,
.evaluation.testRide .filter-sider .sider-content .header h1 {
  color: #181818;
  font-family: Guardian Sans XCond;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.evaluation.evaluationComponent .filter-sider .sider-content .header img,
.evaluation.testRide .filter-sider .sider-content .header img {
  cursor: pointer;
}
.evaluation.evaluationComponent .filter-sider .sider-content .btn-wrapper,
.evaluation.testRide .filter-sider .sider-content .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.evaluation.evaluationComponent .filter-sider .sider-content .btn-wrapper .vdmp-btn,
.evaluation.testRide .filter-sider .sider-content .btn-wrapper .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.evaluation.evaluationComponent .filter-sider .sider-content .btn-wrapper .vdmp-btn:nth-child(1),
.evaluation.testRide .filter-sider .sider-content .btn-wrapper .vdmp-btn:nth-child(1) {
  border: 1px solid #181818;
  background: transparent;
  color: #181818;
}
.evaluation.evaluationComponent .filter-sider .sider-content .btn-wrapper .vdmp-btn:nth-child(1):hover,
.evaluation.testRide .filter-sider .sider-content .btn-wrapper .vdmp-btn:nth-child(1):hover {
  background: #181818;
  color: #fff;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main,
.evaluation.testRide .filter-sider .sider-content .sider-details-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-height: calc(100% - 112px);
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .bottom-pos,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .bottom-pos {
  color: #181818;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 17px;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .bottom-pos span,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .bottom-pos span {
  color: #181818;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .inner,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  background-color: #fff;
  height: 100%;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .title,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .title {
  color: #373737;
  font-family: Guardian Sans XCond;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.4px;
  margin-top: 24px;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .filtersData,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .filtersData {
  height: 100%;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  height: calc(95% - 45px);
  overflow-y: auto;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists::-webkit-scrollbar-track,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists::-webkit-scrollbar-track {
  border-radius: 2px;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists::-webkit-scrollbar,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists::-webkit-scrollbar {
  width: 3px;
  background-color: #ffffff;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists::-webkit-scrollbar-thumb,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists::-webkit-scrollbar-thumb {
  border-radius: 2px;
  opacity: 0.5;
  background: #cacaca;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists .list,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #181818;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists .list input,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists .list input {
  cursor: pointer;
  accent-color: #da291c;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists .list span,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists .list span {
  color: #848484;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sorted-by-sider,
  .evaluation.testRide .sorted-by-sider {
    position: fixed;
    width: 100vw;
    top: 0;
    right: 0;
    backdrop-filter: blur(12.5px);
    z-index: 9999;
    height: 100vh;
    background-color: #fff;
  }
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content,
.evaluation.testRide .sorted-by-sider .sider-content {
  max-width: 505px;
  margin: 0 0 0 auto;
  background: #ffffff;
  background-color: #fff;
  height: 100%;
  position: absolute;
  z-index: 1;
  width: calc(100% - 24px);
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sorted-by-sider .sider-content,
  .evaluation.testRide .sorted-by-sider .sider-content {
    max-width: 100%;
    width: 100%;
  }
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .header,
.evaluation.testRide .sorted-by-sider .sider-content .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 4px;
  padding: 20px 16px;
  border-bottom: 1px solid #cacaca;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  width: 100%;
  outline: none;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .header span,
.evaluation.testRide .sorted-by-sider .sider-content .header span {
  color: #181818;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists .list,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  border-bottom: 0.5px solid #ededed;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists .list span,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists .list span {
  color: #282828;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists .list .custom-checkbox,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists .list .custom-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 2px solid #a7a7a7;
  outline-offset: 4px;
  height: 10px;
  width: 10px;
  margin-right: 12px;
  border-radius: 50%;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists .list .custom-checkbox:checked,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists .list .custom-checkbox:checked {
  background-color: #da291c;
  outline: 2px solid #da291c;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists .list.active-check span,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists .list.active-check span {
  color: #da291c;
  font-weight: 700;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists.evaluationList .resetButton,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists.evaluationList .resetButton {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists.evaluationList .resetButton,
  .evaluation.testRide .sorted-by-sider .sider-content .sorted-lists.evaluationList .resetButton {
    display: none;
  }
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .btn-wrapper .vdmp-btn,
.evaluation.testRide .sorted-by-sider .sider-content .btn-wrapper .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.evaluation.evaluationComponent .sort-container,
.evaluation.testRide .sort-container {
  position: relative;
}
.evaluation.evaluationComponent .sort-container .sider-content .header,
.evaluation.testRide .sort-container .sider-content .header {
  display: none;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sort-container .sider-content .header,
  .evaluation.testRide .sort-container .sider-content .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.evaluation.evaluationComponent .sort-container .sider-content .sorted-lists,
.evaluation.testRide .sort-container .sider-content .sorted-lists {
  padding: 12px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sort-container .sider-content .sorted-lists,
  .evaluation.testRide .sort-container .sider-content .sorted-lists {
    padding: 24px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.evaluation.evaluationComponent .dealer-info .dealer-content,
.evaluation.testRide .dealer-info .dealer-content {
  background: #f5f5f5;
  padding: 16px;
  margin-bottom: 16px;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .add,
.evaluation.testRide .dealer-info .dealer-content .add {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #040404;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .dealer-info .dealer-content .add,
  .evaluation.testRide .dealer-info .dealer-content .add {
    font-size: 14px;
  }
}
.evaluation.evaluationComponent .dealer-info .dealer-content .flex-item,
.evaluation.testRide .dealer-info .dealer-content .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 0.5px solid #cacaca;
  padding-bottom: 19px;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .connect,
.evaluation.testRide .dealer-info .dealer-content .connect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .connect h3,
.evaluation.testRide .dealer-info .dealer-content .connect h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .dealer-info .dealer-content .connect h3,
  .evaluation.testRide .dealer-info .dealer-content .connect h3 {
    font-size: 12px;
  }
}
.evaluation.evaluationComponent .dealer-info .dealer-content .connect h3 img[alt=icon-copy],
.evaluation.testRide .dealer-info .dealer-content .connect h3 img[alt=icon-copy] {
  cursor: pointer;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .address,
.evaluation.testRide .dealer-info .dealer-content .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding-top: 16px;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .address img,
.evaluation.testRide .dealer-info .dealer-content .address img {
  width: 10px;
  height: 13px;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .address p,
.evaluation.testRide .dealer-info .dealer-content .address p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .dealer-info .dealer-content .address p,
  .evaluation.testRide .dealer-info .dealer-content .address p {
    font-size: 12px;
  }
}
.evaluation.evaluationComponent .dealer-info .test-ride-id,
.evaluation.testRide .dealer-info .test-ride-id {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #040404;
  padding: 16px;
  background: #f5f5f5;
}
.evaluation.evaluationComponent .hide,
.evaluation.testRide .hide {
  display: none;
}

.evaluation.evaluationComponent .no-results {
  position: relative;
  padding: 28px 40px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .no-results {
    padding: 24px 20px;
  }
}
.evaluation.evaluationComponent .no-results .background-img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 240px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .no-results .background-img {
    display: none;
  }
}

.evaluation .evaluation-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
}
.evaluation .evaluation-header h1 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation .evaluation-header h1 {
    font-size: 20px;
  }
}
.evaluation .evaluation-header button {
  border: none;
  background: none;
  height: auto;
  width: auto;
}
.evaluation .evaluation-header button.resetButton {
  color: #da291c;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-align: left;
}
.evaluation .evaluation-header button.resetButton:hover {
  background: #da291c;
  color: #ffffff;
}
.evaluation .evaluation-header .filter-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.evaluation .evaluation-header .filter-all span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  color: #181818;
  cursor: pointer;
}
@media (max-width: 767px) {
  .evaluation .evaluation-header .filter-all span {
    font-size: 12px;
  }
}
.evaluation .evaluation-header .filter-all .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .evaluation .evaluation-header .filter-all .icon {
    width: 5px;
    height: 8.6px;
  }
}

.evaluation-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.evaluation-card {
  background: #ffffff;
  border: 1px solid #cacaca;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 767px) {
  .evaluation-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.evaluation-card .bike-left-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info {
    gap: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.evaluation-card .bike-left-info .img-container {
  max-inline-size: 100%;
  block-size: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation-card .bike-left-info .img-container img {
  width: 116px;
  height: 84px;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .img-container img {
    width: 100%;
    height: auto;
  }
}
.evaluation-card .bike-left-info .bike-details .bike-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 7px;
}
.evaluation-card .bike-left-info .bike-details .bike-name h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .bike-details .bike-name h3 {
    font-size: 20px;
  }
}
.evaluation-card .bike-left-info .bike-details .bike-name .status {
  background: #fbeae8;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  cursor: pointer;
  color: #da291c;
  padding: 6px 10px;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .bike-details .bike-name .status {
    font-size: 12px;
  }
}
.evaluation-card .bike-left-info .bike-details .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  line-height: 140%;
  color: #848484;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .bike-details .desc {
    font-size: 12px;
  }
}
.evaluation-card .bike-right-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  cursor: pointer;
  align-items: center;
  background: transparent;
  border: none;
  outline: none;
  width: auto;
  height: auto;
}
.evaluation-card .bike-right-info p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  color: #da291c;
}
.evaluation-card .bike-right-info .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
}
@media (max-width: 767px) {
  .evaluation-card .bike-right-info .icon {
    height: 18px;
  }
}

.evaluation {
  position: relative;
  margin-bottom: 16px;
}
.evaluation .no-results {
  position: relative;
}
.evaluation .no-results .title {
  color: #181818;
  font-size: 25px;
  font-family: Guardian Sans XCond;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .evaluation .no-results .title {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
.evaluation .no-results .description {
  color: #181818;
  font-size: 14px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.evaluation .no-results .vdmp-btn {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.evaluation .no-results .vdmp-btn a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
}
.evaluation .evaluation-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  gap: 10px;
}
.evaluation .evaluation-header h1 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation .evaluation-header h1 {
    font-size: 20px;
  }
}
.evaluation .evaluation-header button {
  border: none;
  background: none;
  height: auto;
  width: auto;
}
.evaluation .evaluation-header button.resetButton {
  color: #da291c;
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.evaluation .evaluation-header button.resetButton:hover {
  background: #da291c;
  color: #ffffff;
}
.evaluation .evaluation-header .filter-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .evaluation .evaluation-header .filter-all {
    display: none;
  }
}
.evaluation .evaluation-header .filter-all .sort-bikes select {
  width: 220px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  padding: 14px 16px;
  font-family: "Montserrat";
  font-style: normal;
  cursor: pointer;
  background-image: url("clientlib-site/assets/icons/icon-down-arrow.png");
  background-repeat: no-repeat;
  background-position: right 16px center;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.evaluation .evaluation-header .filter-all .sort-bikes select:focus-visible {
  outline: none;
}
.evaluation .evaluation-header .filter-all .filter-bikes {
  padding: 10px 16px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 154px;
}
.evaluation .evaluation-header .filter-all .filter-bikes span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}

.evaluation-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.evaluation-card {
  background: #ffffff;
  border: 1px solid #cacaca;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 767px) {
  .evaluation-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    padding: 12px;
  }
}
.evaluation-card .bike-left-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
    width: 100%;
  }
}
.evaluation-card .bike-left-info .img-container {
  max-inline-size: 100%;
  block-size: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation-card .bike-left-info .img-container img {
  width: 116px;
  height: 84px;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .img-container img {
    width: 100%;
    height: auto;
  }
}
.evaluation-card .bike-left-info .bike-details .bike-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 7px;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .bike-details .bike-name {
    margin-bottom: 8px;
  }
}
.evaluation-card .bike-left-info .bike-details .bike-name h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .bike-details .bike-name h3 {
    font-size: 20px;
  }
}
.evaluation-card .bike-left-info .bike-details .bike-name .status {
  background: #fbeae8;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  cursor: pointer;
  color: #da291c;
  padding: 6px 10px;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .bike-details .bike-name .status {
    font-size: 12px;
  }
}
.evaluation-card .bike-left-info .bike-details .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  line-height: 140%;
  color: #848484;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .bike-details .desc {
    font-size: 12px;
  }
}
.evaluation-card .bike-right-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  cursor: pointer;
}
.evaluation-card .bike-right-info p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  color: #da291c;
}

.filter-all-bottom {
  display: none;
  background: #ffffff;
  -webkit-box-shadow: 0px -1px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 0px -1px 7px rgba(0, 0, 0, 0.15);
  margin-top: 10px;
  padding: 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
@media (max-width: 767px) {
  .filter-all-bottom {
    display: block;
  }
}
.filter-all-bottom .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.filter-all-bottom .sort-bikes {
  width: 100%;
  max-width: 50%;
}
.filter-all-bottom .sort-bikes select {
  width: 100%;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  padding: 14px 16px;
  font-family: "Montserrat";
  font-style: normal;
  cursor: pointer;
  background-image: url("clientlib-site/assets/icons/icon-down-arrow.png");
  background-repeat: no-repeat;
  background-position: right 16px center;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.filter-all-bottom .sort-bikes select:focus-visible {
  outline: none;
}
.filter-all-bottom .filter-bikes {
  padding: 10px 16px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 50%;
  position: relative;
}
.filter-all-bottom .filter-bikes span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.filter-all-bottom .filter-bikes .notifications {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #ffffff;
  left: 50%;
}

.evaluations-steps-container .header {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .evaluations-steps-container .header {
    margin-bottom: 16px;
  }
}
.evaluations-steps-container .header h1 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}

.evaluations-steps-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .evaluations-steps-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.evaluations-steps-content .left {
  width: 35%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-right: 8px;
}
@media (max-width: 767px) {
  .evaluations-steps-content .left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.evaluations-steps-content .left .agent-info {
  width: 100%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px;
  padding: 16px;
  position: relative;
}
@media (max-width: 767px) {
  .evaluations-steps-content .left .agent-info {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999;
  }
}
.evaluations-steps-content .left .agent-info .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.evaluations-steps-content .left .agent-info .header p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #282828;
}
.evaluations-steps-content .left .agent-info .header .img-container {
  cursor: pointer;
}
.evaluations-steps-content .left .agent-info .modalAlert {
  display: block !important;
}
.evaluations-steps-content .left .agent-info .alert-details-modal {
  position: absolute;
  z-index: 11;
  top: 45px;
  right: 12px;
  z-index: 11;
  background: #f4e5b3;
  max-width: 90%;
  padding: 12px;
  display: none;
}
@media (max-width: 767px) {
  .evaluations-steps-content .left .agent-info .alert-details-modal {
    right: 10px;
    top: -90px;
    max-width: 92%;
  }
}
.evaluations-steps-content .left .agent-info .alert-details-modal .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.evaluations-steps-content .left .agent-info .alert-details-modal .data::before {
  content: "";
  position: absolute;
  top: -18px;
  right: -6px;
  border-bottom: solid 8px #f4e5b3;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
}
@media (max-width: 767px) {
  .evaluations-steps-content .left .agent-info .alert-details-modal .data::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .evaluations-steps-content .left .agent-info .alert-details-modal .data::after {
    content: "";
    position: absolute;
    right: -4px;
    bottom: -18px;
    border-top: solid 8px #f4e5b3;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
  }
}
.evaluations-steps-content .left .agent-info .alert-details-modal .lists {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.evaluations-steps-content .left .agent-info .alert-details-modal .lists .list {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #181818;
  position: relative;
  padding-left: 15px;
  width: calc(50% - 20px);
}
.evaluations-steps-content .left .agent-info .alert-details-modal .lists .list::before {
  content: "";
  position: absolute;
  background-color: #181818;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  top: 6px;
  left: 0;
}
.evaluations-steps-content .left .agent-info .agent-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .evaluations-steps-content .left .agent-info .agent-details {
    gap: 12px;
  }
}
.evaluations-steps-content .left .agent-info .agent-details .img-container {
  max-width: 100%;
  position: relative;
}
.evaluations-steps-content .left .agent-info .agent-details .img-container img {
  width: 56px;
  height: auto;
}
.evaluations-steps-content .left .agent-info .agent-details .contact-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.evaluations-steps-content .left .agent-info .agent-details .contact-details h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.02em;
  color: #181818;
}
.evaluations-steps-content .left .agent-info .agent-details .contact-details p a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  text-decoration: none;
  color: #181818;
}
.evaluations-steps-content .left .all-process-steps .lists {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.evaluations-steps-content .left .all-process-steps .lists::-webkit-scrollbar {
  display: none;
}
@media (max-width: 767px) {
  .evaluations-steps-content .left .all-process-steps .lists {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    overflow-x: scroll;
    gap: 8px;
  }
}
.evaluations-steps-content .left .all-process-steps .lists .list {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  height: 92px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 140%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 32px;
  gap: 32px;
  color: #616161;
  background: #ffffff;
  position: relative;
}
@media (max-width: 767px) {
  .evaluations-steps-content .left .all-process-steps .lists .list {
    height: 50px;
    gap: 7.5px;
    padding: 0 11px;
    font-size: 14px;
    white-space: nowrap;
  }
}
.evaluations-steps-content .left .all-process-steps .lists .list::after {
  content: "";
  display: block;
  width: 1px;
  height: calc(50% - 8px);
  /* background: #c5c5c5; */
  position: absolute;
  bottom: 0;
  left: 40px;
  background-image: repeating-linear-gradient(to bottom, transparent, transparent 5px, #cacaca 5px, #cacaca 10px);
}
@media (max-width: 767px) {
  .evaluations-steps-content .left .all-process-steps .lists .list::after {
    display: none;
  }
}
.evaluations-steps-content .left .all-process-steps .lists .list:last-child::after {
  display: none;
}
.evaluations-steps-content .left .all-process-steps .lists .list::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(50% - 8px);
  /* background: #c5c5c5; */
  position: absolute;
  top: 0;
  left: 40px;
  background-image: repeating-linear-gradient(to bottom, transparent, transparent 5px, #cacaca 5px, #cacaca 10px);
}
@media (max-width: 767px) {
  .evaluations-steps-content .left .all-process-steps .lists .list::before {
    display: none;
  }
}
.evaluations-steps-content .left .all-process-steps .lists .list:first-child::before {
  display: none;
}
.evaluations-steps-content .left .all-process-steps .lists .list .step {
  width: 16px;
  height: 16px;
  background: #cacaca;
  border-radius: 50%;
}
.evaluations-steps-content .left .all-process-steps .lists .list .active-step {
  width: 16px;
  height: 16px;
  background: #69b353;
  border-radius: 50%;
}
.evaluations-steps-content .left .all-process-steps .lists .list.active-step .step {
  width: 16px;
  height: 16px;
  background: #69b353;
  border-radius: 50%;
}
.evaluations-steps-content .left .all-process-steps .lists .list.active-step::before {
  background: #69b353;
  background-image: none;
}
.evaluations-steps-content .left .all-process-steps .lists .list.active-step::after {
  background: #69b353;
  background-image: none;
}
.evaluations-steps-content .left .all-process-steps .lists .active {
  color: #ffffff;
  background: #181818;
  position: relative;
}
.evaluations-steps-content .left .all-process-steps .lists .active .active-step {
  width: 16px;
  height: 16px;
  background: #69b353;
  border-radius: 50%;
}
.evaluations-steps-content .left .all-process-steps .lists .active .step {
  width: 16px;
  height: 16px;
  background: #69b353;
  border-radius: 50%;
}
.evaluations-steps-content .left .all-process-steps .lists .active .processing-step {
  width: 16px;
  height: 16px;
  background: #daaa00;
  border-radius: 50%;
}
.evaluations-steps-content .right {
  width: 65%;
}
@media (max-width: 767px) {
  .evaluations-steps-content .right {
    width: 100%;
  }
}
.evaluations-steps-content .right .active-evaluation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.evaluations-steps-content .evaluation-steps-successfully {
  width: 100%;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1100px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content {
  width: 50%;
  background: rgba(0, 0, 0, 0.82);
  position: relative;
}
@media screen and (max-width: 1120px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content {
    width: 100%;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .img-container {
  width: 100%;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .img-container {
    width: 100%;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .img-container img {
  width: 100%;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .bike-details {
  padding: 24px;
  width: -webkit-fill-available;
  background: rgba(22, 22, 22, 0.7);
  backdrop-filter: blur(15px);
  position: absolute;
  bottom: 0;
  width: 100%;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .bike-details .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .bike-details .header h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #ededed;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .bike-details .bottom-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .bike-details .bottom-details .box {
  width: 33.33%;
  position: relative;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .bike-details .bottom-details .box:not(:last-child)::before {
  position: absolute;
  content: "";
  background-color: #373737;
  height: 100%;
  width: 1px;
  right: 20px;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .bike-details .bottom-details .box:not(:last-child)::before {
    right: 10px;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .bike-details .bottom-details .box span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .bike-details .bottom-details .box p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #ededed;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .modal-top-content .bike-details .bottom-details .box p {
    font-size: 14px;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .evaluation {
  width: 50%;
  padding: 48px;
  background-color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: unset;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .evaluation {
    gap: 12px;
    padding: 24px;
  }
}
@media screen and (max-width: 1120px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .evaluation {
    width: 100%;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .evaluation .title {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #78bb64;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .evaluation .title {
    font-size: 20px;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .evaluation .sub-title .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #cacaca;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .evaluation .sub-title .desc {
    font-size: 12px;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .evaluation .addPaymentDetails .vdmp-btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .evaluation .retryPaymentDetails .vdmp-btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .evaluation .confirm-date .date-and-times li {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8.8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #ededed;
  border: 1px solid #373737;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .evaluation .confirm-date .date-and-times li {
    font-size: 12px;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .order-confirm .price-checks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .order-confirm .price-checks li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
  background: #282828;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .order-confirm .price-checks li {
    font-size: 12px;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .order-confirm .price-checks .active-price {
  background: #ffffff;
  color: #181818;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .payment-details .add-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .payment-details .add-error .img-container {
  max-width: 100%;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .payment-details .add-error .img-container img {
  width: 26px;
  height: auto;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .payment-details .add-error p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #ffffff;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .payment-details .add-error p {
    font-size: 12px;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .payment-details .btn-red {
  width: 100%;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .payment-details .btn-red button {
  padding: 16px 32px;
  background: #da291c;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #ffffff;
  width: 100%;
  border: none;
  outline: none;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .payment-details .btn-red button:hover {
  background: #ae2116;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .payment-details .btn-red button {
    padding: 16px 32px;
    font-size: 12px;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .address-info {
  background: #181818;
  border: 1px solid #4f4f4f;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .address-info .address-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .address-info .address-details .home-title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #ffffff;
  padding: 12px 13px;
  background: #282828;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .address-info .address-details .home-title {
    font-size: 12px;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .address-info .address-details .home-title img {
  max-width: 18px;
  min-width: 18px;
  height: auto;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .userName-address {
  padding: 16px;
  background-color: #000;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .userName-address {
    padding: 12px 16px;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .userName-address .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  gap: 16px;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .userName-address .contact a {
  font-family: "Montserrat";
  font-style: normal;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #ffffff;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .userName-address .contact a {
    font-size: 12px;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .userName-address .contact span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #ffffff;
  position: relative;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .userName-address .contact span {
    font-size: 12px;
  }
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .userName-address .contact > span::before {
  content: "";
  position: absolute;
  background-color: #ffffff;
  height: 100%;
  width: 2px;
  right: -8px;
}
.evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .userName-address p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
@media (max-width: 767px) {
  .evaluations-steps-content .evaluation-steps-successfully .evaluation-steps-details .pickup-location .userName-address p {
    font-size: 12px;
    line-height: 18px;
  }
}
.evaluations-steps-content .documents-related-query {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .evaluations-steps-content .documents-related-query {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.evaluations-steps-content .documents-related-query .documents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  background-color: #ffffff;
  padding: 24px;
  width: 50%;
}
@media (max-width: 767px) {
  .evaluations-steps-content .documents-related-query .documents {
    width: 100%;
  }
}
.evaluations-steps-content .documents-related-query .documents h1 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluations-steps-content .documents-related-query .documents h1 {
    font-size: 20px;
  }
}
.evaluations-steps-content .documents-related-query .documents p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #4f4f4f;
}
@media (max-width: 767px) {
  .evaluations-steps-content .documents-related-query .documents p {
    font-size: 12px;
  }
}
.evaluations-steps-content .documents-related-query .documents .doc-lists {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 32px;
}
@media (max-width: 767px) {
  .evaluations-steps-content .documents-related-query .documents .doc-lists {
    padding-left: 20px;
  }
}
.evaluations-steps-content .documents-related-query .documents .doc-lists li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluations-steps-content .documents-related-query .documents .doc-lists li {
    font-size: 12px;
  }
}
.evaluations-steps-content .documents-related-query .documents .doc-lists li::before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background: #181818;
  border-radius: 50%;
  left: -30px;
}
@media (max-width: 767px) {
  .evaluations-steps-content .documents-related-query .documents .doc-lists li::before {
    height: 8px;
    width: 8px;
    left: -20px;
  }
}
.evaluations-steps-content .experience-feedback {
  background-color: #ffffff;
}
.evaluations-steps-content .experience-feedback .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 20px;
}
@media (max-width: 767px) {
  .evaluations-steps-content .experience-feedback .content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.evaluations-steps-content .experience-feedback .content h1 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluations-steps-content .experience-feedback .content h1 {
    text-align: center;
  }
}
.evaluations-steps-content .experience-feedback .content p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  color: #da291c;
}
.evaluations-steps-content .experience-feedback .content p img {
  width: 5.8px;
  height: auto;
}
.evaluations-steps-content .experience-feedback .content a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  color: #da291c;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluations-steps-content .experience-feedback .content a img {
  width: 5.8px;
  height: auto;
}

@media (max-width: 767px) {
  .evalutionTracking {
    position: relative;
    padding-bottom: 153px;
  }
  .evalutionTracking .evaluations-steps-content .left {
    position: unset;
  }
  .evalutionTracking .evaluations-steps-content .left .agent-info {
    position: absolute;
    bottom: 0px;
  }
}
.error-container.status-tracking {
  height: 100%;
}
.error-container.status-tracking .error-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 28px 30px;
}
@media (max-width: 767px) {
  .error-container.status-tracking .error-details {
    padding: 32px;
  }
}
.error-container.status-tracking .error-details .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .error-container.status-tracking .error-details .img-container {
    margin-bottom: 40px;
  }
}
.error-container.status-tracking .error-details .img-container img {
  max-width: 100%;
  height: auto;
}
.error-container.status-tracking .error-details .error-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.error-container.status-tracking .error-details .error-content .error-title {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .error-container.status-tracking .error-details .error-content .error-title {
    font-size: 8px;
    margin-bottom: 8px;
  }
}
.error-container.status-tracking .error-details .error-content .error-title h3 {
  color: #282828;
  text-align: center;
  font-family: Guardian Sans XCond;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 48px */
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  .error-container.status-tracking .error-details .error-content .error-title h3 {
    font-size: 2rem;
  }
}
.error-container.status-tracking .error-details .error-content .error-description {
  margin-bottom: 24px;
}
.error-container.status-tracking .error-details .error-content .error-description p {
  color: #181818;
  text-align: center;
  font-family: Montserrat;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
}
@media (max-width: 767px) {
  .error-container.status-tracking .error-details .error-content .error-description p {
    font-size: 0.875rem;
  }
}
.error-container.status-tracking .error-details .error-content .btn-reload {
  width: auto;
  height: auto;
  outline: none;
  border: none;
  background: transparent;
  color: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Montserrat;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  gap: 4px;
}
@media (max-width: 767px) {
  .error-container.status-tracking .error-details .error-content .btn-reload {
    font-size: 0.875rem;
  }
}
.error-container.status-tracking .error-details .error-content .btn-reload img {
  width: auto;
  height: 17px;
}

.exchangeDetails {
  padding: 160px 16px 24px 16px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: -webkit-gradient(linear, left bottom, left top, from(#191919), to(#191919));
  background: linear-gradient(0deg, #191919, #191919);
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  overflow: hidden;
}
@media (max-width: 767px) {
  .exchangeDetails {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.exchangeDetails ._ex_imgbg {
  position: unset;
}
.exchangeDetails ._ex_imgbg .cmp-image {
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
}
.exchangeDetails div {
  z-index: 1;
}
.exchangeDetails ._ex_titletext {
  font-family: Guardian Sans XCond;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
}
@media (max-width: 767px) {
  .exchangeDetails ._ex_titletext {
    font-family: Guardian Sans XCond;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.02em;
    text-align: left;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.exchangeDetails .__ex_teaser {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: rgba(255, 255, 255, 0.1);
  padding: 10px;
}
@media (max-width: 767px) {
  .exchangeDetails .__ex_teaser {
    -ms-flex-preferred-size: calc(33% - 7px);
        flex-basis: calc(33% - 7px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    padding: 12px;
  }
}
.exchangeDetails .__ex_teaser .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 8px;
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
}
@media (max-width: 767px) {
  .exchangeDetails .__ex_teaser .cmp-teaser {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.exchangeDetails .__ex_teaser .cmp-teaser .cmp-teaser__image-container {
  display: none;
}
.exchangeDetails .__ex_teaser .cmp-teaser .cmp-teaser__icon {
  background: rgba(255, 255, 255, 0.1490196078);
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
.exchangeDetails .__ex_teaser .cmp-teaser .cmp-teaser__icon img {
  height: 16px;
  display: block;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
  top: 50%;
  margin: auto;
}
.exchangeDetails .__ex_teaser .cmp-teaser .cmp-teaser__content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .exchangeDetails .__ex_teaser .cmp-teaser .cmp-teaser__content {
    text-align: center;
  }
}
.exchangeDetails .__ex_teaser:first-child, .exchangeDetails .__ex_teaser:last-child {
  margin-top: 4px;
}
.exchangeDetails ._ex_descriptiontext {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
@media (max-width: 767px) {
  .exchangeDetails ._ex_descriptiontext {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
  }
}

.faq-search .input-con {
  padding: 12px 16px;
  background: #fff;
  position: relative;
}
.faq-search .input-con input {
  display: block;
  padding: 0px 32px;
  border: none;
  background: transparent;
  height: 20px;
  color: #181818;
  font-size: 14px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  width: 100%;
}
.faq-search .input-con input::-webkit-input-placeholder {
  color: #848484;
}
.faq-search .input-con input::-moz-placeholder {
  color: #848484;
}
.faq-search .input-con input:-ms-input-placeholder {
  color: #848484;
}
.faq-search .input-con input::-ms-input-placeholder {
  color: #848484;
}
.faq-search .input-con input::placeholder {
  color: #848484;
}
.faq-search .input-con input:focus, .faq-search .input-con input:focus-visible, .faq-search .input-con input:focus-within, .faq-search .input-con input:active {
  border: none;
  outline: none;
}
.faq-search .input-con img.faq-search-icon,
.faq-search .input-con img.faq-search-close-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 24px;
  width: auto;
  display: block;
  margin: 0;
  left: 16px;
}
.faq-search .input-con img.faq-search-close-icon {
  right: 16px;
  left: unset;
}

.faq-search-result-con {
  display: none;
  margin: 24px 0px;
}
.faq-search-result-con .result {
  display: none;
  background-color: #fff;
  padding: 40px;
}
.faq-search-result-con .no-result {
  display: none;
  background-color: #fff;
  padding: 40px;
  color: #474747;
  text-align: center;
  font-size: 16px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 40px;
}
.faq-search-result-con .no-result b {
  color: #181818;
  font-weight: 900;
}
@media (max-width: 767px) {
  .faq-search-result-con .no-result {
    font-size: 14px;
    line-height: 140%;
  }
}
.faq-search-result-con .no-result img {
  width: auto;
  display: block;
  margin: auto;
  max-width: 100%;
  margin-bottom: 16px;
}

.feedback-form-container .list-with-bikes {
  position: relative;
}
.feedback-form-container .list-with-bikes .list--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  background-color: #fff;
  width: 400px;
}
@media (max-width: 767px) {
  .feedback-form-container .list-with-bikes .list--item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.feedback-form-container .list-with-bikes .list--item .accordion--head {
  width: 100%;
}
.feedback-form-container .list-with-bikes .list--item .accordion--head ._card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 20px 30px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .feedback-form-container .list-with-bikes .list--item .accordion--head ._card {
    gap: 16px;
    padding: 20px;
  }
}
.feedback-form-container .list-with-bikes .list--item .accordion--head ._card .text-cta {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-overflow: ellipsis;
}
.feedback-form-container .list-with-bikes .list--item .accordion--head ._card .text-cta .title-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #181818;
  font-family: Guardian Sans XCond;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 30px */
  letter-spacing: 0.5px;
  text-align: left;
  cursor: pointer;
  background: transparent;
  border: none;
  height: auto;
  width: 100%;
}
.feedback-form-container .list-with-bikes .list--item .accordion--head ._card .text-cta .title-cta p {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: calc(100% - 25px);
}
@media (max-width: 767px) {
  .feedback-form-container .list-with-bikes .list--item .accordion--head ._card .text-cta .title-cta span img {
    display: inline-block;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .feedback-form-container .list-with-bikes .list--item .accordion--head ._card .text-cta .title-cta {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
.feedback-form-container .list-with-bikes .list--item .accordion--head ._card .text-cta .description {
  margin-top: 12px;
  color: #848484;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 767px) {
  .feedback-form-container .list-with-bikes .list--item .accordion--head ._card .text-cta .description {
    font-size: 13px;
  }
}
.feedback-form-container .list-with-bikes .list--item .accordion--head ._card .img__con {
  width: 122px;
  height: 80px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .feedback-form-container .list-with-bikes .list--item .accordion--head ._card .img__con {
    width: 100px;
  }
}
.feedback-form-container .list-with-bikes .list--item .accordion--head ._card .img__con .img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.feedback-form-container .list-with-bikes .list--item .accordion--body {
  display: none;
}
@media (min-width: 768px) {
  .feedback-form-container .list-with-bikes .list--item .accordion--body {
    position: absolute;
    width: 60%;
    right: 0;
    top: 0;
  }
}
.feedback-form-container .list-with-bikes .list--item.active .accordion--head ._card {
  background: #181818;
}
.feedback-form-container .list-with-bikes .list--item.active .accordion--head ._card .title-cta {
  color: #fff;
}
@media (max-width: 767px) {
  .feedback-form-container .list-with-bikes .list--item.active .accordion--head ._card .title-cta span img {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}
.feedback-form-container .list-with-bikes .list--item.active .accordion--body {
  display: block;
}
.feedback-form-container .feedback-form {
  padding: 40px;
  background: #ffffff;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form {
    padding: 24px 16px;
  }
}
.feedback-form-container .feedback-form .feedback-content .heading {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form .feedback-content .heading {
    font-size: 16px;
  }
}
.feedback-form-container .feedback-form .feedback-content .feedback-ratings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin: 30px 0;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form .feedback-content .feedback-ratings {
    gap: 12px;
    margin: 24px 0;
  }
}
.feedback-form-container .feedback-form .feedback-content .feedback-ratings .question {
  border: 1px solid #cacaca;
  padding: 16px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form .feedback-content .feedback-ratings .question {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 12px;
    gap: 12px;
  }
}
.feedback-form-container .feedback-form .feedback-content .feedback-ratings .question .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form .feedback-content .feedback-ratings .question .desc {
    font-size: 14px;
  }
}
.feedback-form-container .feedback-form .feedback-content .suggestion-box .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 13px;
  color: #373737;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form .feedback-content .suggestion-box .desc {
    font-size: 14px;
  }
}
.feedback-form-container .feedback-form .feedback-content .suggestion-box .msg-box textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 117px;
  padding: 10px;
  border: none;
  outline: none;
  border: 1px solid #cacaca;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  height: 120px;
  color: #848484;
}
.feedback-form-container .btn-review-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .feedback-form-container .btn-review-submit {
    margin-top: 24px;
  }
}
.feedback-form-container .btn-review-submit .btn-review {
  padding: 16px 32px;
  background: #da291c;
  border: none;
  cursor: pointer;
  outline: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #ffffff;
  width: auto;
  height: auto;
}
@media (max-width: 767px) {
  .feedback-form-container .btn-review-submit .btn-review {
    width: 100%;
  }
}
.feedback-form-container .rate {
  float: left;
  height: 46px;
  padding: 0 10px;
  min-width: 180px;
}
.feedback-form-container .rate:not(:checked) > input {
  display: none;
}
.feedback-form-container .rate:not(:checked) > label {
  float: right;
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 30px;
  color: #ccc;
}
.feedback-form-container .rate:not(:checked) > label:before {
  content: "★ ";
}
.feedback-form-container .rate > input:checked ~ label {
  color: #ffc700;
}
.feedback-form-container .rate:not(:checked) > label:hover,
.feedback-form-container .rate:not(:checked) > label:hover ~ label {
  color: #deb217;
}
.feedback-form-container .rate:not(:checked) > label.active,
.feedback-form-container .rate:not(:checked) > label.active ~ label {
  color: #deb217;
}
.feedback-form-container .rate > input:checked + label:hover,
.feedback-form-container .rate > input:checked + label:hover ~ label,
.feedback-form-container .rate > input:checked ~ label:hover,
.feedback-form-container .rate > input:checked ~ label:hover ~ label,
.feedback-form-container .rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}
.feedback-form-container .rate > input:checked + label.active,
.feedback-form-container .rate > input:checked + label.active ~ label,
.feedback-form-container .rate > input:checked ~ label.active,
.feedback-form-container .rate > input:checked ~ label.active ~ label,
.feedback-form-container .rate > label.active ~ input:checked ~ label {
  color: #c59b08;
}
.feedback-form-container .feedback-form-success .feedback-form-success-content {
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ffffff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form-success .feedback-form-success-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px 16px;
  }
}
.feedback-form-container .feedback-form-success .feedback-form-success-content .btn-review-submit {
  margin: 0;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form-success .feedback-form-success-content .btn-review-submit {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.feedback-form-container .feedback-form-success .feedback-form-success-content .btn-review-submit .btn-review {
  width: 200px;
  height: 56px;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form-success .feedback-form-success-content .btn-review-submit .btn-review {
    width: 161px;
    height: 40px;
    font-size: 12px;
  }
}
.feedback-form-container .feedback-form-success .feedback-form-success-content .greet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17.5px;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form-success .feedback-form-success-content .greet {
    gap: 12px;
  }
}
.feedback-form-container .feedback-form-success .feedback-form-success-content .greet img {
  height: 70px;
  width: 70px;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form-success .feedback-form-success-content .greet img {
    width: 58px;
    height: 58px;
  }
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form-success .feedback-form-success-content .greet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
.feedback-form-container .feedback-form-success .feedback-form-success-content .greet .details {
  padding: 0;
}
.feedback-form-container .feedback-form-success .feedback-form-success-content .greet .details h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 8px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form-success .feedback-form-success-content .greet .details h3 {
    font-size: 18px;
    text-align: center;
  }
}
.feedback-form-container .feedback-form-success .feedback-form-success-content .greet .details p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #373737;
}
@media (max-width: 767px) {
  .feedback-form-container .feedback-form-success .feedback-form-success-content .greet .details p {
    margin-bottom: 16px;
    font-size: 14px;
    text-align: center;
  }
}

.error-container.error-feedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.error-container.error-feedback .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .error-container.error-feedback .img-container {
    margin-bottom: 40px;
  }
}
.error-container.error-feedback .img-container img {
  max-width: 100%;
  height: auto;
}
.error-container.error-feedback .error-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.error-container.error-feedback .error-content .error-title {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .error-container.error-feedback .error-content .error-title {
    font-size: 8px;
  }
}
.error-container.error-feedback .error-content .error-title h1 {
  color: #282828;
  text-align: center;
  font-family: Guardian Sans XCond;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 48px */
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  .error-container.error-feedback .error-content .error-title h1 {
    font-size: 32px;
  }
}
.error-container.error-feedback .error-content .error-description {
  margin-bottom: 24px;
}
.error-container.error-feedback .error-content .error-description p {
  color: #181818;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
}
@media (max-width: 767px) {
  .error-container.error-feedback .error-content .error-description p {
    font-size: 14px;
  }
}
.error-container.error-feedback .error-content .error-redirection-after {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
}
@media (max-width: 767px) {
  .error-container.error-feedback .error-content .error-redirection-after {
    gap: 16px;
  }
}
.error-container.error-feedback .error-content .error-redirection-after .vdmp-btn {
  line-height: 140%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
  height: auto;
}
@media (max-width: 767px) {
  .error-container.error-feedback .error-content .error-redirection-after .vdmp-btn {
    font-size: 12px;
  }
}

.findMotorcycle-section {
  background: #ffffff;
}
.findMotorcycle-section .sec-heading {
  font-family: Guardian Sans XCond;
  font-size: 57px;
  font-weight: 700;
  line-height: 68px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
}
@media (max-width: 767px) {
  .findMotorcycle-section .sec-heading {
    font-family: "Guardian Sans XCond";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
  }
}
.findMotorcycle-section .sec-heading .highlight {
  color: #da291c;
}
.findMotorcycle-section .shop-by-content {
  width: 100%;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .findMotorcycle-section .shop-by-content {
    position: relative;
    padding-bottom: 40px;
  }
}
.findMotorcycle-section .shop-by-content .tabs-nav {
  width: 100%;
  margin-bottom: 32px;
  max-width: 82vw;
}
@media (max-width: 1300px) {
  .findMotorcycle-section .shop-by-content .tabs-nav {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .findMotorcycle-section .shop-by-content .tabs-nav {
    max-width: unset;
  }
}
.findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 16px;
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}
.findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns::-webkit-scrollbar {
  display: none;
}
.findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li button,
.findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li a {
  padding: 16px 32px;
  background: #ededed;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  border: none;
  outline: none;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  text-decoration: none;
  color: #181818;
  cursor: pointer;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li button,
  .findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li a {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    letter-spacing: 0em;
    padding: 11px 32px;
  }
}
.findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li.active button,
.findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li button:hover {
  background: #181818;
  color: #ffffff;
}
.findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li:last-child {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767px) {
  .findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li:last-child {
    position: absolute;
    bottom: -26px;
    right: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
  }
}
.findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li:last-child button,
.findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li:last-child a {
  font-size: 0.875rem;
  border: none;
  background: #da291c;
  color: #ffffff;
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 32px;
}
@media (max-width: 767px) {
  .findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li:last-child button,
  .findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li:last-child a {
    float: unset;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li:last-child button:hover,
.findMotorcycle-section .shop-by-content .tabs-nav ul.tabs-btns li:last-child a:hover {
  background: #ae2116;
}
.findMotorcycle-section .shop-by-content .card-con {
  overflow: hidden;
  display: none;
}
.findMotorcycle-section .shop-by-content .card-con .glide__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.findMotorcycle-section .shop-by-content .card-con .card {
  display: inline-block;
  margin-right: 12px;
}
.findMotorcycle-section .shop-by-content .card-con .card:last-child {
  margin-right: 0px;
}
.findMotorcycle-section .shop-by-content .card-con .card ul li {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
  margin-bottom: 12px;
}
.findMotorcycle-section .shop-by-content .card-con .card ul li:nth-child(2) {
  font-family: Guardian Sans XCond;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
}
.findMotorcycle-section .shop-by-content .card-con.active {
  display: block;
}
.findMotorcycle-section .shop-by-content .scroll-indicator-dots {
  margin-top: 35px;
}
@media (max-width: 767px) {
  .findMotorcycle-section .shop-by-content .scroll-indicator-dots {
    display: none;
  }
}
.findMotorcycle-section .shop-by-content .scroll-indicator-bar {
  margin-top: 35px;
}
.findMotorcycle-section .shop-by-content .scroll-indicator-bar .scroll-seek {
  height: 1px;
  background: #a7a7a7;
  width: 100%;
  min-height: 1px;
}
.findMotorcycle-section .shop-by-content .scroll-indicator-bar .scroll-hand {
  height: 6px;
  background: #a7a7a7;
  width: 120px;
  min-height: 6px;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  cursor: pointer;
}

.cmp-button {
  cursor: pointer;
}

.reown-loader {
  z-index: 9999;
  background: #fcfcff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.reown-loader img,
.reown-loader video {
  display: block;
  margin: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 768px) {
  .reown-loader img {
    max-width: 450px;
  }
}
.reown-loader.loader-bg-red {
  background: #DA2A1B;
}

.loader-bg-red {
  background: #DA2A1B;
}

.gdprTermsPopup-con.accept-cookies-wrapper {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
  background: #212121;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: ease all 0.7s;
  -moz-transition: ease all 0.7s;
  -ms-transition: ease all 0.7s;
  -o-transition: ease all 0.7s;
  position: fixed;
  height: 100%;
}
.gdprTermsPopup-con.accept-cookies-wrapper.ac-active {
  opacity: 1;
  visibility: visible;
}
.gdprTermsPopup-con.accept-cookies-wrapper .accept-cookies {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 35px 0;
  background: #fff;
  text-align: center;
  transition: ease all 0.5s;
  -webkit-transition: ease all 0.5s;
  -moz-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
  -o-transition: ease all 0.5s;
}
.gdprTermsPopup-con.accept-cookies-wrapper .accept-cookies .container {
  position: relative;
  padding-right: 30px;
  padding-left: 30px;
  margin: auto;
}
@media only screen and (min-width: 576px) {
  .gdprTermsPopup-con.accept-cookies-wrapper .accept-cookies .container {
    max-width: 540px;
  }
}
@media only screen and (min-width: 768px) {
  .gdprTermsPopup-con.accept-cookies-wrapper .accept-cookies .container {
    max-width: 720px;
  }
}
@media only screen and (min-width: 992px) {
  .gdprTermsPopup-con.accept-cookies-wrapper .accept-cookies .container {
    max-width: 960px;
  }
}
@media only screen and (min-width: 992px) {
  .gdprTermsPopup-con.accept-cookies-wrapper .accept-cookies .container {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1200px) {
  .gdprTermsPopup-con.accept-cookies-wrapper .accept-cookies .container {
    max-width: 1140px;
  }
}
.gdprTermsPopup-con.accept-cookies-wrapper .accept-cookies .head1 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgb(33, 37, 41);
  display: block;
  font-family: guardiansans-semibold;
  font-size: 22px;
  font-weight: 500;
  height: 26px;
  line-height: 26px;
}
.gdprTermsPopup-con.accept-cookies-wrapper .accept-cookies p {
  margin: 25px 0;
  font-family: "montserrat-regular";
  font-size: 14px;
  line-height: 22px;
  word-break: break-word;
}
.gdprTermsPopup-con.accept-cookies-wrapper .accept-cookies button.custom-btn {
  font-family: "montserrat-regular";
  font-size: 14px;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  text-transform: none;
  position: relative;
  line-height: 14px;
  text-decoration: none;
  background: 0;
  outline: 0;
  border: 0;
  cursor: pointer;
  color: #000;
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px 20px 10px 15px;
}
.gdprTermsPopup-con.accept-cookies-wrapper .accept-cookies .icon-close {
  position: absolute;
  top: 0;
  right: 30px;
  color: #000;
  font-size: 18px;
  cursor: pointer;
}
.gdprTermsPopup-con.accept-cookies-wrapper .accept-cookies .icon-close:before {
  content: "p";
  font-family: "reicons";
}

.secondary-loader {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  background-color: rgba(254, 254, 254, 0.8196078431);
}
.secondary-loader img {
  max-width: 155px;
}

.reown-spinner {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #ae2116;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)) center/100% 3.2px, -webkit-gradient(linear, left top, left bottom, color-stop(0, currentColor)) center/3.2px 100%, radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 4.8px), currentColor calc(100% - 4px)), radial-gradient(circle 4.8px, currentColor 94%, rgba(0, 0, 0, 0) 0);
  background: linear-gradient(currentColor 0 0) center/100% 3.2px, linear-gradient(currentColor 0 0) center/3.2px 100%, radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 4.8px), currentColor calc(100% - 4px)), radial-gradient(circle 4.8px, currentColor 94%, rgba(0, 0, 0, 0) 0);
  background-repeat: no-repeat;
  -webkit-animation: spinner-m2bf 1.4s infinite linear;
          animation: spinner-m2bf 1.4s infinite linear;
  position: relative;
}

.reown-spinner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: inherit;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

@-webkit-keyframes spinner-m2bf {
  to {
    -webkit-transform: rotate(0.5turn);
            transform: rotate(0.5turn);
  }
}

@keyframes spinner-m2bf {
  to {
    -webkit-transform: rotate(0.5turn);
            transform: rotate(0.5turn);
  }
}
.glider, .glider-contain {
  margin: 0 auto;
  position: relative;
}

.glider, .glider-track {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.glider-dot, .glider-next, .glider-prev {
  border: 0;
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  outline: 0;
}

.glider-contain {
  width: 100%;
}

.glider {
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
}

.glider-track {
  width: 100%;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
}

.glider.draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: -webkit-grab;
  cursor: grab;
}

.glider.draggable .glider-slide img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.glider.drag {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.glider-slide {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  width: 100%;
  min-width: 150px;
}

.glider-slide img {
  max-width: 100%;
}

.glider::-webkit-scrollbar {
  opacity: 0;
  height: 0;
}

.glider-next, .glider-prev {
  position: absolute;
  background: 0 0;
  z-index: 2;
  font-size: 40px;
  text-decoration: none;
  left: -23px;
  top: 30%;
  cursor: pointer;
  color: #666;
  opacity: 1;
  line-height: 1;
  -webkit-transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67), color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);
  transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67), color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

.glider-next:focus, .glider-next:hover, .glider-prev:focus, .glider-prev:hover {
  color: #ccc;
}

.glider-next {
  right: -23px;
  left: auto;
}

.glider-next.disabled, .glider-prev.disabled {
  opacity: 0.25;
  color: #666;
  cursor: default;
}

.glider-hide {
  opacity: 0;
}

.glider-dots {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  padding: 0;
}

.glider-dot {
  display: block;
  cursor: pointer;
  color: #ccc;
  border-radius: 999px;
  background: #ccc;
  width: 12px;
  height: 12px;
  margin: 7px;
}

.glider-dot:focus, .glider-dot:hover {
  background: #ddd;
}

.glider-dot.active {
  background: #a89cc8;
}

@media (max-width: 36em) {
  .glider::-webkit-scrollbar {
    opacity: 1;
    -webkit-appearance: none;
    width: 7px;
    height: 3px;
  }
  .glider::-webkit-scrollbar-thumb {
    opacity: 1;
    border-radius: 99px;
    background-color: rgba(156, 156, 156, 0.25);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.25);
  }
}
.loading {
  text-align: center;
  margin: 10px auto 0px;
  z-index: 1;
  width: 100%;
  padding: 7px 0px 15px;
  display: block;
}

.loading-bar {
  display: inline-block;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  -webkit-animation: loading 1s ease-in-out infinite;
          animation: loading 1s ease-in-out infinite;
  background: #000;
}

.loading-bar:nth-child(1) {
  -webkit-animation-delay: 0;
          animation-delay: 0;
}

.loading-bar:nth-child(2) {
  -webkit-animation-delay: 0.09s;
          animation-delay: 0.09s;
}

.loading-bar:nth-child(3) {
  -webkit-animation-delay: 0.18s;
          animation-delay: 0.18s;
}

.loading-bar:nth-child(4) {
  -webkit-animation-delay: 0.27s;
          animation-delay: 0.27s;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1, 1.8);
    transform: scale(1, 1.8);
    background: #da291c;
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1, 1.8);
    transform: scale(1, 1.8);
    background: #da291c;
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/*page-loader [START]*/
.re-page-loader {
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
}

.re-page-loader-inner {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: auto;
  -webkit-transform: translatey(-50%);
          transform: translatey(-50%);
  text-align: center;
  width: 100px;
}

.fadein-element {
  width: 100px;
  height: 100px;
  display: inline-block;
}

.fadein-element > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  color: transparent;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: imageAnimation 5s linear infinite;
  animation: imageAnimation 5s linear infinite;
}

.fadein-element > img:nth-child(2) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.fadein-element > img:nth-child(3) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.fadein-element > img:nth-child(4) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.fadein-element > img:nth-child(5) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

@-webkit-keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes imageAnimation {
  0% {
    opacity: 0;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  8% {
    opacity: 1;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*loading-ellipsis*/
.loading-ellipsis {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 30px;
}

.loading-ellipsis div {
  position: absolute;
  top: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.loading-ellipsis div:nth-child(1) {
  left: 6px;
  -webkit-animation: loading-ellipsis1 1s infinite;
          animation: loading-ellipsis1 1s infinite;
}

.loading-ellipsis div:nth-child(2) {
  left: 6px;
  -webkit-animation: loading-ellipsis2 1s infinite;
          animation: loading-ellipsis2 1s infinite;
}

.loading-ellipsis div:nth-child(3) {
  left: 26px;
  -webkit-animation: loading-ellipsis2 1s infinite;
          animation: loading-ellipsis2 1s infinite;
}

.loading-ellipsis div:nth-child(4) {
  left: 45px;
  -webkit-animation: loading-ellipsis3 1s infinite;
          animation: loading-ellipsis3 1s infinite;
}

@-webkit-keyframes loading-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes loading-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes loading-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@keyframes loading-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
}
@-webkit-keyframes loading-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0);
  }
}
@keyframes loading-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0);
  }
}
/*page-loader [END]*/
/*Spinner loader styles*/
@-webkit-keyframes ldio-hqh8ckiknuq {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ldio-hqh8ckiknuq {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.ldio-hqh8ckiknuq div {
  left: 99px;
  top: 86px;
  position: absolute;
  -webkit-animation: ldio-hqh8ckiknuq linear 1s infinite;
          animation: ldio-hqh8ckiknuq linear 1s infinite;
  background: #0b0b0b;
  width: 2px;
  height: 8px;
  border-radius: 1px/1.92px;
  -webkit-transform-origin: 1px 14px;
          transform-origin: 1px 14px;
}

.ldio-hqh8ckiknuq div:nth-child(1) {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-animation-delay: -0.8888888889s;
          animation-delay: -0.8888888889s;
  background: #0b0b0b;
}

.ldio-hqh8ckiknuq div:nth-child(2) {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  -webkit-animation-delay: -0.7777777778s;
          animation-delay: -0.7777777778s;
  background: #0b0b0b;
}

.ldio-hqh8ckiknuq div:nth-child(3) {
  -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
  -webkit-animation-delay: -0.6666666667s;
          animation-delay: -0.6666666667s;
  background: #0b0b0b;
}

.ldio-hqh8ckiknuq div:nth-child(4) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
  -webkit-animation-delay: -0.5555555556s;
          animation-delay: -0.5555555556s;
  background: #0b0b0b;
}

.ldio-hqh8ckiknuq div:nth-child(5) {
  -webkit-transform: rotate(160deg);
          transform: rotate(160deg);
  -webkit-animation-delay: -0.4444444444s;
          animation-delay: -0.4444444444s;
  background: #0b0b0b;
}

.ldio-hqh8ckiknuq div:nth-child(6) {
  -webkit-transform: rotate(200deg);
          transform: rotate(200deg);
  -webkit-animation-delay: -0.3333333333s;
          animation-delay: -0.3333333333s;
  background: #0b0b0b;
}

.ldio-hqh8ckiknuq div:nth-child(7) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
  -webkit-animation-delay: -0.2222222222s;
          animation-delay: -0.2222222222s;
  background: #0b0b0b;
}

.ldio-hqh8ckiknuq div:nth-child(8) {
  -webkit-transform: rotate(280deg);
          transform: rotate(280deg);
  -webkit-animation-delay: -0.1111111111s;
          animation-delay: -0.1111111111s;
  background: #0b0b0b;
}

.ldio-hqh8ckiknuq div:nth-child(9) {
  -webkit-transform: rotate(320deg);
          transform: rotate(320deg);
  -webkit-animation-delay: 0;
          animation-delay: 0;
  background: #0b0b0b;
}

.loadingio-spinner-spinner-37xpb6wlvss {
  display: block;
  z-index: 1;
  width: 200px;
  height: 200px;
  overflow: hidden;
  position: absolute;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ldio-hqh8ckiknuq {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transform: translateZ(0) scale(1);
          transform: translateZ(0) scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}

.ldio-hqh8ckiknuq div {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

/*Spinner loader styles end*/
.dropdown {
  position: relative;
}
.dropdown .collapse-menu {
  display: none;
}
.dropdown .collapse-menu .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropdown .collapse-menu .item-flex .icon-location {
  height: 24px;
  width: auto;
}
.dropdown .select {
  background: #ffffff;
  gap: 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
@media (max-width: 767px) {
  .dropdown .select {
    background-color: transparent;
  }
}
.dropdown .select .selected {
  color: #181818;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
.dropdown .caret {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dropdown .caret img {
  width: 100%;
}
.dropdown .caret-rotate {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.dropdown .menu {
  list-style: none;
  background: #ffffff;
  position: absolute;
  top: 3.5em;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  display: none;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 1;
  padding: 20px 10px 0 12px;
  max-height: 481px;
  overflow-y: scroll;
  max-height: 301;
}
@media (max-width: 767px) {
  .dropdown .menu {
    top: 2.5em;
    z-index: 99999;
  }
}
.dropdown .menu::-webkit-scrollbar-track {
  border-radius: 2px;
}
.dropdown .menu::-webkit-scrollbar {
  width: 5px;
  background-color: #ffffff;
}
.dropdown .menu::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #cacaca;
  opacity: 0.5;
}
.dropdown .menu .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  cursor: pointer;
}
.dropdown .menu .location p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #da291c;
}
.dropdown .menu-open {
  display: block;
  opacity: 1;
}
.dropdown .all-cities .heading {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #4f4f4f;
  margin: 4px 10px 24px 10px;
}
@media (max-width: 767px) {
  .dropdown .all-cities .city-list {
    padding: 0 10px;
  }
}
.dropdown .all-cities .city-list li {
  padding: 14px 0;
  cursor: pointer;
}
.dropdown .all-cities .city-list li:not(:last-child) {
  border-bottom: 0.5px solid #ededed;
}
.dropdown .all-cities .city-list li span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #181818;
}
.dropdown .all-cities .city-list .text-highlight {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}

.wishlist-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: block;
}
.wishlist-container .wishlist-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 29px;
}
.wishlist-container .wishlist-lists .list {
  cursor: pointer;
  position: relative;
}
.wishlist-container .wishlist-lists .cities {
  position: relative;
}
.wishlist-container .wishlist-lists .cities .header {
  display: none;
  margin-bottom: 12px;
}
.wishlist-container .wishlist-lists .cities .header .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wishlist-container .wishlist-lists .cities .header .item-flex img {
  cursor: pointer;
}
.wishlist-container .wishlist-lists .cities .toggleCities {
  display: block;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.wishlist-container .wishlist-lists .cities .search-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .wishlist-container .wishlist-lists .cities .search-input {
    background: #f5f5f5;
    padding: 8px 16px;
  }
}
.wishlist-container .wishlist-lists .cities .search-input input {
  border: none;
  outline: none;
  background-color: transparent;
  color: #181818;
  font-family: Guardian Sans XCond;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.36px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  width: 130px;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
  padding-right: 22px;
}
@media (max-width: 1100px) {
  .wishlist-container .wishlist-lists .cities .search-input input {
    font-size: 14px;
  }
}
.wishlist-container .wishlist-lists .cities .search-input .icon-arrow-down {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 0;
}
@media (max-width: 767px) {
  .wishlist-container .wishlist-lists .cities .search-input .icon-arrow-down {
    right: 230px;
  }
}
.wishlist-container .cities-details {
  position: absolute;
  width: 100%;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  background: #ffffff;
  display: none;
  overflow: auto;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  max-height: 320px;
  padding: 10px;
}
@media (max-width: 767px) {
  .wishlist-container .cities-details {
    left: 0;
    min-height: calc(100vh - 10px);
    -webkit-transform: translateY(0);
            transform: translateY(0);
    overflow: scroll;
  }
}
.wishlist-container .cities-details::-webkit-scrollbar {
  width: 10px;
}
.wishlist-container .cities-details {
  /* Track */
}
.wishlist-container .cities-details::-webkit-scrollbar-track {
  background: #ffffff;
}
.wishlist-container .cities-details {
  /* Handle */
}
.wishlist-container .cities-details::-webkit-scrollbar-thumb {
  background: #e4e4e4;
  border-radius: 10px;
}
.wishlist-container .cities-details .location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8.7px;
  padding: 21px 12px;
  padding-bottom: 5px;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .wishlist-container .cities-details .location {
    gap: 5.7px;
  }
}
.wishlist-container .cities-details .location p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 10.5px;
  line-height: 140%;
  color: #da291c;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .wishlist-container .cities-details .location p {
    font-size: 12px;
  }
}
.wishlist-container .cities-details .all-cities {
  padding: 12px;
}
.wishlist-container .cities-details .all-cities .heading {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #4f4f4f;
  margin-bottom: 10px;
  cursor: default;
  margin-left: 0;
}
.wishlist-container .cities-details .all-cities .city-list .city {
  padding: 14px 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  color: #181818;
}
.wishlist-container .cities-details .all-cities .city-list .city span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #181818;
}
.wishlist-container .cities-details .all-cities .city-list .city:hover {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #181818;
}
.wishlist-container .cities-details .all-cities .city-list .city:not(:last-child) {
  border-bottom: 0.5px solid #ededed;
}
.wishlist-container .cities-details .all-cities .city-list .text-highlight {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}

.wishlist-container.showList {
  display: block;
}

.highlight {
  font-weight: 700;
  font-family: "Montserrat";
  font-style: normal;
}

/* Location Header Dropdown Styles */
.location-filter-form {
  width: 100%;
  padding: 10px 8px 10px;
  max-width: 185px;
  width: 170px;
  background: #F5F5F5;
}
@media (max-width: 767px) {
  .location-filter-form {
    padding: 12px 12px;
    max-width: unset;
    width: unset;
  }
}
.location-filter-form .wishlist-container .wishlist-lists .cities .location-filter-form .search-input .locationIconVal {
  width: 18px;
}
.location-filter-form .wishlist-container .wishlist-lists .cities .location-filter-form .search-input input {
  font-size: 14px;
}
.location-filter-form {
  /* Use Location Section */
}
.location-filter-form .use-location-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 15px 0;
  cursor: pointer;
  color: #d32f2f;
  font-weight: 500;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.location-filter-form .use-location-section:hover {
  opacity: 0.8;
}
.location-filter-form .use-location-section .location-icon {
  width: 20px;
  height: 20px;
  display: block;
}
.location-filter-form .use-location-section .use-location-text {
  font-size: 14px;
}
.location-filter-form {
  /* Form Group */
}
.location-filter-form .form-group {
  margin-bottom: 20px;
  width: 100%;
}
.location-filter-form .form-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 8px;
  text-transform: capitalize;
}
.location-filter-form {
  /* Custom Dropdown Wrapper */
}
.location-filter-form .custom-dropdown {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.location-filter-form .custom-dropdown:hover {
  border-color: #bdbdbd;
}
.location-filter-form .custom-dropdown.active {
  border-color: #d32f2f;
  background-color: #fff;
}
.location-filter-form {
  /* Select Element Styling */
}
.location-filter-form .state-dropdown,
.location-filter-form .city-dropdown {
  width: 100%;
  padding: 12px 16px;
  border: none;
  background-color: transparent;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 40px;
  font-family: inherit;
  outline: none;
}
.location-filter-form .state-dropdown option,
.location-filter-form .city-dropdown option {
  padding: 10px;
  background-color: #fff;
  color: #333;
}
.location-filter-form .state-dropdown option:hover,
.location-filter-form .city-dropdown option:hover {
  background-color: #f0f0f0;
}
.location-filter-form .state-dropdown:disabled,
.location-filter-form .city-dropdown:disabled {
  color: #999;
  cursor: not-allowed;
  opacity: 0.6;
}
.location-filter-form {
  /* Dropdown Arrow Icon */
}
.location-filter-form .dropdown-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
  display: block;
}
.location-filter-form {
  /* Apply Button */
}
.location-filter-form .apply-btn {
  width: 100%;
  padding: 14px 20px;
  margin-top: 24px;
  background-color: #d32f2f;
  color: white;
  border: none;
  border-radius: 0;
  font-size: 14px;
  line-height: 140%;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.location-filter-form .apply-btn:hover:not(:disabled) {
  background-color: #b71c1c;
  -webkit-box-shadow: 0 2px 8px rgba(211, 47, 47, 0.3);
          box-shadow: 0 2px 8px rgba(211, 47, 47, 0.3);
}
.location-filter-form .apply-btn:active:not(:disabled) {
  background-color: #9a1f1f;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
}
.location-filter-form .apply-btn:disabled {
  background-color: #bdbdbd;
  cursor: not-allowed;
  opacity: 0.6;
}
.location-filter-form {
  /* Responsive Design */
}
@media (max-width: 768px) {
  .location-filter-form .location-filter-form {
    padding: 15px;
  }
  .location-filter-form .form-group {
    margin-bottom: 15px;
  }
  .location-filter-form .state-dropdown,
  .location-filter-form .city-dropdown {
    font-size: 14px;
    padding: 10px 12px;
  }
  .location-filter-form .apply-btn {
    padding: 12px 16px;
    font-size: 14px;
  }
}
@media (max-width: 480px) {
  .location-filter-form .location-filter-form {
    padding: 12px;
  }
  .location-filter-form .use-location-section {
    padding: 12px 0;
  }
  .location-filter-form .form-label {
    font-size: 13px;
  }
  .location-filter-form .state-dropdown,
  .location-filter-form .city-dropdown {
    font-size: 13px;
    padding: 10px;
  }
  .location-filter-form .apply-btn {
    padding: 10px 14px;
    font-size: 13px;
  }
}
.location-filter-form {
  /* Label */
}
.location-filter-form .label {
  display: block;
  color: #555;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  margin-top: 16px !important;
}
.location-filter-form {
  /* Select box */
}
.location-filter-form .custom-select {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.location-filter-form .select-trigger {
  background: #eee;
  padding: 14px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #282828;
}
.location-filter-form .select-trigger span {
  white-space: nowrap;
  overflow: hidden;
}
.location-filter-form .select-trigger .arrow {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.location-filter-form {
  /* Dropdown panel */
}
.location-filter-form .select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
          box-shadow: 0 8px 18px rgba(0, 0, 0, 0.15);
  max-height: 260px;
  overflow-y: auto;
  display: none;
  z-index: 10;
}
.location-filter-form {
  /* Scrollbar styling */
}
.location-filter-form .select-dropdown::-webkit-scrollbar {
  width: 6px;
}
.location-filter-form .select-dropdown::-webkit-scrollbar-thumb {
  background: #cfcfcf;
  border-radius: 4px;
}
.location-filter-form {
  /* Options */
}
.location-filter-form .option {
  padding: 16px;
  cursor: pointer;
  border-bottom: 1px solid #e5e5e5;
}
.location-filter-form .option:hover {
  background: #f5f5f5;
}
.location-filter-form {
  /* Active state */
}
.location-filter-form .custom-select.open .select-dropdown {
  display: block;
}
.location-filter-form .custom-select.open .arrow {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.location-filter-form .cities-details .location {
  padding: 21px 12px 0 0;
}

.wishlist-container .location-filter-form .cities-details {
  min-width: 240px;
  right: 0;
  overflow: visible;
}

.wishlist-container .location-filter-form .location-mob-header {
  display: none;
}

@media (max-width: 767px) {
  .wishlist-container .wishlist-lists .cities .location-filter-form .search-input {
    padding-left: 0;
  }
  .wishlist-container.input-menu .list.cities .location-filter-form .search-input img {
    right: 20px;
  }
  .wishlist-container .location-filter-form .location-mob-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-width: 100%;
  }
  .wishlist-container .location-filter-form .location-mob-header .location-heading {
    font-size: 20px;
    line-height: 120%;
    font-family: "Guardian Sans XCond";
    letter-spacing: 2%;
    color: #181818;
    font-weight: 700;
  }
  .wishlist-container .location-filter-form .location-mob-header .location-close-btn {
    background: transparent;
    border: none;
    font-size: 40px;
    font-weight: 100;
  }
  .wishlist-container .location-filter-form .cities-details-inner {
    height: calc(100vh - 45px);
  }
  .location-filter-form .cities-details .location {
    padding-top: 21px;
  }
  .wishlist-container .location-filter-form .cities-details {
    padding: 24px 16px 16px;
    position: fixed;
    top: 0;
    z-index: 9;
    min-height: 100vh;
    height: 100vh;
    overflow: hidden;
  }
}
.loginPopupActive .login {
  display: block !important;
}

.login {
  max-width: 100vw;
  max-height: 100vh;
  display: none;
  overflow: hidden;
}
.login .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  padding-top: 200px;
  width: 100vw; /* Full width */
  height: 100vh; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
}
@media (min-width: 768px) and (max-width: 1439px) {
  .login .modal {
    padding-top: 5%;
  }
}
@media (max-width: 767px) {
  .login .modal {
    overflow: hidden; /* Enable scroll if needed */
    overflow-y: auto;
    padding-top: unset;
  }
}
.login .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  right: 25px;
  top: 24px;
  position: absolute;
}
@media (max-width: 767px) {
  .login .modal-header {
    top: 16px;
    right: 16px;
    padding: 0 !important;
  }
}
.login .modal-header .close-btn {
  cursor: pointer;
}
.login .modal-content {
  background: #ffffff;
  max-width: 532px;
  padding: 48px;
  position: relative;
}
@media (max-width: 767px) {
  .login .modal-content {
    border-radius: 16px 16px 0px 0px;
    width: 100%;
    gap: 0 !important;
    padding: 24px;
    top: 100%;
    -webkit-transform: translateY(calc(-100% - 55px));
            transform: translateY(calc(-100% - 55px));
  }
}
.login .error {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #da291c;
}
.login .imgs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  margin-bottom: 52px;
}
@media (max-width: 767px) {
  .login .imgs-container {
    margin-bottom: 40px;
  }
}
.login .imgs-container .prm-logo {
  width: 339px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login .imgs-container .prm-logo img {
  width: 100%;
}
@media (max-width: 767px) {
  .login .imgs-container .prm-logo {
    width: 198px;
  }
}
.login .imgs-container .sec-logo {
  width: 320px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login .imgs-container .sec-logo img {
  width: 100%;
}
@media (max-width: 767px) {
  .login .imgs-container .sec-logo {
    width: 198px;
  }
}
.login .input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.login .input-box label {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  display: block;
}
.login .input-box input {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0 10px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
  background: #f5f5f5;
  height: 48px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
  margin: 0;
}
.login .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.login .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.login .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.login .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.login .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.login input[type=number]::-webkit-inner-spin-button,
.login input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.login .mobile-input {
  background: #f5f5f5;
  height: 48px;
}
.login .mobile-input select {
  width: 45px;
  border: none;
  background-color: transparent;
  outline: none;
  height: 100%;
  cursor: pointer;
  padding: 0px 8px;
  border-right: 1px solid #cacaca;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.login .mobile-input select::marker {
  margin-right: 2px;
  display: none;
}
.login .login-info {
  margin-bottom: 24px;
}
.login .login-info .data .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 16px;
}
.login .login-info .login-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .login .login-info .login-input {
    gap: 8px;
  }
}
.login .login-info .login-input label {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.login .show-modal {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: visibility 0s linear 0s, opacity 0.25s 0s, -webkit-transform 0.25s;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, -webkit-transform 0.25s;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s, -webkit-transform 0.25s;
}
.login .btn-red {
  padding: 16px 32px;
  background: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 24px;
  cursor: pointer;
}
.login .btn-red:hover {
  background: #ae2116;
}
@media (max-width: 767px) {
  .login .btn-red {
    padding: 16px 32px;
    margin-top: 20px;
  }
}
.login .btn-red button {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 14px;
  line-height: 140%;
  color: #ffffff;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .login .btn-red button {
    font-size: 14px;
    height: auto;
  }
}
.login .choice-other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .login .choice-other {
    margin-top: 25px;
  }
}
.login .choice-other p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
  gap: 5px;
}
.login .choice-other p a {
  color: #da291c;
  font-weight: 700;
  text-decoration: none;
}
.login .otp-verification .otp-input .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  margin-bottom: 16px;
}
.login .otp-verification .otp-input .otp-box label {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
  display: block;
  line-height: 140%;
  color: #474747;
}
.login .otp-verification .otp-input .otp-box .otp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .login .otp-verification .otp-input .otp-box .otp-container {
    gap: 12px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.login .otp-verification .otp-input .otp-box .otp-container input {
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  background: #f5f5f5;
  text-align: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.login .otp-verification .otp-input .otp-box .otp-container input.otpfilled {
  border: 1px solid #da291c;
}
.login .otp-verification .otp-input .otp-box .otp-time {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #616161;
}
.login .otp-verification .otp-input .otp-box .otp-time span {
  color: #181818;
  font-weight: 700;
}
.login .otp-verification .otp-input .otp-box .resend-otp,
.login .otp-verification .otp-input .otp-box .invalid-otp {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6.8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
  border: none;
  outline: none;
  background: transparent;
}
.login .otp-verification .otp-input .login-term-desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #4f4f4f;
  font-family: "Montserrat";
  font-style: normal;
  width: 100%;
  margin-top: 24px;
}
.login .otp-verification .otp-input .btn-red {
  background: transparent;
  width: 100%;
  padding: 0;
}
.login .otp-verification .otp-input .btn-red .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: 100%;
}
.login .otp-verification .otp-input .btn-red .btn-wrapper button {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1pc 2pc;
  background: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sign-up-container .form-body .heading {
  margin-bottom: 32px;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .sign-up-container .form-body .heading {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
.sign-up-container .form-body .input-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.sign-up-container .form-body .input-fields .first-name,
.sign-up-container .form-body .input-fields .last-name,
.sign-up-container .form-body .input-fields .email,
.sign-up-container .form-body .input-fields .mobile {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.sign-up-container .form-body .input-fields .mobile .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f5f5f5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.sign-up-container .form-body .input-fields .mobile .item-flex select {
  background-color: transparent;
  padding-left: 10px;
  border: none;
  outline: none;
  height: 100%;
  border-right: 1px solid #cacaca;
  font-family: "Montserrat";
  font-style: normal;
  width: 60px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.sign-up-container .form-body .input-fields .mobile .item-flex input::-webkit-outer-spin-button,
.sign-up-container .form-body .input-fields .mobile .item-flex input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
.sign-up-container .form-body .btn-red {
  opacity: 0.5;
}

.btn-disable {
  opacity: 0.5 !important;
  pointer-events: none;
  cursor: pointer;
}
.btn-enable {
  opacity: 1 !important;
  pointer-events: all;
  cursor: pointer;
}

.spinner {
  position: unset;
}

.spinner::after {
  content: "";
  position: absolute;
  content: "";
  position: absolute;
  width: 1pc;
  height: 1pc;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 4px solid transparent;
  border-top-color: #fff;
  border-radius: 50%;
  -webkit-animation: button-loading-spinner 1s ease infinite;
          animation: button-loading-spinner 1s ease infinite;
  right: 20%;
}

@-webkit-keyframes button-loading-spinner {
  from {
    -webkit-transform: rotate(0turn);
            transform: rotate(0turn);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}

@keyframes button-loading-spinner {
  from {
    -webkit-transform: rotate(0turn);
            transform: rotate(0turn);
  }
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.logout-container .btn-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  height: 80px;
  border: none;
  outline: none;
  background-color: #ffffff;
  padding: 0 24px;
  color: #ffffff;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  cursor: pointer;
  color: #181818;
  line-height: 24px; /* 150% */
  cursor: pointer;
  height: 88px;
}
.logout-container .btn-trigger span:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.logout-container .btn-trigger span:nth-child(1) .img-container {
  border-radius: 50%;
  background: #f5f5f5;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.logout-container .btn-trigger span:nth-child(2) .img-container {
  float: right;
}
.logout-container .logout-modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
}
@media (max-width: 767px) {
  .logout-container .logout-modal {
    padding-top: 329px;
  }
}
.logout-container .logout-modal {
  /* Modal Content */
}
.logout-container .logout-modal .modal-content {
  background-color: #ffffff;
  margin: auto;
  padding: 40px;
  max-width: 581px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("clientlib-site/resources/images/pattern_3.webp");
  background-position: top right;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 767px) {
  .logout-container .logout-modal .modal-content {
    padding: 24px 32px;
    margin: auto 20px;
    border-radius: 0;
  }
}
.logout-container .logout-modal .modal-content .details-logout .heading {
  color: #181818;
  text-align: center;
  font-size: 28px;
  font-family: Guardian Sans XCond;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.56px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .logout-container .logout-modal .modal-content .details-logout .heading {
    font-size: 25px;
    margin-bottom: 24px;
  }
}
.logout-container .logout-modal .modal-content .btn-wrapper-logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.logout-container .logout-modal .modal-content .btn-wrapper-logout .btn-logout {
  padding: 16px 32px;
  background-color: transparent;
  color: #181818;
  text-align: center;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 140%;
  border: 1px solid #181818;
  cursor: pointer;
  width: auto;
  margin: 0;
  height: auto;
}
.logout-container .logout-modal .modal-content .btn-wrapper-logout .btn-logout.btn-red {
  background-color: #da291c;
  color: #ffffff;
  border: none;
}
.logout-container {
  /* Modal Content */
}
.logout-container .modal-content {
  background-color: #ffffff;
  margin: auto;
  padding: 40px;
  max-width: 581px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("clientlib-site/resources/images/pattern_3.webp");
  background-position: top right;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .logout-container .modal-content {
    padding: 24px 32px;
    margin: auto 20px;
    border-radius: 0;
  }
}
.logout-container .modal-content .details-logout .heading {
  color: #181818;
  text-align: center;
  font-size: 28px;
  font-family: Guardian Sans XCond;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.56px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .logout-container .modal-content .details-logout .heading {
    font-size: 25px;
    margin-bottom: 24px;
  }
}
.logout-container .modal-content .btn-wrapper-logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.logout-container .modal-content .btn-wrapper-logout .btn-logout {
  padding: 16px 32px;
  background-color: transparent;
  color: #181818;
  text-align: center;
  font-size: 16px;
  font-family: Montserrat;
  font-weight: 700;
  line-height: 140%;
  border: 1px solid #181818;
  cursor: pointer;
  width: auto;
  margin: 0;
  height: auto;
}
.logout-container .modal-content .btn-wrapper-logout .btn-logout.btn-red {
  background-color: #da291c;
  color: #ffffff;
  border: none;
}
.logout-container:hover {
  background-color: #181818;
}
.logout-container:hover .btn-trigger {
  color: #ffffff;
  background: transparent;
}
.logout-container:hover .btn-trigger span:nth-child(1) .img-container {
  background: #373737;
}
.logout-container:hover .btn-trigger span:nth-child(1) .img-container img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.container-newsletter .cmp-text {
  font-family: "Guardian Sans XCond";
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
  max-width: 90%;
}
@media (max-width: 767px) {
  .container-newsletter .cmp-text {
    max-width: 100%;
  }
}

.newsLetter-section .side-b .form-con .form-title {
  font-family: "Guardian Sans XCond";
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}
.newsLetter-section .side-b .form-con .form-title .highlight {
  color: #da291c;
}
.newsLetter-section .side-b .form-con form {
  margin-top: 32px;
}
.newsLetter-section .side-b .form-con form ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 13px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.newsLetter-section .side-b .form-con form ul .grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.newsLetter-section .side-b .form-con form ul img {
  width: 16px;
}
.newsLetter-section .side-b .form-con form ul input {
  border: none;
  background: transparent;
  color: #ffffff;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  width: 100%;
}
.newsLetter-section .side-b .form-con form ul input:focus, .newsLetter-section .side-b .form-con form ul input:active, .newsLetter-section .side-b .form-con form ul input:focus-visible {
  border: none;
  outline: none;
}
.newsLetter-section .side-b .form-con form .error-msg,
.newsLetter-section .side-b .form-con form .error-text {
  display: none;
  margin-top: 8px;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #fd5050;
}
.newsLetter-section .side-b .form-con form button.vdmp-btn {
  margin-top: 32px;
  min-width: 160px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.newsLetter-section .side-b .form-con form button.vdmp-btn:hover {
  background: #ae2116;
}
@media (max-width: 767px) {
  .newsLetter-section .side-b .form-con form button.vdmp-btn {
    font-size: 12px;
    width: auto;
  }
}
.newsLetter-section .side-b .thank-you {
  display: none;
  padding: 20px 0;
  text-align: center;
}
.newsLetter-section .side-b .thank-you .img-icon {
  max-width: 134px;
  display: block;
  margin: auto;
}
.newsLetter-section .side-b .thank-you .title {
  margin-top: 28px;
  font-family: Guardian Sans XCond;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #ededed;
}
.newsLetter-section .side-b .thank-you .text {
  margin-top: 12px;
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: center;
  color: #cacaca;
}

.paymentForm .error {
  color: #da291c;
}
.paymentForm {
  /* The Modal (background) */
}
.paymentForm .modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  padding: 0;
  height: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
  padding: 0;
}
.paymentForm {
  /* Modal Content */
}
.paymentForm .modal-content {
  background-color: transparent;
  margin: auto;
  max-width: 794px;
  width: 100%;
  border: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .paymentForm .modal-content {
    max-width: 338px;
  }
}
.paymentForm .modal-content .close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: white;
  width: 32px;
  height: 32px;
  float: right;
  margin-bottom: 7px;
  -ms-flex-item-align: end;
      align-self: end;
}
.paymentForm .modal-content .close img {
  width: 10px;
  height: 10px;
}
.paymentForm .modal-content .img-container {
  max-width: 100%;
  height: 100%;
}
.paymentForm .modal-content .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.paymentForm .input-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.paymentForm .input-box label {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.paymentForm .input-box input {
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  border: none;
  outline: none;
  padding: 0 16px;
}
.paymentForm .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.paymentForm .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.paymentForm .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.paymentForm .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.paymentForm .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.paymentForm .input-box select {
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  border: none;
  outline: none;
  padding: 0 16px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-text-emphasis: "";
          text-emphasis: "";
  background-image: url("clientlib-site/assets/icons/icon-down-arrow.png");
  background-repeat: no-repeat;
  background-position: right 16px center;
  cursor: pointer;
}
.paymentForm .payment-form-container .form-data {
  background-color: #ffffff;
  padding: 20px 40px;
}
@media (max-width: 767px) {
  .paymentForm .payment-form-container .form-data {
    padding: 24px 16px;
  }
}
.paymentForm .payment-form-container .form-data .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .paymentForm .payment-form-container .form-data .heading {
    font-size: 20px;
  }
}
.paymentForm .payment-input-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.paymentForm .payment-input-fields .row-1,
.paymentForm .payment-input-fields .row-2,
.paymentForm .payment-input-fields .row-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 30px;
}
@media (max-width: 767px) {
  .paymentForm .payment-input-fields .row-1,
  .paymentForm .payment-input-fields .row-2,
  .paymentForm .payment-input-fields .row-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.paymentForm .payment-input-fields .account-number,
.paymentForm .payment-input-fields .account-number-re-enter,
.paymentForm .payment-input-fields .ifsc-code {
  width: 50%;
}
@media (max-width: 767px) {
  .paymentForm .payment-input-fields .account-number,
  .paymentForm .payment-input-fields .account-number-re-enter,
  .paymentForm .payment-input-fields .ifsc-code {
    width: 100%;
  }
}
.paymentForm .payment-input-fields .accountTypeContainer {
  position: relative;
  background-color: #f5f5f5;
}
.paymentForm .payment-input-fields .accountTypeContainer select {
  position: relative;
  z-index: 1;
  background: transparent;
}
.paymentForm .payment-input-fields .accountTypeContainer select.active {
  color: #181818;
}
.paymentForm .payment-input-fields .accountTypeContainer .img-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
  z-index: 0;
}
.paymentForm .payment-input-fields .ifsc-code {
  width: 48.2%;
}
@media (max-width: 767px) {
  .paymentForm .payment-input-fields .ifsc-code {
    width: 100%;
  }
}
.paymentForm .payment-input-fields .row-4 .account-number {
  width: 100%;
}
.paymentForm .payment-input-fields .row-4 .account-number > label {
  margin-bottom: 16px;
  display: block;
  color: #474747;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}
@media (max-width: 767px) {
  .paymentForm .payment-input-fields .row-4 .account-number > label {
    margin-bottom: 8px;
  }
}
.paymentForm .payment-input-fields .row-4 .account-number .upload-content {
  background: #f5f5f5;
  height: 184px;
  border: 1px dashed #282828;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.paymentForm .payment-input-fields .row-4 .account-number .upload-content .uploaded-img .action-top {
  position: absolute;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
}
.paymentForm .payment-input-fields .row-4 .account-number .upload-content .uploaded-img .action-top .action-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 11px;
  margin-right: 14px;
}
.paymentForm .payment-input-fields .row-4 .account-number .upload-content .uploaded-img .action-top .action-btns button {
  cursor: pointer;
  border: none;
  outline: none;
  width: auto;
  height: auto;
}
.paymentForm .payment-input-fields .row-4 .account-number .upload-content .uploaded-img .action-top .action-btns .btn-view {
  padding: 7px 12px;
  background: #ffffff;
  border: none;
  outline: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  color: #181818;
  backdrop-filter: blur(6px);
}
.paymentForm .payment-input-fields .row-4 .account-number .upload-content .uploaded-img .action-top .action-btns .btn-view:hover {
  background: #181818;
  color: #fff;
}
.paymentForm .payment-input-fields .row-4 .account-number .upload-content .uploaded-img .action-top .action-btns .btn-close {
  padding: 5px 8px;
  background: #ffffff;
  backdrop-filter: blur(6px);
  border: none;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.paymentForm .payment-input-fields .row-4 .account-number .upload-content .uploaded-img .action-top .action-btns .btn-close img {
  width: 16px;
  height: 16px;
}
.paymentForm .payment-input-fields .row-4 .account-number .upload-content .upload-error {
  display: none;
}
.paymentForm .payment-input-fields .row-4 .account-number .upload-content .upload-error .data {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.paymentForm .payment-input-fields .row-4 .account-number .upload-content .btn-reload {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 100%;
  color: #181818;
  width: 112px;
  height: 34px;
  cursor: pointer;
}
.paymentForm .payment-input-fields .row-4 .account-number .file-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
}
.paymentForm .payment-input-fields .row-4 .account-number .file-upload .picture {
  height: 100%;
}
.paymentForm .payment-input-fields .row-4 .account-number .file-upload .picture .picture__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
}
.paymentForm .payment-input-fields .row-4 .account-number .file-upload .picture .picture__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.paymentForm .payment-input-fields .row-4 .account-number .file-upload .post-thumb {
  text-align: center;
}
.paymentForm .payment-input-fields .row-4 .account-number .file-upload .post-thumb p {
  font-family: "Montserrat";
  color: #282828;
  font-weight: 600;
  font-size: 12px;
}
.paymentForm .payment-input-fields .row-4 .account-number .file-upload .input-output {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 100%;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.paymentForm .payment-input-fields .row-4 .account-number .file-upload .input-output .fileLabel {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin: auto;
  z-index: 2;
}
.paymentForm .payment-input-fields .row-4 .account-number .file-upload .input-output .fileLabel .title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #282828;
}
.paymentForm .payment-input-fields .row-4 .account-number .file-upload .input-output #FileInput {
  display: none;
}
.paymentForm .payment-input-fields .row-4 .account-number .file-upload .input-output .img-container {
  min-width: 100%;
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden;
}
.paymentForm .payment-input-fields .row-4 .account-number .file-upload .input-output .img-container img {
  width: 100%;
  height: 100%;
}
.paymentForm .guidelines-cancel-cheque {
  margin: 24px 0;
  background: #fbf7e5;
  backdrop-filter: blur(10.3205px);
  padding: 24px 19px;
}
.paymentForm .guidelines-cancel-cheque .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13px;
  margin-bottom: 22px;
}
.paymentForm .guidelines-cancel-cheque .heading h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #474747;
}
@media (max-width: 767px) {
  .paymentForm .guidelines-cancel-cheque .heading h3 {
    font-size: 16px;
  }
}
.paymentForm .guidelines-cancel-cheque .guidelines-lists {
  margin-left: 20px;
  list-style: unset;
  max-width: 35%;
}
@media (max-width: 767px) {
  .paymentForm .guidelines-cancel-cheque .guidelines-lists {
    max-width: 100%;
  }
}
.paymentForm .guidelines-cancel-cheque .guidelines-lists .list {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .paymentForm .guidelines-cancel-cheque .guidelines-lists .list {
    font-size: 12px;
  }
}
.paymentForm .guidelines-cancel-cheque .guidelines-lists button,
.paymentForm .guidelines-cancel-cheque .guidelines-lists a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #da291c;
  border: none;
  background: none;
  width: auto;
  cursor: pointer;
}
@media (max-width: 767px) {
  .paymentForm .guidelines-cancel-cheque .guidelines-lists button,
  .paymentForm .guidelines-cancel-cheque .guidelines-lists a {
    font-size: 12px;
  }
}
.paymentForm .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 767px) {
  .paymentForm .btn-wrapper {
    gap: 8px;
  }
}
.paymentForm .btn-wrapper button {
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  color: #fff;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 22.4px */
  padding: 16px 32px;
  height: auto;
  width: auto;
}
@media (max-width: 767px) {
  .paymentForm .btn-wrapper button {
    font-size: 12px;
  }
}
.paymentForm .btn-wrapper button:nth-child(1) {
  border: 1px solid #181818;
  color: #181818;
}
.paymentForm .btn-wrapper button:nth-child(1):hover {
  background: #181818;
  color: #fff;
}
@media (max-width: 767px) {
  .paymentForm .btn-wrapper button:nth-child(1) {
    width: 40%;
  }
}
.paymentForm .btn-wrapper button:nth-child(2) {
  background: #da291c;
  color: white;
  display: block;
  -webkit-box-flex: initial;
      -ms-flex: initial;
          flex: initial;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.paymentForm .btn-wrapper button:nth-child(2):hover {
  background: #ae2116;
}
@media (max-width: 767px) {
  .paymentForm .btn-wrapper button:nth-child(2) {
    width: 60%;
  }
}
.paymentForm #picture__input {
  display: none;
}
.paymentForm .picture {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #aaa;
  cursor: pointer;
  font-family: sans-serif;
  outline: none;
  overflow: hidden;
}
@media (max-width: 767px) {
  .paymentForm .picture {
    height: 100%;
  }
}
.paymentForm .picture__img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .paymentForm .picture__img {
    height: 100%;
    -o-object-fit: fill;
       object-fit: fill;
  }
}
.paymentForm .payment-success {
  padding: 40px;
  background-color: white;
  display: none;
}
.paymentForm .payment-success .payment-content .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 37px;
}
.paymentForm .payment-success .payment-content .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
@media (max-width: 767px) {
  .paymentForm .payment-success .payment-content .item-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.paymentForm .payment-success .payment-content .item-flex .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
}
@media (max-width: 767px) {
  .paymentForm .payment-success .payment-content .item-flex .left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.paymentForm .payment-success .payment-content .item-flex .left .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .paymentForm .payment-success .payment-content .item-flex .left .text {
    text-align: center;
    gap: 8px;
  }
}
.paymentForm .payment-success .payment-content .item-flex .left .text h4 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #181818;
}
.paymentForm .payment-success .payment-content .item-flex .left .text p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #373737;
}
.paymentForm .payment-success .payment-content .item-flex .right .back-home {
  width: 200px;
  height: 56px;
  background: #da291c;
  border: none;
  outline: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #ffffff;
  cursor: pointer;
}
@media (max-width: 767px) {
  .paymentForm .payment-success .payment-content .item-flex .right .back-home {
    width: 155px;
    height: 40px;
    font-size: 12px;
  }
}

.pdp_page-section {
  padding-bottom: 40px;
}
.pdp_page-section img {
  display: block;
  margin: 0;
}
.pdp_page-section .pdp_page-content {
  display: block;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pdp_page-section .pdp_page-content .slick-slider .slick-list,
.pdp_page-section .pdp_page-content .slick-slider .slick-track {
  margin: auto;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px;
  -webkit-animation: all 1s;
          animation: all 1s;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .close-full-screen {
  display: none;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .images-con {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 60%;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .images-con {
    max-width: unset;
    margin-left: -20px;
    width: 100vw;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .images-con {
    max-width: 100%;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .images-con .img-main-con {
  position: relative;
  height: 577px;
  overflow: hidden;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .images-con .img-main-con img {
  width: 100%;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .images-con .img-main-con {
    margin-bottom: 24px;
    position: relative;
    width: 100vw;
    height: unset;
    left: 0;
    top: 0;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .images-con .img-main-con img#pdp-hero-img {
  max-width: 100%;
  min-width: 100%;
  /* height: 100%; */
  display: block;
  margin: 0;
  padding: 0;
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .images-con .img-main-con img#pdp-hero-img {
    position: relative;
    top: unset;
    left: unset;
    -webkit-transform: none;
            transform: none;
    width: 100%;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-fav-icon,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-enlarge-images {
  border: none;
  border-radius: 0;
  background: none;
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer;
  z-index: 1;
  width: 40px;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-fav-icon:hover,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-enlarge-images:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-fav-icon,
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-enlarge-images {
    top: 0;
    right: 16px;
    width: 32px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-fav-icon .selected,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-enlarge-images .selected {
  display: none;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-fav-icon.favourite-active .selected {
  display: block;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-fav-icon.favourite-active .unselected {
  display: none;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-enlarge-images {
  top: unset;
  bottom: 25px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-enlarge-images img {
  background: rgba(237, 237, 237, 0.6117647059);
  backdrop-filter: blur(2px);
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .btn-enlarge-images {
    bottom: 0;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .img-thumbnails-con {
  margin-top: 8px;
  position: relative;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .img-thumbnails-con .img-thumbnails {
  max-width: calc(100% - 48px);
  margin: auto;
  z-index: 1;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .img-thumbnails-con .img-thumbnails .img-thumb {
  position: relative;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .img-thumbnails-con .img-thumbnails .img-thumb.active {
  border: 1.048px solid #daaa00;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .img-thumbnails-con .img-thumbnails .img-thumb img {
  margin: 0px;
  display: block;
  width: 100%;
  cursor: pointer;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .img-thumbnails-con .track-arrows {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
  max-height: 24px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .img-thumbnails-con .track-arrows button {
  border: none;
  outline: none;
  cursor: pointer;
  width: 24px;
  min-height: 24px;
  background: none;
  height: 100%;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .img-thumbnails-con .track-arrows button img {
  display: block;
  max-width: 100%;
  margin: auto;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .img-thumbnails-con .track-arrows button:hover {
  background: #000;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .img-thumbnails-con .track-arrows button:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .img-thumbnails-con .slick-initialized .slick-slide {
  padding-right: 4px;
  margin-right: 15px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .img-thumbnails-con .slick-initialized .slick-slide:last-child {
  margin-right: unset;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .text-chip {
  height: 30px;
  padding: 5px 10px 5px 10px;
  background: #ededed;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .text-chip {
    font-size: 12px;
    line-height: 17px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .title {
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: "Guardian Sans XCond";
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .content-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #474747;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  position: relative;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text {
    font-size: 0.875rem;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text .btn-tooltip {
  background: transparent;
  height: auto;
  width: auto;
  border: none;
  outline: none;
  cursor: pointer;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text .modalToolTip {
  position: absolute;
  z-index: 11;
  top: 24px;
  right: -5px;
  z-index: 11;
  background: #f4e5b3;
  max-width: 100%;
  padding: 12px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text .modalToolTip {
    top: -32px;
    right: -7px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text .modalToolTip {
    top: 25px;
    right: -5px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text .modalToolTip .data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text .modalToolTip .data span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #181818;
  word-break: break-all;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text .modalToolTip .data::before {
  content: "";
  position: absolute;
  top: -18px;
  right: -6px;
  border-bottom: solid 8px #f4e5b3;
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text .modalToolTip .data::before {
    display: none;
  }
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text .modalToolTip .data::after {
    content: "";
    position: absolute;
    right: -4px;
    bottom: -18px;
    border-top: solid 8px #f4e5b3;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text img {
  width: 18px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text.v2 {
  gap: 10px;
  background-color: #ededed;
  padding: 8px 10px 8px 10px;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text.v2 {
    gap: 8px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text.v3 {
  margin-top: 6px;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #474747;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .icon-with-text.v3 {
    font-size: 12px;
    line-height: 17px;
    margin-top: 0;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .price {
  margin-top: 23px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .price p {
  font-family: "Guardian Sans XCond";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .price p {
    gap: 6px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .price p strong {
  font-size: 40px;
  line-height: 48px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .bike-title-section .text-container .vdmp-btn {
  display: block;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section {
  margin-top: 60px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section a {
  outline: none;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs {
  position: sticky;
  top: 80px;
  background: #fff;
  z-index: 100;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs {
    top: 121px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs::-webkit-scrollbar {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs {
    top: 70px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs::-webkit-scrollbar {
    display: none;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-titles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-titles {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    overflow-x: auto;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-titles .title {
  padding: 15px;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  font-family: "Guardian Sans XCond";
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: center;
  color: rgba(55, 55, 55, 0.6);
  border: 1px solid #a7a7a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-titles .title {
    font-family: "Guardian Sans XCond";
    font-size: 20px;
    line-height: 24px;
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-titles .title {
    font-size: 20px;
    padding: 5px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-titles .title.active {
  color: #373737;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-titles .title.active span:after, .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-titles .title:hover span:after {
  content: "";
  display: block;
  height: 4px;
  width: 106px;
  border-radius: 0px;
  background: rgb(218, 41, 28);
  margin: auto;
  -webkit-transform: translateY(16px);
          transform: translateY(16px);
}
@media (min-width: 766px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-titles .title.active span:after, .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-titles .title:hover span:after {
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
}
@media (min-width: 766px) and (max-width: 900px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-titles .title.active span:after, .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-titles .title:hover span:after {
    -webkit-transform: translateY(19px);
            transform: translateY(19px);
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container {
  margin-top: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 28px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview:after {
  content: "";
  display: block;
  width: 100%;
  background: #f5f5f5;
  height: 80px;
  position: absolute;
  bottom: 0px;
  left: 0;
  z-index: 0;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs {
  gap: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 1;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: block;
  }
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 33.3333333333%;
    float: left;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs .item .icon img {
  display: block;
  height: 48px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs .item .icon img {
    height: 40px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs .item .text {
  font-family: "Guardian Sans XCond";
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs .item .text {
    font-size: 18px;
    line-height: 22px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs .item .text .label {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #616161;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs .item .text .label {
    font-size: 12px;
    line-height: 17px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs .item .text p {
  white-space: nowrap;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs .item:after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: rgb(202, 202, 202);
  position: absolute;
  bottom: -32px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs .item:after {
    display: none;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .v-tabs .item:last-child:after {
  display: none;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .img-con {
  z-index: 1;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .img-con {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #overview .img-con img {
  width: 600px;
  max-width: 100%;
  display: block;
  margin: auto;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about {
  border-radius: 0px;
  padding: 80px 102px 80px 102px;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about {
    padding: 32px 16px 32px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about {
    padding: 32px 16px 32px 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-a,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-b {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .title,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards p.highlight,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .secondary-title {
  font-family: "Guardian Sans XCond";
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .title,
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards p.highlight,
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .secondary-title {
    font-family: "Guardian Sans XCond";
    font-size: 32px;
    line-height: 38px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-a p {
  margin-top: 12px;
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-a p {
    font-size: 0.875rem;
    line-height: 140%;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about p.secondary-title {
  margin-top: 32px;
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
  text-align: left;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about p.secondary-title {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.5px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-b {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-b {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-b .cards-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 16px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-b .cards-con {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-b .cards-con {
    width: 100%;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-b .cards-con-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-b .m-f-50 {
    -ms-flex-preferred-size: calc(50% - 8px);
        flex-basis: calc(50% - 8px);
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .side-b .m-f-50 {
    -ms-flex-preferred-size: calc(50% - 8px);
        flex-basis: calc(50% - 8px);
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: 180px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  background-color: #ffffff;
  padding: 20px 16px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards {
    width: unset;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards {
    width: unset;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards:first-child {
  margin-top: unset;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards span {
  margin-left: auto;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards img {
  width: auto;
  max-width: 100%;
  margin: auto;
  display: block;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards p {
  font-family: "Montserrat";
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  color: #474747;
  text-align: left;
  max-width: 50%;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards pb {
  font-size: 16px;
  line-height: 22px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards p:first-child {
  margin-top: 8px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards p.highlight {
  font-family: "Guardian Sans XCond";
  font-size: 2rem;
  line-height: 38px;
  text-align: center;
  color: #181818;
  max-width: unset;
  width: 100%;
  text-align: left;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards.v1 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards.v1 span {
  margin-left: unset;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #about .icon-cards.v1 .highlight {
  text-align: center;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .emicalculator-section {
  padding: 80px 0px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .emicalculator-section {
    padding: 20px 0px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .sliders {
  width: 57%;
  max-width: 900px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .sliders {
    width: unset;
    max-width: unset;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .sliders {
    width: unset;
    max-width: unset;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .sliders {
  /* Add any additional styling for the sliders container */
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .sliders ::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #f5f5f5;
  -webkit-box-shadow: 0px 4px 4px rgba(255, 6, 6, 0.25);
          box-shadow: 0px 4px 4px rgba(255, 6, 6, 0.25);
  border: 2px solid #da291c;
  border-radius: 50%;
  opacity: 1;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .pie-chart {
  width: 31%;
  max-width: 400px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .pie-chart {
    width: unset;
    max-width: unset;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .pie-chart {
  /* Add any additional styling for the pie chart container */
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .x-box {
  width: 152px;
  height: 152px;
  border-radius: 50%;
  background: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-shadow: 6px 8px 12px rgba(71, 71, 71, 0.2);
          box-shadow: 6px 8px 12px rgba(71, 71, 71, 0.2);
  background: repeating-conic-gradient(from 0deg, #373737 0deg 30deg, #fff 30deg 360deg);
  position: relative;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .img1 {
  /* margin-bottom: 60px;
                  padding-top: 20px;
                  width: 30%;
                padding: 100px;
                height: 10.5px;
                left: 101px;
                top: 34px; */
  width: 100%;
  position: absolute;
  top: 22px;
  left: 76px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .img1 img {
  height: 16px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .img2 {
  width: 100%;
  position: absolute;
  top: 85px;
  left: 95px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .img2 img {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
  height: 16px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .img1 p,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .img2 p {
  position: relative;
  top: -24px;
  left: 54px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #181818;
  text-align: right;
  font-family: "Montserrat";
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .img1 p span.price_symbol,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .img2 p span.price_symbol {
  font-family: "Guardian Sans XCond";
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.36px;
  margin-right: 2px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .img1 p {
  top: -12px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .x-box-cont {
  font-size: 30px;
  padding-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .x-box-cont strong {
  display: block;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .box {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  color: #616161;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .box1 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  color: #181818;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container2 {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 48px;
  background: #181818;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container2 {
    padding: 16px 40px;
    position: absolute;
    top: -16px;
    width: calc(100% - 32px);
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container2 .box2 .title {
  color: #fff;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 500;
  font-size: 1.312rem;
  line-height: 120%;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container2 .box2 .title p:first-child {
  font-weight: 700;
  font-size: 2rem;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container2 .box2 p {
  color: #ffffff;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .box-box2 .title {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: #ffffff;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .pie-chart .box .box2 p {
  width: 300px;
  height: 20px;
  left: calc(50% - 150px);
  top: 430px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .myinput {
  background: -webkit-gradient(linear, left top, right top, from(#da291c), color-stop(50%, #da291c), color-stop(50%, #cacaca), to(#cacaca));
  background: linear-gradient(to right, #da291c 0%, #da291c 50%, #cacaca 50%, #cacaca 100%);
  border: solid 1px #cacaca;
  border-radius: 8px;
  height: 7px;
  width: 100%;
  color: #474747;
  outline: none;
  -webkit-transition: background 450ms ease-in;
  transition: background 450ms ease-in;
  -webkit-appearance: none;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .chrome .titleh3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #474747;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .pie-chart {
  margin: 92px 0px 30px 30px;
  padding: 30px;
  background: #f2f2f2;
  border: none;
  width: 31%;
  min-width: 382px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .pie-chart {
    width: unset;
    min-width: unset;
    margin: 0px;
    padding: 16px;
    position: relative;
    padding-top: 172px;
    margin-top: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .pie-chart {
    width: unset;
    max-width: unset;
    margin: 59px 0px 0px 0px;
    margin-top: 30px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .sliders .head .title {
  margin-bottom: 40px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .pie-chart .box .box2 .title {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  margin: 10px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.02em;
  color: #ffffff;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .pie-chart .box .box2 .title {
    font-size: 25px;
    letter-spacing: 0.5px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .pie-chart .box .box2 h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  margin: 10px;
  padding: 10px;
  /* identical to box height, or 24px */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.02em;
  /* Background/White */
  color: #ffffff;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator {
  /* .__container .pie-chart .box .box4{
                    display: flex;
                    align-items: center;
                    color: #FFFFFF;
                  } */
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .pie-chart .box .box3 .paragraph1 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  /* line-height: 140%; */
  text-align: center;
  color: #474747;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .pie-chart .box .box3 .paragraph2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  /* or 14px */
  text-align: center;
  color: #5e5e5e;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .sliders .head .chrome .input-field {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  width: 104px;
  padding: 14px 16px;
  line-height: 140%;
  /* or 22px */
  text-align: right;
  /* Neutral/Graphite - 900 */
  color: #181818;
  border: none;
  background: #f5f5f5;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .sliders .head .chrome .input-field {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 140%;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator {
  /* .__container .sliders .head .chrome{
                    display: flex;
                    justify-content: flex-end;
                  } */
  /* .__container .sliders .head .chrome .input-field {
                    display: flex;
                    justify-content: flex-end;
                    width: -15px;

                  } */
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .sliders .head .chrome .input-field::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  width: 20px;
  /* or 22px */
  text-align: right;
  /* Neutral/Graphite - 900 */
  color: #181818;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .sliders .head .chrome .input-field::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  width: 20px;
  /* or 22px */
  text-align: right;
  /* Neutral/Graphite - 900 */
  color: #181818;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .sliders .head .chrome .input-field:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  width: 20px;
  /* or 22px */
  text-align: right;
  /* Neutral/Graphite - 900 */
  color: #181818;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .sliders .head .chrome .input-field::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  width: 20px;
  /* or 22px */
  text-align: right;
  /* Neutral/Graphite - 900 */
  color: #181818;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container .sliders .head .chrome .input-field::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  width: 20px;
  /* or 22px */
  text-align: right;
  /* Neutral/Graphite - 900 */
  color: #181818;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .markings {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #848484;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator {
  /* .__container .pie-chart .box .box2{
                    flex: 1;
                    align-items: flex-start;

                  }
                  .__container .pie-chart .box .box4{
                    flex: 1;
                  } */
  /* .label {
                    display: block;
                    text-align: center;
                    font-size:  $font-size-14;
                    color: #555;
                    margin-top: 10px;
                  } */
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 34px;
}
@media (min-width: 768px) and (max-width: 1365px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container2 {
    gap: 15px;
    padding: 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .box2 {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .box4 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #cacaca;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .box5 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  color: #ffffff;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .box5 {
    font-size: 25px;
    line-height: 120%;
    letter-spacing: 0.5px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label2 {
  border: none;
  width: 20px;
  margin-top: 15px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label1,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label2 {
  width: 20%;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label5,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label7 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
  text-align: right;
  width: 25%;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label5,
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label7 {
    font-size: 0.875rem;
    font-weight: 600;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 120%;
  /* identical to box height, or 24px */
  /* Neutral/Graphite - 400 */
  color: #616161;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text1 .text-2 {
  margin-top: 12px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  /* identical to box height, or 24px */
  letter-spacing: 0.02em;
  /* Neutral/Graphite - 400 */
  color: #616161;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .tex2,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text3,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text5,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text6 {
  margin-bottom: 15px;
  /* Add spacing between the divs */
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text3,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text6 {
  color: #181818;
  font-weight: bold;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .box3,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .paragraph1 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #474747;
  text-align: center;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .box3,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .paragraph2 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 140%;
  /* or 14px */
  text-align: center;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label4,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label6,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label1 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  /* or 22px */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /* Neutral/Graphite - 600 */
  color: #474747;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label2 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  /* identical to box height, or 24px */
  letter-spacing: 0.02em;
  /* Neutral/Graphite - 900 */
  color: #181818;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text2,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text5 {
  width: 100%;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text5,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text7 {
  margin-bottom: -15px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text5 {
  margin-top: 20px;
  margin-bottom: 6px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text6,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text7 {
  margin-bottom: 6px;
  /* margin-top: 22px; */
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text5,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text6,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text4,
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .__container4 {
    padding-right: 55px;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text3 {
  margin-top: 12px;
  margin-bottom: 0;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text6 {
  margin: 0;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .text2 {
  margin-top: 22px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator {
  /* .class1{
                    font-family: '$font-family-gxcond';
                  font-style: normal;
                  font-weight: 700;
                  font-size: 32px;
                  line-height: 120%;
                    margin-top: 24px;
                    margin-left: 48px;
                    margin-bottom: 48px;
                    margin-right: 229px;
                  }
                  .class2{
                    font-family: '$font-family-gxcond';
                  font-style: normal;
                  font-weight: 500;
                  font-size: 20px;
                  line-height: 120%;
                  padding-top: 0px;
                  } */
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .paragraph1 {
  margin-top: 8px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .paragraph1 {
    position: absolute;
    top: 108px;
    width: calc(100% - 32px);
    text-align: center;
  }
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .paragraph2 {
  margin-top: 12px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label2 .input-field::-webkit-input-placeholder {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: end;
          align-items: end;
  width: 100%;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label2 .input-field::-moz-placeholder {
  display: flex;
  flex-direction: column;
  align-items: end;
  width: 100%;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label2 .input-field:-ms-input-placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: end;
  width: 100%;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label2 .input-field::-ms-input-placeholder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: end;
  width: 100%;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label2 .input-field::placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  width: 100%;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .label2 {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.pdp_page-section .pdp_page-content .pdp_page-box .pdp_page-con .tabs-section .tabs-container #emicalculator .box2 h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  margin-bottom: 40px;
}
.pdp_page-section .pdp_page-content .error-container.error-pdp .error-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.pdp_page-section .pdp_page-content .error-container.error-pdp .error-details .img-container {
  max-width: 555px;
  margin-bottom: 71px;
}
@media (max-width: 767px) {
  .pdp_page-section .pdp_page-content .error-container.error-pdp .error-details .img-container {
    margin-bottom: 25px;
  }
}
.pdp_page-section .pdp_page-content .error-container.error-pdp .error-details .img-container img {
  max-width: 100%;
  height: 100%;
}
.pdp_page-section .pdp_page-content .error-container.error-pdp .error-details .heading {
  color: #da291c;
  font-family: "Guardian Sans XCond";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 48px */
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}
.pdp_page-section .pdp_page-content .error-container.error-pdp .error-details .desc {
  color: #fd5050;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  margin-bottom: 8px;
}
.pdp_page-section .fullscreen-mode-enable .bike-title-section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #848484;
  backdrop-filter: blur(4px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
}
@media (max-width: 767px) {
  .pdp_page-section .fullscreen-mode-enable .bike-title-section .images-con {
    margin-left: 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.pdp_page-section .fullscreen-mode-enable .bike-title-section .img-main-con {
  position: relative;
  overflow: unset !important;
}
@media (min-width: 768px) and (max-width: 1439px) {
  .pdp_page-section .fullscreen-mode-enable .bike-title-section .img-main-con {
    max-width: 580px;
    margin: auto;
  }
}
.pdp_page-section .fullscreen-mode-enable .bike-title-section .img-main-con img#pdp-hero-img {
  max-width: unset !important;
  min-width: unset !important;
  height: 100% !important;
  width: auto !important;
  position: relative !important;
  top: unset !important;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
}
@media (max-width: 767px) {
  .pdp_page-section .fullscreen-mode-enable .bike-title-section .img-main-con img#pdp-hero-img {
    height: auto !important;
    width: 100% !important;
    -webkit-transform: none !important;
            transform: none !important;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .pdp_page-section .fullscreen-mode-enable .bike-title-section .img-thumbnails-con {
    max-width: 580px;
    margin: 20px auto;
  }
}
.pdp_page-section .fullscreen-mode-enable .bike-title-section .text-container {
  display: none !important;
}
.pdp_page-section .fullscreen-mode-enable .bike-title-section .img-main-con button {
  display: none;
}
.pdp_page-section .fullscreen-mode-enable .bike-title-section .track-arrows {
  height: 100% !important;
}
.pdp_page-section .fullscreen-mode-enable .bike-title-section .track-arrows button {
  background: #fff !important;
  height: 100% !important;
}
.pdp_page-section .fullscreen-mode-enable .bike-title-section .track-arrows button:hover {
  background: #da291c !important;
}
.pdp_page-section .fullscreen-mode-enable .bike-title-section .track-arrows button:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.pdp_page-section .fullscreen-mode-enable .bike-title-section .close-full-screen {
  border: none;
  outline: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: -48px;
  display: block !important;
  background: none;
  z-index: 1001;
}
@media (max-width: 767px) {
  .pdp_page-section .fullscreen-mode-enable .bike-title-section .close-full-screen {
    position: fixed;
    top: 33px;
    right: 24px;
  }
}
.pdp_page-section .fullscreen-mode-enable .bike-title-section .close-full-screen img {
  display: block;
  width: 100%;
  height: auto;
}

.bottom-strip-sticky {
  background: #181818;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  position: fixed;
  bottom: 0px;
  margin-left: -9vw;
  width: 100vw;
  z-index: 100;
  padding: 15px 16px;
  z-index: 100;
}
@media (max-width: 767px) {
  .bottom-strip-sticky {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -20px;
    padding: 12px 16px;
  }
}
@media (min-width: 1600px) {
  .bottom-strip-sticky {
    margin-left: -9vw;
  }
}
@media (max-width: 1300px) {
  .bottom-strip-sticky {
    margin-left: -5vw;
  }
}
.bottom-strip-sticky .bike-heading .heading {
  color: #fff;
  font-family: "Guardian Sans XCond";
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 30px */
  letter-spacing: 0.5px;
}
.bottom-strip-sticky .details-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
}
@media (max-width: 767px) {
  .bottom-strip-sticky .details-action {
    gap: 21px;
  }
}
.bottom-strip-sticky .details-action .price .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #fff;
  font-family: "Guardian Sans XCond";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
  letter-spacing: 0.4px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .bottom-strip-sticky .details-action .price .label {
    gap: 5px;
    font-size: 18px;
  }
}
.bottom-strip-sticky .details-action .price .label .amt {
  color: #da291c;
  font-family: "Guardian Sans XCond";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 38.4px */
  letter-spacing: 0.64px;
}
@media (max-width: 767px) {
  .bottom-strip-sticky .details-action .price .label .amt {
    font-size: 25px;
  }
}
.bottom-strip-sticky .details-action .action-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.bottom-strip-sticky .details-action .action-btns .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 12px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .bottom-strip-sticky .details-action .action-btns .vdmp-btn:last-child {
    padding: 11px 8px;
  }
}
.bottom-strip-sticky .details-action .action-btns .cpr-plain-cta {
  border: 1px solid #616161;
  background: transparent;
  color: #fff;
}
@media (max-width: 767px) {
  .bottom-strip-sticky .details-action .action-btns .cpr-plain-cta {
    display: none;
  }
}

.error-container.error-pdp .error-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.error-container.error-pdp .error-details.align-left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.error-container.error-pdp .error-details .img-container {
  max-width: 555px;
  margin-bottom: 71px;
}
@media (max-width: 767px) {
  .error-container.error-pdp .error-details .img-container {
    margin-bottom: 25px;
  }
}
.error-container.error-pdp .error-details .img-container img {
  max-width: 100%;
  height: 100%;
}
.error-container.error-pdp .error-details .heading {
  color: #da291c;
  font-family: "Guardian Sans XCond";
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 48px */
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}
.error-container.error-pdp .error-details .desc {
  color: #fd5050;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  margin-bottom: 8px;
}
.error-container.error-pdp .error-details .desc.text-left {
  text-align: left;
}
.error-container.error-pdp .error-details .vdmp-btn-primary {
  display: inline-block;
}
@media (max-width: 767px) {
  .error-container.error-pdp .error-details .vdmp-btn-primary {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .vdmp-form-contianer .vdmp-form-input {
    max-width: 50%;
  }
}
.vdmp-form-contianer .vdmp-form-input label,
.vdmp-form-contianer .vdmp-form-input input {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 8px;
  color: #181818;
  border: none;
}
.vdmp-form-contianer .vdmp-form-input label::-webkit-input-placeholder, .vdmp-form-contianer .vdmp-form-input input::-webkit-input-placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-input label::-moz-placeholder, .vdmp-form-contianer .vdmp-form-input input::-moz-placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-input label:-ms-input-placeholder, .vdmp-form-contianer .vdmp-form-input input:-ms-input-placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-input label::-ms-input-placeholder, .vdmp-form-contianer .vdmp-form-input input::-ms-input-placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-input label::placeholder,
.vdmp-form-contianer .vdmp-form-input input::placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-input label:disabled,
.vdmp-form-contianer .vdmp-form-input input:disabled {
  cursor: not-allowed;
}
.vdmp-form-contianer .vdmp-form-input label {
  display: block;
  color: #474747;
}
.vdmp-form-contianer .vdmp-form-input input {
  height: 20px;
  margin: 0px;
}
.vdmp-form-contianer .vdmp-form-input input:active, .vdmp-form-contianer .vdmp-form-input input:focus-visible {
  border: none;
}
.vdmp-form-contianer .vdmp-form-input .input-con {
  height: 48px;
  border-radius: 0px;
  padding: 14px 16px 14px 16px;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vdmp-form-contianer .vdmp-form-input .input-con input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: none;
}
.vdmp-form-contianer .vdmp-form-input .input-con.mobile-input span {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #cacaca;
}
.vdmp-form-contianer .vdmp-form-input input::-webkit-outer-spin-button,
.vdmp-form-contianer .vdmp-form-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.vdmp-form-contianer .vdmp-form-input input[type=number] {
  -moz-appearance: textfield;
}

@media (min-width: 768px) {
  .vdmp-form-contianer .vdmp-form-input {
    max-width: 50%;
  }
}
.vdmp-form-contianer .vdmp-form-input label,
.vdmp-form-contianer .vdmp-form-input input {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 8px;
  color: #474747;
  border: none;
}
.vdmp-form-contianer .vdmp-form-input label::-webkit-input-placeholder, .vdmp-form-contianer .vdmp-form-input input::-webkit-input-placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-input label::-moz-placeholder, .vdmp-form-contianer .vdmp-form-input input::-moz-placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-input label:-ms-input-placeholder, .vdmp-form-contianer .vdmp-form-input input:-ms-input-placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-input label::-ms-input-placeholder, .vdmp-form-contianer .vdmp-form-input input::-ms-input-placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-input label::placeholder,
.vdmp-form-contianer .vdmp-form-input input::placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-input label {
  display: block;
}
.vdmp-form-contianer .vdmp-form-input input {
  height: 20px;
  margin: 0px;
}
.vdmp-form-contianer .vdmp-form-input input:active, .vdmp-form-contianer .vdmp-form-input input:focus-visible {
  border: none;
}
.vdmp-form-contianer .vdmp-form-input .input-con {
  height: 48px;
  border-radius: 0px;
  padding: 14px 16px 14px 16px;
  background: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vdmp-form-contianer .vdmp-form-input .input-con input {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: none;
}
.vdmp-form-contianer .vdmp-form-input .input-con.mobile-input span {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #cacaca;
}
.vdmp-form-contianer input::-webkit-outer-spin-button,
.vdmp-form-contianer input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.vdmp-form-contianer input[type=number] {
  -moz-appearance: textfield;
}

.btn-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.vdmp-form-contianer .vdmp-form-inputs-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding-bottom: 24px;
}
.vdmp-form-contianer .vdmp-form-inputs-con:last-child {
  padding-bottom: 0px;
}
@media (min-width: 768px) {
  .vdmp-form-contianer .vdmp-form-inputs-con {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .vdmp-form-contianer .vdmp-form-inputs-con {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.vdmp-form-contianer .vdmp-form-inputs-con div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.vdmp-form-contianer .vdmp-form-inputs-con .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .vdmp-form-contianer .vdmp-form-inputs-con .flex-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}
.vdmp-form-contianer .vdmp-form-inputs-con .flex-item .two-col {
  width: calc(50% - 15px);
}
@media (max-width: 767px) {
  .vdmp-form-contianer .vdmp-form-inputs-con .flex-item .two-col {
    width: 100%;
  }
  .vdmp-form-contianer .vdmp-form-inputs-con .flex-item .two-col .input-box {
    width: calc(50% - 15px);
  }
}
.vdmp-form-contianer .vdmp-form-inputs-con .flex-item .exp-date {
  color: #848484;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}
.vdmp-form-contianer .vdmp-form-inputs-con .flex-item .exp-date input {
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
  cursor: pointer;
}
.vdmp-form-contianer .vdmp-form-inputs-con .flex-item .exp-date .date-con {
  position: relative;
  background: #f5f5f5;
}
.vdmp-form-contianer .vdmp-form-inputs-con .flex-item .exp-date .date-con input {
  z-index: 1;
  position: relative;
  background: transparent;
}
.vdmp-form-contianer .vdmp-form-inputs-con .flex-item .exp-date .date-con img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 9pt;
  z-index: 0;
}
.vdmp-form-contianer .vdmp-form-inputs-con .flex-item .exp-date.active input {
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}
.vdmp-form-contianer .vdmp-form-inputs-con .flex-item .input-lists {
  position: relative;
}
.vdmp-form-contianer .vdmp-form-inputs-con .flex-item .input-lists li {
  position: relative;
  background-color: #f5f5f5;
}
.vdmp-form-contianer .vdmp-form-inputs-con .flex-item .input-lists li select {
  z-index: 1;
  position: relative;
  background: transparent;
}
.vdmp-form-contianer .vdmp-form-inputs-con .flex-item .input-lists li .img-container {
  position: absolute;
  top: 25%;
  right: 9pt;
  z-index: 0;
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box {
  width: 48%;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  .vdmp-form-contianer .vdmp-form-inputs-con .input-box {
    width: 100%;
  }
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box .with-icon {
  position: relative;
  width: 100%;
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box .with-icon img {
  position: absolute;
  height: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 16px;
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box select {
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  border: none;
  outline: none;
  padding: 0 16px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-text-emphasis: "";
  text-emphasis: "";
  color: #848484;
  cursor: pointer;
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box select:disabled, .vdmp-form-contianer .vdmp-form-inputs-con .input-box select:invalid {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box select.active {
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}
.vdmp-form-contianer .vdmp-form-inputs-con .mobile > div {
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  padding: 14px 16px;
  border: none;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vdmp-form-contianer .vdmp-form-inputs-con .mobile .select-country select {
  width: 45px;
  padding-left: 0px;
  background-color: transparent;
  outline: none;
  border: none;
  font-family: "Montserrat";
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #474747;
  border-right: 1px solid #cacaca;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.vdmp-form-contianer .vdmp-form-inputs-con .mobile .select-country select:disabled {
  cursor: not-allowed;
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box label,
.vdmp-form-contianer .vdmp-form-inputs-con .input-box span {
  display: block;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #474747;
  overflow: hidden;
  white-space: nowrap;
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box input {
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  padding: 14px 16px;
  border: none;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #181818;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box input::-webkit-input-placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box input::-moz-placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box input:-ms-input-placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box input::-ms-input-placeholder {
  color: #a7a7a7;
}
.vdmp-form-contianer .vdmp-form-inputs-con .input-box input::placeholder {
  color: #a7a7a7;
}
@media (max-width: 767px) {
  .vdmp-form-contianer .vdmp-form-inputs-con .input-box input::-webkit-input-placeholder {
    font-size: 0.75rem;
  }
  .vdmp-form-contianer .vdmp-form-inputs-con .input-box input::-moz-placeholder {
    font-size: 0.75rem;
  }
  .vdmp-form-contianer .vdmp-form-inputs-con .input-box input:-ms-input-placeholder {
    font-size: 0.75rem;
  }
  .vdmp-form-contianer .vdmp-form-inputs-con .input-box input::-ms-input-placeholder {
    font-size: 0.75rem;
  }
  .vdmp-form-contianer .vdmp-form-inputs-con .input-box input::placeholder {
    font-size: 0.75rem;
  }
}
.vdmp-form-contianer .vdmp-form-inputs-con .btn-submit .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
}
@media (max-width: 767px) {
  .vdmp-form-contianer .vdmp-form-inputs-con .btn-submit .vdmp-btn {
    width: 100%;
  }
}

.personal_details_form_step,
.bike_details_form_step {
  display: none;
}
.personal_details_form_step.active,
.bike_details_form_step.active {
  display: block;
}
.personal_details_form_step .optional-marker,
.bike_details_form_step .optional-marker {
  display: block;
  width: 100%;
}
.personal_details_form_step .optional-marker p,
.bike_details_form_step .optional-marker p {
  display: block;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  width: 100%;
  position: relative;
}
.personal_details_form_step .optional-marker p:after,
.bike_details_form_step .optional-marker p:after {
  content: "";
  display: block;
  width: calc(100% - 100px);
  height: 1px;
  position: absolute;
  background: #cacaca;
  top: 50%;
  right: 0;
}
.personal_details_form_step .btn-group,
.bike_details_form_step .btn-group {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767px) {
  .personal_details_form_step .btn-group a,
  .bike_details_form_step .btn-group a {
    width: 100%;
  }
}
.personal_details_form_step .btn-group #add-location-manually,
.bike_details_form_step .btn-group #add-location-manually {
  opacity: 1;
}
.personal_details_form_step .btn-group .vdmp-btn,
.bike_details_form_step .btn-group .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.personal_details_form_step .btn-group #book-btn,
.personal_details_form_step .btn-group #book-btn_nonRe,
.bike_details_form_step .btn-group #book-btn,
.bike_details_form_step .btn-group #book-btn_nonRe {
  opacity: 1;
}

.otp-verification .otp-input .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #474747;
  margin-bottom: 16px;
}
.otp-verification .otp-input .otp-box label {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  margin-bottom: 12px;
  display: block;
  line-height: 140%;
  color: #474747;
}
.otp-verification .otp-input .otp-box .otp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .otp-verification .otp-input .otp-box .otp-container {
    gap: 12px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.otp-verification .otp-input .otp-box .otp-container input {
  width: 40px;
  height: 40px;
  border: none;
  outline: none;
  background: #f5f5f5;
  text-align: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.otp-verification .otp-input .otp-box .otp-container input.otpfilled {
  border: 1px solid #da291c;
}
.otp-verification .otp-input .otp-box .otp-time {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 140%;
  color: #616161;
}
.otp-verification .otp-input .otp-box .otp-time span {
  color: #181818;
  font-weight: 700;
  margin-left: 4.5px;
}
.otp-verification .otp-input .otp-box .resend-otp,
.otp-verification .otp-input .otp-box .invalid-otp {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 140%;
  color: #da291c;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 6.8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: auto;
}
.otp-verification .otp-input .otp-box button.resend-otp {
  border: none;
  background: transparent;
  width: auto;
  height: auto;
}
.otp-verification .otp-input .otp-box button.resend-otp img {
  height: 16px;
  max-height: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.otp-verification .btn-submit {
  position: relative;
}
.otp-verification .btn-submit button {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .otp-verification .btn-submit {
    margin-top: 24px;
  }
}
.otp-verification .cta-desclaimer {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 15px;
}
@media (max-width: 767px) {
  .otp-verification .cta-desclaimer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.otp-verification .cta-desclaimer .term-desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #4f4f4f;
  font-family: "Montserrat";
  font-style: normal;
  max-width: 500px;
  word-break: break-word;
}
@media (max-width: 767px) {
  .otp-verification .cta-desclaimer .term-desc {
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1365px) {
  .otp-verification .cta-desclaimer .term-desc {
    max-width: 100%;
  }
}

.card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.bike-card {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f5f5f5;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.bike-card.active {
  border: 1px solid #848484;
}

.toastMsg {
  padding: 16px 12px;
  font-family: "Montserrat";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  position: fixed;
  top: 70px;
  margin: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1000;
  -webkit-animation: fadeInToast 0.5s;
          animation: fadeInToast 0.5s;
}
@media (max-width: 767px) {
  .toastMsg {
    padding: 12px 8px;
    gap: 16px;
    font-size: 0.875rem;
    width: 90%;
  }
}
.toastMsg img {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.toastMsg p {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.toastMsg b {
  font-weight: 700;
}
.toastMsg.success {
  color: #548f42;
  border: 0.5px solid #548f42;
  background: #f0f7ee;
  backdrop-filter: blur(10.3205127716px);
}
.toastMsg.error {
  color: #da291c;
  border: 0.5px solid #ae2116;
  background: #fbeae8;
  backdrop-filter: blur(10.3205127716px);
}
.toastMsg.warning {
  color: #ae8800;
  border: 0.5px solid #ae8800;
  background: #fbf7e5;
  backdrop-filter: blur(10.3205127716px);
}
.toastMsg.info {
  color: #33738e;
  border: 0.5px solid #097daf;
  background: #dbf4ff;
  backdrop-filter: blur(10.3205127716px);
}
.toastMsg.hide {
  display: none;
}

@-webkit-keyframes fadeInToast {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInToast {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.input-lists.active select,
li.active select {
  color: #181818 !important;
}

.error-container.error-personal-info {
  height: 100%;
}
.error-container.error-personal-info .error-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 28px 30px;
}
@media (max-width: 767px) {
  .error-container.error-personal-info .error-details {
    padding: 32px;
  }
}
.error-container.error-personal-info .error-details .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .error-container.error-personal-info .error-details .img-container {
    margin-bottom: 40px;
  }
}
.error-container.error-personal-info .error-details .img-container img {
  max-width: 100%;
  height: auto;
}
.error-container.error-personal-info .error-details .error-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.error-container.error-personal-info .error-details .error-content .error-title {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .error-container.error-personal-info .error-details .error-content .error-title {
    font-size: 8px;
    margin-bottom: 8px;
  }
}
.error-container.error-personal-info .error-details .error-content .error-title h3 {
  color: #282828;
  text-align: center;
  font-family: Guardian Sans XCond;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 48px */
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  .error-container.error-personal-info .error-details .error-content .error-title h3 {
    font-size: 1.5rem;
  }
}
.error-container.error-personal-info .error-details .error-content .error-description {
  margin-bottom: 24px;
}
.error-container.error-personal-info .error-details .error-content .error-description p {
  color: #181818;
  text-align: center;
  font-family: Montserrat;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
}
@media (max-width: 767px) {
  .error-container.error-personal-info .error-details .error-content .error-description p {
    font-size: 0.875rem;
  }
}
.error-container.error-personal-info .error-details .error-content .btn-reload {
  width: auto;
  height: auto;
  outline: none;
  border: none;
  background: transparent;
  color: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: Montserrat;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
  gap: 4px;
}
@media (max-width: 767px) {
  .error-container.error-personal-info .error-details .error-content .btn-reload {
    font-size: 0.875rem;
  }
}
.error-container.error-personal-info .error-details .error-content .btn-reload img {
  width: auto;
  height: 17px;
}

.product-section {
  padding-bottom: 80px;
  background: #f2f2f2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .product-section {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .product-section {
    gap: unset;
    padding: 0px;
    display: block;
  }
  .product-section .product-filter-con {
    display: none;
  }
}
.product-section .product-filter {
  width: 290px;
  padding: 24px;
  background: #ffffff;
  position: sticky;
  top: 10px;
  max-height: calc(100vh - 10px);
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #cacaca #ffffff;
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .product-section .product-filter {
    width: 276px;
    padding: 24px 12px;
  }
}
.product-section .product-filter {
  /* Chrome, Edge and Safari */
}
.product-section .product-filter::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.product-section .product-filter::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #ffffff;
}
.product-section .product-filter::-webkit-scrollbar-track:hover {
  background-color: #ffffff;
}
.product-section .product-filter::-webkit-scrollbar-track:active {
  background-color: #ffffff;
}
.product-section .product-filter::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: #cacaca;
}
.product-section .product-filter::-webkit-scrollbar-thumb:hover {
  background-color: #cacaca;
}
.product-section .product-filter::-webkit-scrollbar-thumb:active {
  background-color: #cacaca;
}
@media (max-width: 767px) {
  .product-section .product-filter {
    position: unset;
    top: unset;
    width: 100vw;
    padding: 24px;
    background: #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.product-section .product-filter .bar-title {
  font-family: Guardian Sans XCond;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
}
.product-section .product-filter .filter-bar-title-btn {
  border: none;
  background: transparent;
}
.product-section .product-filter .filter-bar-title-btn img {
  display: none;
}
@media (max-width: 767px) {
  .product-section .product-filter .filter-bar-title-btn {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .product-section .product-filter .filter-bar-title-btn img {
    display: inline-block;
    margin: 0;
    margin-right: 8px;
    height: 24px;
  }
}
.product-section .product-filter .auto-complete {
  margin-top: 16px;
  position: relative;
}
.product-section .product-filter .auto-complete .pdp-search-input {
  height: 48px;
  padding: 14px 16px 14px 40px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
  border: none;
  outline: #da291c;
  background: rgba(242, 242, 242, 0.5);
  z-index: 1;
  position: relative;
}
.product-section .product-filter .auto-complete .pdp-search-input::-webkit-input-placeholder {
  color: #a7a7a7;
}
.product-section .product-filter .auto-complete .pdp-search-input::-moz-placeholder {
  color: #a7a7a7;
}
.product-section .product-filter .auto-complete .pdp-search-input:-ms-input-placeholder {
  color: #a7a7a7;
}
.product-section .product-filter .auto-complete .pdp-search-input::-ms-input-placeholder {
  color: #a7a7a7;
}
.product-section .product-filter .auto-complete .pdp-search-input::placeholder {
  color: #a7a7a7;
}
.product-section .product-filter .auto-complete .search-icon {
  position: absolute;
  left: 10px;
  top: 16px;
  width: 16px;
  height: 16px;
}
.product-section .product-filter .auto-complete ul.suggestionList {
  background: white;
  position: absolute;
  width: 100%;
  -webkit-box-shadow: 1px 4px 5px 0px rgb(248, 248, 248);
          box-shadow: 1px 4px 5px 0px rgb(248, 248, 248);
}
.product-section .product-filter .auto-complete ul.suggestionList li {
  padding: 16px;
  border-bottom: rgba(202, 202, 202, 0.2784313725) solid 1px;
  font-size: 14px;
}
.product-section .product-filter .filter-accordion {
  margin-top: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #cacaca;
}
.product-section .product-filter .filter-accordion .bar-title span.acc-trigger {
  width: 34px;
  height: 34px;
  float: right;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.product-section .product-filter .filter-accordion .bar-title span.acc-trigger .up {
  display: block;
}
.product-section .product-filter .filter-accordion .bar-title span.acc-trigger .down {
  display: none;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con {
  height: auto;
  margin-top: 16px;
  max-height: 400px;
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con ul li {
  position: relative;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con ul li p {
  margin-bottom: 4px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #474747;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con ul li input {
  border: none;
  height: 40px;
  padding: 10px;
  width: 100%;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  background: rgba(242, 242, 242, 0.5);
  color: #4f4f4f;
  outline: #da291c;
  padding-left: 25px;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con ul li input::-webkit-input-placeholder {
  color: #a7a7a7;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con ul li input::-moz-placeholder {
  color: #a7a7a7;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con ul li input:-ms-input-placeholder {
  color: #a7a7a7;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con ul li input::-ms-input-placeholder {
  color: #a7a7a7;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con ul li input::placeholder {
  color: #a7a7a7;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con ul li input:before {
  content: "₹";
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con ul li .rupee-symbol {
  position: absolute;
  left: 10px;
  margin-top: 10px;
  color: #4f4f4f;
  font-weight: 700;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .budget-price-slider {
  margin-top: 16px;
  margin-bottom: 20px;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .budget-price-slider input {
  width: 100%;
  background-color: #da291c;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .budget-price-slider input[type=number]::-webkit-inner-spin-button,
.product-section .product-filter .filter-accordion .filter-budget-inp-con .budget-price-slider input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .budget-price-slider .range-slider {
  position: relative;
  width: 100%;
  height: 6px;
  border-radius: 8px;
  background: #cacaca;
  margin-bottom: 10px;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .budget-price-slider .range-slider .progress {
  position: absolute;
  left: 25%;
  right: 0%;
  height: 100%;
  border-radius: 6px;
  background: #da291c;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .budget-price-slider .range-slider input[type=range] {
  position: absolute;
  width: 100%;
  height: 3px;
  -webkit-appearance: none;
  background: none;
  outline: none;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .budget-price-slider .range-slider .range-min::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 4px rgba(255, 6, 6, 0.25);
          box-shadow: 0px 4px 4px rgba(255, 6, 6, 0.25);
  border: 2px solid #da291c;
  border-radius: 50%;
  opacity: 1;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .budget-price-slider .range-slider .range-max::-webkit-slider-thumb {
  pointer-events: auto;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  background: #ffffff;
  -webkit-box-shadow: 0px 4px 4px rgba(255, 6, 6, 0.25);
          box-shadow: 0px 4px 4px rgba(255, 6, 6, 0.25);
  border: 2px solid #da291c;
  border-radius: 50%;
  opacity: 1;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .budget-price-slider .max-value,
.product-section .product-filter .filter-accordion .filter-budget-inp-con .budget-price-slider .min-value {
  float: left;
  display: inline;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #a7a7a7;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .budget-price-slider .max-value {
  float: right;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper {
  position: relative;
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper .range-wrapper-container {
  position: relative;
  width: 100%;
  height: 30px;
  margin-top: 12px;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper .min-value,
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper .max-value {
  color: #a7a7a7;
  font-family: Montserrat;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  outline: none;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  background-color: transparent;
  pointer-events: none;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper .slider-track {
  width: 100%;
  height: 5px;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border-radius: 5px;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  height: 5px;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper input[type=range]::-moz-range-track {
  -moz-appearance: none;
  height: 5px;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper input[type=range]::-ms-track {
  appearance: none;
  height: 5px;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  background-color: #da291c;
  cursor: pointer;
  margin-top: -6px;
  pointer-events: auto;
  border-radius: 50%;
  background-color: #ffffff;
  border: 3px solid #da291c;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #da291c;
  pointer-events: auto;
  background-color: #ffffff;
  border: 3px solid #da291c;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper input[type=range]::-ms-thumb {
  appearance: none;
  height: 16px;
  width: 16px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #da291c;
  pointer-events: auto;
  background-color: #ffffff;
  border: 3px solid #da291c;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper input[type=range]:active::-webkit-slider-thumb,
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper input[type=range]:active::-moz-range-thumb,
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper input[type=range]:active::-ms-thumb {
  height: 18px;
  width: 18px;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper .values {
  background-color: #da291c;
  width: 32%;
  position: relative;
  margin: auto;
  padding: 10px 0;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 25px;
  color: #ffffff;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con .range-wrapper .values:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-top: 15px solid #3264fe;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  margin: auto;
  bottom: -14px;
  left: 0;
  right: 0;
}
.product-section .product-filter .filter-accordion .filter-budget-inp-con,
.product-section .product-filter .filter-accordion .filter-budget-model-con,
.product-section .product-filter .filter-accordion .filter-year-inp-con {
  -webkit-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}
.product-section .product-filter .filter-accordion .checkbox-input {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.product-section .product-filter .filter-accordion .checkbox-input .colors-fliter-container {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.product-section .product-filter .filter-accordion .checkbox-input.spacebetween {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-section .product-filter .filter-accordion .checkbox-input.spacebetween .filter-option {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .product-section .product-filter .filter-accordion .checkbox-input.spacebetween .filter-option {
    width: 100%;
  }
}
.product-section .product-filter .filter-accordion .checkbox-input.spacebetween .filter-option label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 768px) {
  .product-section .product-filter .filter-accordion .checkbox-input.spacebetween .filter-option label {
    position: absolute;
    z-index: 0;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    z-index: 0;
  }
}
.product-section .product-filter .filter-accordion .checkbox-input.spacebetween .filter-option label p {
  display: none;
}
@media (min-width: 768px) {
  .product-section .product-filter .filter-accordion .checkbox-input.spacebetween .filter-option label:hover {
    outline: 2px solid #181818;
  }
}
@media (min-width: 768px) {
  .product-section .product-filter .filter-accordion .checkbox-input.spacebetween .filter-option.mark-checked label:after {
    content: "";
    display: block;
    outline: 2px solid #181818;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    left: 50%;
  }
}
@media (max-width: 767px) {
  .product-section .product-filter .filter-accordion .checkbox-input.spacebetween {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    padding-left: 24px;
  }
  .product-section .product-filter .filter-accordion .checkbox-input.spacebetween .filter-option input {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .product-section .product-filter .filter-accordion .checkbox-input.spacebetween .filter-option label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    gap: 8px;
  }
  .product-section .product-filter .filter-accordion .checkbox-input.spacebetween .filter-option label p {
    display: block;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.product-section .product-filter .filter-accordion .checkbox-input.all {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.product-section .product-filter .filter-accordion .filter-checkbox-input {
  height: 15px;
  width: 15px;
  border: 1px solid #848484;
  border-radius: 0px;
  margin-right: 5px;
  accent-color: #000;
}
.product-section .product-filter .filter-accordion .filter-checkbox-input:focus-visible, .product-section .product-filter .filter-accordion .filter-checkbox-input:focus, .product-section .product-filter .filter-accordion .filter-checkbox-input:active, .product-section .product-filter .filter-accordion .filter-checkbox-input:selected {
  border-radius: 0px;
  border: 1px solid #848484;
  background: url("../../../content/daam/reown/icons/icon-tick-checkbox.png") no-repeat;
  background-size: 10px;
  background-position: center center;
}
.product-section .product-filter .filter-accordion .color-input .filter-checkbox-input {
  width: 20px;
  height: 20px;
  margin: 5px;
  border-radius: 0px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .product-section .product-filter .filter-accordion .color-input .filter-checkbox-input {
    z-index: 1;
    background: transparent;
    opacity: 0;
  }
}
.product-section .product-filter .filter-accordion .color-input .filter-checkbox-input.color-variation-1:after {
  content: "";
  display: block;
  background: #181818;
  width: 100%;
  height: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  left: 50%;
}
.product-section .product-filter .filter-accordion .color-input .filter-checkbox-input.color-variation-2:after {
  content: "";
  display: block;
  background: linear-gradient(225deg, #cfcfcf 49.46%, #72d5c3 50.16%);
  width: 100%;
  height: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  left: 50%;
}
.product-section .product-filter .filter-accordion .color-input .filter-checkbox-input.color-variation-3:after {
  content: "";
  display: block;
  background: linear-gradient(225deg, #f1e814 49.46%, #000000 50.16%);
  width: 100%;
  height: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  left: 50%;
}
.product-section .product-filter .filter-accordion .label-checkbox {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
}
.product-section .product-filter .filter-accordion .label-checkbox.count {
  color: #848484;
}
.product-section .product-filter .filter-accordion.acc-closed .filter-budget-inp-con,
.product-section .product-filter .filter-accordion.acc-closed .filter-budget-model-con,
.product-section .product-filter .filter-accordion.acc-closed .filter-year-inp-con {
  max-height: 0px;
  overflow: hidden;
}
.product-section .product-filter .filter-accordion.acc-closed .acc-trigger .up {
  display: none !important;
}
.product-section .product-filter .filter-accordion.acc-closed .acc-trigger .down {
  display: block !important;
}
.product-section .product-filter .pdp-filter-year {
  border-bottom: none;
}
.product-section .product-content {
  display: block;
  width: calc(100% - 320px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .product-section .product-content {
    width: calc(100% - 288px);
  }
}
@media (max-width: 767px) {
  .product-section .product-content {
    width: 100%;
  }
}
.product-section .product-content .topbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .product-section .product-content .topbar {
    margin-top: 16px;
  }
}
.product-section .product-content .topbar .count-title {
  font-family: Guardian Sans XCond;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #4f4f4f;
}
@media (max-width: 767px) {
  .product-section .product-content .topbar .count-title {
    font-size: 20px;
    font-style: normal;
    line-height: 120%;
    letter-spacing: 0.4px;
  }
}
@media (min-width: 768px) and (max-width: 840px) {
  .product-section .product-content .topbar .count-title {
    font-size: 22px;
  }
}
.product-section .product-content .topbar .count-title .highlight,
.product-section .product-content .topbar .count-title strong,
.product-section .product-content .topbar .count-title b {
  color: #181818;
}
.product-section .product-content .topbar .dropdown {
  z-index: 1;
}
@media (max-width: 767px) {
  .product-section .product-content .topbar .dropdown {
    display: none;
  }
}
.product-section .product-content .topbar .dropdown button {
  outline: none;
  border: none;
  height: 48px;
  width: 256px;
  background-color: #fff;
  padding: 14px 30px 14px 14px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #474747;
  border: 0;
  cursor: pointer;
}
@media screen and (max-width: 1519px) {
  .product-section .product-content .topbar .dropdown button {
    width: 200px;
  }
}
@media (min-width: 768px) and (max-width: 840px) {
  .product-section .product-content .topbar .dropdown button {
    width: 180px;
  }
}
.product-section .product-content .topbar .dropdown > .open-sort-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px;
}
.product-section .product-content .topbar .filters-header {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.product-section .product-content .product-filters-bar {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .product-section .product-content .product-filters-bar {
    display: none;
  }
}
.product-section .product-content .product-filters-bar .selected-filter-items {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background: #ffffff;
  border: 1px solid #cacaca;
}
.product-section .product-content .product-filters-bar .selected-filter-items .title {
  color: #474747;
  font-size: 12px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.product-section .product-content .product-filters-bar .selected-filter-items .filter-plp-icon {
  height: 24px;
  width: 24px;
  border: none;
  cursor: pointer;
  position: relative;
}
.product-section .product-content .product-filters-bar .selected-filter-items .filter-plp-icon .close-icon {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.product-section .product-content .product-filters-bar .selected-filter-items .filter-plp-icon:hover .close-icon {
  display: block;
}
.product-section .product-content .product-filters-bar .selected-filter-items .remove-filter-item {
  position: relative;
  border: none;
  height: 24px;
  width: 24px;
  cursor: pointer;
  background: none;
}
.product-section .product-content .product-filters-bar .selected-filter-items .remove-filter-item img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.product-section .product-content .product-filters-bar .btn-clear {
  -ms-flex-item-align: end;
      align-self: end;
  color: #da291c;
  font-size: 16px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-transform: capitalize;
  border: none;
  background: none;
  cursor: pointer;
  display: block;
  margin-left: auto;
}
.product-section .product-content .product-layouts-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media (min-width: 768px) {
  .product-section .product-content .product-layouts-cta {
    display: none;
  }
}
.product-section .product-content .product-layouts-cta button {
  outline: none;
  width: auto;
  height: auto;
  cursor: pointer;
  border: none;
}
.product-section .product-content .product-layouts-cta button.active img {
  -webkit-filter: brightness(0.3);
          filter: brightness(0.3);
}
.product-section .product-content .product-box .product-con {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 22px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 768px) and (max-width: 1079px) {
  .product-section .product-content .product-box .product-con {
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .product-section .product-content .product-box .product-con {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 16px;
  }
  .product-section .product-content .product-box .product-con.layout-two-colums {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 8px;
  }
}
.product-section .product-content .product-box .product-con .product-item,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card {
  -ms-flex-preferred-size: calc((100% - 44px) / 3);
      flex-basis: calc((100% - 44px) / 3);
  max-width: calc((100% - 44px) / 3);
}
@media (min-width: 1366px) and (max-width: 1439px) {
  .product-section .product-content .product-box .product-con .product-item,
  .product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card {
    -ms-flex-preferred-size: calc((100% - 48px) / 3);
        flex-basis: calc((100% - 48px) / 3);
    max-width: calc((100% - 48px) / 3);
  }
}
@media (min-width: 1080px) and (max-width: 1365px) {
  .product-section .product-content .product-box .product-con .product-item,
  .product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card {
    -ms-flex-preferred-size: calc((100% - 44px) / 2);
        flex-basis: calc((100% - 44px) / 2);
    max-width: calc((100% - 44px) / 2);
  }
}
@media (min-width: 768px) and (max-width: 1079px) {
  .product-section .product-content .product-box .product-con .product-item,
  .product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card {
    -ms-flex-preferred-size: calc((100% - 32px) / 2);
        flex-basis: calc((100% - 32px) / 2);
    max-width: calc((100% - 32px) / 2);
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .product-section .product-content .product-box .product-con .product-item,
  .product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .product-section .product-content .product-box .product-con .product-item,
  .product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card {
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
    min-width: unset;
    max-width: unset;
    width: inherit;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
}
.product-section .product-content .product-box .product-con .product-item .pdp-img-thumb,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-img-thumb {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-section .product-content .product-box .product-con .product-item .pdp-img-thumb a.pdp-link,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-img-thumb a.pdp-link {
  width: 100%;
  height: 100%;
}
.product-section .product-content .product-box .product-con .product-item .pdp-img-thumb img,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-img-thumb img {
  display: block;
  width: 100%;
}
.product-section .product-content .product-box .product-con .product-item .pdp-img-thumb img.bike-img,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-img-thumb img.bike-img {
  min-height: 100%;
  min-width: 100%;
}
.product-section .product-content .product-box .product-con .product-item .pdp-img-thumb .heart-icon,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-img-thumb .heart-icon {
  width: 24px;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.product-section .product-content .product-box .product-con .product-item .pdp-img-thumb .heart-icon:hover,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-img-thumb .heart-icon:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.product-section .product-content .product-box .product-con .product-item .pdp-img-thumb .heart-icon.selected,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-img-thumb .heart-icon.selected {
  display: none;
}
.product-section .product-content .product-box .product-con .product-item .pdp-img-thumb.favourite-active .heart-icon.unselected,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-img-thumb.favourite-active .heart-icon.unselected {
  display: none;
}
.product-section .product-content .product-box .product-con .product-item .pdp-img-thumb.favourite-active .heart-icon.selected,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-img-thumb.favourite-active .heart-icon.selected {
  display: block;
}
.product-section .product-content .product-box .product-con .product-item .pdp-img-thumb.already-booked,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-img-thumb.already-booked {
  opacity: 0.7;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details {
  padding: 12px 12px 12px 12px;
  background-color: #ffffff;
  position: relative;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .booked-bike-tag,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .booked-bike-tag {
  background: #c2000b;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
  color: #ededed;
  font-family: Guardian Sans XCond;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.4px;
  background-image: url("clientlib-site/resources/images/pattern_9.webp");
  background-repeat: repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  top: -39px;
}
@media (max-width: 767px) {
  .product-section .product-content .product-box .product-con .product-item .pdp-item-details .booked-bike-tag,
  .product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .booked-bike-tag {
    font-size: 20px;
    top: -34px;
  }
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details div,
.product-section .product-content .product-box .product-con .product-item .pdp-item-details p,
.product-section .product-content .product-box .product-con .product-item .pdp-item-details ul,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details div,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details p,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details ul {
  width: 100%;
  display: block;
  margin-top: 12px;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-title,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-title {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
  margin-top: 0;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-specs,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-specs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-specs li,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-specs li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-specs img,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-specs img {
  width: 18px;
  display: block;
  margin-right: 8px;
}
@media screen and (max-width: 1366px) {
  .product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-specs img,
  .product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-specs img {
    margin-right: 4px;
  }
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-specs span,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-specs span {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 600;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #848484;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-price,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-price {
  font-family: Guardian Sans XCond;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 6px;
}
@media (min-width: 1366px) and (max-width: 1520px) {
  .product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta,
  .product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 1365px) {
  .product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta,
  .product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta li:nth-child(2),
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta li:nth-child(2) {
  -ms-flex-preferred-size: 40%;
      flex-basis: 40%;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta li:nth-child(2),
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta li:nth-child(2) {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta .pdp-btn-cta-plain,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta .pdp-btn-cta-plain {
  width: 100%;
  height: 40px;
  border: 1px solid #181818;
  font-size: 14px;
  color: #181818;
  background-color: #ffffff;
  height: auto;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 14px 20px;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta .pdp-btn-cta-plain:hover,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta .pdp-btn-cta-plain:hover {
  background: #181818;
  color: #fff;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta .pdp-btn-cta-plain.bike-added,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta .pdp-btn-cta-plain.bike-added {
  opacity: 0.7;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta .pdp-btn-cta-primary,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta .pdp-btn-cta-primary {
  width: 100%;
  padding: 15px 11px;
  font-size: 14px;
  height: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}
@media (max-width: 767px) {
  .product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta .pdp-btn-cta-primary,
  .product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta .pdp-btn-cta-primary {
    padding: 15px 4px;
  }
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta .pdp-btn-cta-primary .already-booked-label,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta .pdp-btn-cta-primary .already-booked-label {
  display: none;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta .pdp-btn-cta-primary.already-booked,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta .pdp-btn-cta-primary.already-booked {
  opacity: 0.7;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta .pdp-btn-cta-primary.already-booked .not-booked-label,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta .pdp-btn-cta-primary.already-booked .not-booked-label {
  display: none;
}
.product-section .product-content .product-box .product-con .product-item .pdp-item-details .pdp-item-cta .pdp-btn-cta-primary.already-booked .already-booked-label,
.product-section .product-content .product-box .product-con .plpTeaser-v2.createRequirement.create-requirement-card .pdp-item-details .pdp-item-cta .pdp-btn-cta-primary.already-booked .already-booked-label {
  display: block;
}
@media (max-width: 767px) {
  .product-section .product-content .product-box .product-con.layout-two-colums .product-item {
    width: calc(50% - 4px);
  }
  .product-section .product-content .product-box .product-con.layout-two-colums .product-item .pdp-item-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .product-section .product-content .product-box .product-con.layout-two-colums .product-item .pdp-item-title {
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
  }
  .product-section .product-content .product-box .product-con.layout-two-colums .product-item .pdp-item-specs {
    gap: 4px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .product-section .product-content .product-box .product-con.layout-two-colums .product-item .pdp-item-specs li:last-child {
    display: none;
  }
  .product-section .product-content .product-box .product-con.layout-two-colums .product-item .pdp-item-specs span {
    color: #848484;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
  }
  .product-section .product-content .product-box .product-con.layout-two-colums .product-item .pdp-item-specs img {
    width: 14px;
    margin-right: 2px;
  }
}
.product-section .product-content .empty-search-result {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.product-section .product-content .empty-search-result img {
  display: block;
  width: 160px;
}
.product-section .product-content .empty-search-result p {
  color: #181818;
  text-align: center;
  padding: 0 20px;
  max-width: 260px;
  /* Body 2/16 - SemiBold */
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
@media (max-width: 767px) {
  .product-section .product-content .empty-search-result p {
    color: #282828;
    font-size: 12px;
    font-weight: 500;
  }
}
.product-section .product-content .empty-search-result .title {
  color: #4f4f4f;
  max-width: unset;
  /* Heading 3/28 - Bold */
  font-family: Guardian Sans XCond;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.56px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .product-section .product-content .empty-search-result .title {
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.4px;
  }
}
.product-section .product-content .empty-search-result .title b {
  color: #282828;
}

.product-page-filter-mobile .filter-tabs-ctas {
  display: none;
}
@media (max-width: 767px) {
  .product-page-filter-mobile .filter-tabs-ctas {
    padding: 16px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-shadow: 0px -1px 7px 0px rgba(0, 0, 0, 0.15);
            box-shadow: 0px -1px 7px 0px rgba(0, 0, 0, 0.15);
    position: fixed;
    top: calc(100vh - 80px);
    z-index: 805;
    left: 0px;
  }
  .product-page-filter-mobile .filter-tabs-ctas .tab-btn {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--neutral-graphite-200, #a7a7a7);
    display: flex;
    height: 48px;
    padding: 12px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    color: #181818;
    /* Body 3/14 - SemiBold */
    font-size: 14px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
  }
  .product-page-filter-mobile .filter-tabs-ctas .tab-btn .badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24px;
    height: 24px;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    border-radius: 40px;
    background: #da291c;
    color: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .product-page-filter-mobile .filter-tabs-ctas .tab-btn:last-child {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 8px;
  }
  .product-page-filter-mobile .filter-tabs-ctas .tab-btn:last-child span:last-child {
    margin-left: auto;
  }
  .product-page-filter-mobile .filter-tabs-ctas .cta-primary {
    background: #da291c;
    color: #fff;
  }
  .product-page-filter-mobile .filter-tabs-ctas .cta-group-filter,
  .product-page-filter-mobile .filter-tabs-ctas .cta-group-sort {
    display: none;
  }
}

@media (max-width: 767px) {
  .toggleVisibility {
    display: none;
  }
  .product-filters-modal-active {
    max-height: calc(100% - 80px);
    height: 100vh;
    overflow: hidden;
  }
  .product-filters-modal-active .toggleVisibility {
    display: block;
  }
  .product-filters-modal-active .pdp-filter-search {
    display: none;
  }
  .product-filters-modal-active .product-section {
    max-height: calc(100% - 80px);
    overflow: hidden;
  }
  .product-filters-modal-active .product-section .product-filter .filter-accordion {
    padding-top: 24px;
    border-top: 1px solid #cacaca;
    border-bottom: none;
    margin-top: 0;
  }
  .product-filters-modal-active .product-filter-con {
    background: #fff;
    max-height: calc(100vh - 80px);
    min-height: calc(100vh - 80px);
    overflow-y: auto;
    position: fixed;
    display: block;
    z-index: 9999;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100vw;
  }
  .product-filters-modal-active .product-filter-con .product-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .product-sort-modal-active .tab-btn.deault-ctas,
  .product-filters-modal-active .tab-btn.deault-ctas {
    display: none;
  }
  .product-sort-modal-active .cta-group-sort,
  .product-filters-modal-active .cta-group-filter {
    display: block !important;
  }
}
.product-sort-modal {
  display: none;
}
@media (max-width: 767px) {
  .product-sort-modal {
    width: 100vw;
    height: calc(100vh - 80px);
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }
  .product-sort-modal button.close-sort-modal {
    padding: 16px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border: none;
    background-color: #fff;
    color: #181818;
    border-bottom: 1px solid #cacaca;
    /* Body 2/16 - Bold */
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .product-sort-modal button.close-sort-modal img {
    display: inline-block;
    width: 24px;
  }
}
@media (min-width: 768px) {
  .product-sort-modal .title-bar {
    display: none;
  }
}
.product-sort-modal ul.list-options li {
  position: relative;
}
.product-sort-modal ul.list-options li::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(100% - 32px);
  height: 0.5px;
  background: #ededed;
  bottom: 0;
}
.product-sort-modal ul.list-options li label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 16px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.product-sort-modal ul.list-options li input[type=radio] {
  width: 16px;
  height: 16px;
  webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
          appearance: none;
  outline: 2px solid #da291c;
  outline-offset: 4px;
  height: 10px;
  width: 10px;
  margin-right: 9pt;
  border-radius: 50%;
  background: transparent;
}
.product-sort-modal ul.list-options li input[type=radio]:checked {
  color: #da291c;
  background: #da291c;
  border-radius: 50%;
  outline: 2px solid #da291c;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.product-sort-modal ul.list-options li span {
  color: var(--neutral-graphite-800, #282828);
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}

.product-sort-modal-active .product-sort-modal {
  display: block;
}
@media (min-width: 768px) {
  .product-sort-modal-active .product-sort-modal {
    position: absolute;
    background: #fff;
    width: 100%;
    top: 50px;
  }
}

.product-sort-modal-active .product-section .product-content .topbar .dropdown {
  z-index: 9999;
}
@media (max-width: 767px) {
  .product-sort-modal-active .product-section .product-content .topbar .dropdown {
    display: block;
  }
}

section.range-slider {
  position: relative;
  width: 200px;
  height: 35px;
  text-align: center;
}

section.range-slider input {
  pointer-events: none;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 15px;
  width: 200px;
  outline: none;
  height: 18px;
  margin: 0;
  padding: 0;
}

section.range-slider input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  outline: 0;
}

section.range-slider input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
  width: 9px;
}

section.range-slider input::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: rgb(0, 0, 0);
  border: 0;
}

section.range-slider input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0;
}

section.range-slider input[type=range]::-moz-focus-outer {
  border: 0;
}

.plp-loader {
  padding: 40px 16px;
}
.plp-loader .plp-loader-img-con {
  width: 100%;
  display: block;
}
.plp-loader .plp-loader-img-con img {
  display: block;
  margin: auto;
  max-width: 500px;
}
@media (max-width: 767px) {
  .plp-loader .plp-loader-img-con img {
    max-width: 280px;
  }
}

.plp-system-error {
  padding: 40px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.plp-system-error .plp-loader-img-con {
  width: 100%;
  display: block;
}
.plp-system-error .plp-loader-img-con img {
  display: block;
  margin: auto;
  max-width: 500px;
}
@media (max-width: 767px) {
  .plp-system-error .plp-loader-img-con img {
    max-width: 280px;
  }
}
.plp-system-error .txt-con .title {
  color: #282828;
  text-align: center;
  font-family: Guardian Sans XCond;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1.14px;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .plp-system-error .txt-con .title {
    font-size: 32px;
  }
}
.plp-system-error .txt-con .desc {
  color: #4f4f4f;
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .plp-system-error .txt-con .desc {
    margin-bottom: 12px;
    font-size: 14px;
  }
}
.plp-system-error .txt-con button {
  width: auto;
  height: unset;
  padding: 16px 32px;
  /* Body 2/16 - SemiBold */
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  text-align: center;
  cursor: pointer;
  border: none;
  outline: none;
}
.plp-system-error .txt-con button img {
  display: inline-block;
  margin: 0px;
  height: 14px;
  margin-right: 4px;
  padding: 1px;
}
.pdp-img-thumb .already-booked a:before,
.pdp_page-section .pdp_page-content .bike-title-section .img-main-con.already-booked:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(237, 237, 237, 0.7019607843);
  backdrop-filter: blur(2px);
}
.pdp-img-thumb .already-booked a:after,
.pdp_page-section .pdp_page-content .bike-title-section .img-main-con.already-booked:after {
  content: "Already Booked";
  display: block;
  position: absolute;
  z-index: 1;
  font-family: "Montserrat";
  font-size: 1rem;
  font-weight: 700;
  color: #181818;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
}

.teaser.points-teaser-v1 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}
@media (max-width: 767px) {
  .teaser.points-teaser-v1 {
    -ms-flex-preferred-size: calc(50% - 14px);
        flex-basis: calc(50% - 14px);
  }
}
.teaser.points-teaser-v1 .cmp-teaser__content {
  position: relative;
  padding-left: 12px;
}
@media (max-width: 767px) {
  .teaser.points-teaser-v1 .cmp-teaser__content {
    height: 72px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}
.teaser.points-teaser-v1 .cmp-teaser__content:before {
  content: "";
  width: 4px;
  background: #d9d9d9;
  display: block;
  position: absolute;
  height: 100%;
  left: 0px;
}
.teaser.points-teaser-v1 .cmp-teaser__content .cmp-teaser__pretitle,
.teaser.points-teaser-v1 .cmp-teaser__content .cmp-teaser__title {
  font-family: Guardian Sans XCond;
  font-size: 28px;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #a7a7a7;
}
@media (max-width: 767px) {
  .teaser.points-teaser-v1 .cmp-teaser__content .cmp-teaser__pretitle,
  .teaser.points-teaser-v1 .cmp-teaser__content .cmp-teaser__title {
    font-family: "Guardian Sans XCond";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 120%;
  }
}

.teaser.points-teaser-v2 .cmp-teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .teaser.points-teaser-v2 .cmp-teaser {
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.teaser.points-teaser-v2 .cmp-teaser .cmp-teaser__content:before {
  display: none;
}
@media (max-width: 767px) {
  .teaser.points-teaser-v2 .cmp-teaser .cmp-teaser__pretitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.2em;
    font-size: 20px;
    line-height: 120%;
  }
}

.profile {
  background-color: black;
}
.profile .badge {
  padding: 24px;
}
.profile .badge .profile-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0 !important;
}
.profile .badge .profile-detail .side-a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.profile .badge .profile-detail .side-a .img-container {
  position: relative;
  cursor: pointer;
  border-radius: 62.2703px;
}
.profile .badge .profile-detail .side-a .img-container img {
  width: 80px;
  border-radius: 50%;
  height: 80px;
}
@media (max-width: 767px) {
  .profile .badge .profile-detail .side-a .img-container img {
    width: 70px;
    height: 70px;
  }
}
.profile .badge .profile-detail .side-a .img-container .edit-img-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 48px;
  top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #da291c;
  border-radius: 33px;
}
@media (max-width: 767px) {
  .profile .badge .profile-detail .side-a .img-container .edit-img-icon {
    width: 20px;
    height: 20px;
  }
}
.profile .badge .profile-detail .side-a .img-container .edit-img-icon a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile .badge .profile-detail .side-a .img-container .edit-img-icon img {
  width: 16px;
  height: 16px;
}
@media (max-width: 767px) {
  .profile .badge .profile-detail .side-a .img-container .edit-img-icon img {
    width: 10px;
    height: 10px;
  }
}
.profile .badge .profile-detail .side-a .contact-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.profile .badge .profile-detail .side-a .contact-details .contact-name {
  color: #fff;
  font-family: Guardian Sans XCond;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
  letter-spacing: 0.4px;
  word-break: break-word;
}
@media (max-width: 767px) {
  .profile .badge .profile-detail .side-a .contact-details .contact-name {
    font-size: 20px;
  }
}
.profile .badge .profile-detail .side-a .contact-details .verify-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.profile .badge .profile-detail .side-a .contact-details .verify-num .num-code {
  color: #fff;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}
@media (max-width: 767px) {
  .profile .badge .profile-detail .side-a .contact-details .verify-num .num-code {
    font-size: 12px;
  }
}
.profile .badge .profile-detail .side-a .contact-details .verify-num .img-verify {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.profile .badge .profile-detail .toggle-addr {
  display: none;
}
@media (max-width: 767px) {
  .profile .badge .profile-detail .toggle-addr {
    display: block;
  }
}
.profile .badge .profile-detail .toggle-addr.toggle-icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.profile .badge .home-address {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .profile .badge .home-address {
    display: none;
  }
}
.profile .badge .home-address .details {
  width: 100%;
  padding: 20px 22px;
  background: #282828;
  cursor: pointer;
}
.profile .badge .home-address .details .add-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile .badge .home-address .details .add-address .arrow-icon a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile .badge .home-address .details .add-address .home-title {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}
.profile .badge .home-address .details .add-address .home-title .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.profile .badge .home-address .details .add-address .home-title .header img {
  width: 22px;
  height: 22px;
}
.profile .badge .home-address .details .add-address .home-title .header .addr-type {
  color: #fff;
  font-family: Guardian Sans XCond;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 24px */
  letter-spacing: 0.4px;
}
@media (max-width: 767px) {
  .profile .badge .home-address .details .add-address .home-title .header .addr-type {
    font-size: 16px;
  }
}
.profile .badge .home-address .details .add-address .home-title .address-info {
  word-break: break-all;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline;
  text-wrap: nowrap;
  width: calc(100% - 24px);
}
.profile .badge .home-address .details .toggle-address {
  display: none;
}
.profile .badge .home-address .add-account-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  gap: 10px;
  cursor: pointer;
}
.profile .badge .home-address .add-account-details a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.profile .badge .home-address .add-account-details a p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  color: #ffffff;
}
.profile .badge .home-address .add-account-details a .arrow-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.profile .badge .toggle-address {
  display: block;
}
@media (max-width: 767px) {
  .profile .badge .toggle-address {
    display: block;
  }
}

.edit-profile-sec .profile-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media (min-width: 768px) and (max-width: 1365px) {
  .edit-profile-sec .profile-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 767px) {
  .edit-profile-sec .profile-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }
}
.edit-profile-sec .profile-content .left.user-profile {
  min-width: 30%;
  padding: 24px 16px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: white;
}
@media (max-width: 767px) {
  .edit-profile-sec .profile-content .left.user-profile {
    min-width: 100%;
    padding: 24px;
  }
}
.edit-profile-sec .profile-content .left.user-profile .profile-detail .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .edit-profile-sec .profile-content .left.user-profile .profile-detail .head {
    gap: 8px;
  }
}
.edit-profile-sec .profile-content .left.user-profile .profile-detail .head .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .edit-profile-sec .profile-content .left.user-profile .profile-detail .head .item-flex {
    gap: 16px;
  }
}
.edit-profile-sec .profile-content .left.user-profile .profile-detail .head .item-flex .img-container {
  width: 142px;
  height: 142px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.edit-profile-sec .profile-content .left.user-profile .profile-detail .head .item-flex .img-container .user-profile-image {
  width: 142px;
  height: 142px;
}
.edit-profile-sec .profile-content .left.user-profile .profile-detail .head .item-flex .img-container img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
}
.edit-profile-sec .profile-content .left.user-profile .profile-detail .head .item-flex .img-container .edit-img-icon {
  width: 29.3px;
  height: 29.3px;
  border-radius: 50%;
  position: absolute;
  bottom: 10%;
  right: 2%;
  background: var(--primary-red-500, #da291c);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.edit-profile-sec .profile-content .left.user-profile .profile-detail .head .item-flex .img-container .edit-img-icon img {
  width: 14.947px;
  height: 14.947px;
}
.edit-profile-sec .profile-content .left.user-profile .profile-detail .head .item-flex .name {
  color: var(--background-dark, #181818);
  font-family: Guardian Sans XCond;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 33.6px */
  letter-spacing: 0.56px;
  text-transform: uppercase;
}
.edit-profile-sec .profile-content .left.user-profile .profile-detail .head .img-format-info {
  padding: 16px 10px;
  background: var(--background-light, #f2f2f2);
}
.edit-profile-sec .profile-content .left.user-profile .profile-detail .head .img-format-info p {
  color: var(--neutral-graphite-500, #4f4f4f);
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
@media (max-width: 767px) {
  .edit-profile-sec .profile-content .left.user-profile .profile-detail .head .img-format-info p {
    font-size: 12px;
  }
}
.edit-profile-sec .profile-content .left.user-profile .profile-detail .head .joining-year {
  color: var(--background-dark, #181818);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 19.6px */
}
@media (max-width: 767px) {
  .edit-profile-sec .profile-content .left.user-profile .profile-detail .head .joining-year {
    color: var(--neutral-graphite-500, #4f4f4f);
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 19.6px */
  }
}
.edit-profile-sec .profile-content .right.info-update-form {
  min-width: 70%;
  background-color: transparent;
}
@media (max-width: 767px) {
  .edit-profile-sec .profile-content .right.info-update-form {
    min-width: 100%;
    padding: 0;
  }
}
.edit-profile-sec .profile-content .right.info-update-form .right-info-main {
  padding: 20px 40px;
  background: #fff;
}
@media (max-width: 767px) {
  .edit-profile-sec .profile-content .right.info-update-form .right-info-main {
    padding: 19px 12px;
  }
}
.edit-profile-sec .profile-content .right.info-update-form .contact .contact-details .flex-item .input-box {
  width: 100%;
}
.edit-profile-sec .profile-content .right.info-update-form .address.edit-address .input-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.edit-profile-sec .profile-content .right.info-update-form .address.edit-address .input-box li {
  padding: 14px 16px;
  border: none;
  outline: none;
  width: 100%;
  background: #f5f5f5;
  font-family: "Montserrat";
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
  list-style: none;
  background: var(--input-field-bg, #f5f5f5);
  padding: 14px 16px;
  width: -webkit-fill-available;
  position: relative;
}
.edit-profile-sec .profile-content .right.info-update-form .address.edit-address .input-box li select {
  padding: 0;
  z-index: 1;
  position: relative;
  background: transparent;
}
.edit-profile-sec .profile-content .right.info-update-form .address.edit-address .input-box li img {
  position: absolute;
  z-index: 0;
  right: 16px;
}
.edit-profile-sec .profile-content .right.info-update-form .btn-submit {
  background: #fff;
  padding: 0 40px 24px 40px;
}
@media (max-width: 767px) {
  .edit-profile-sec .profile-content .right.info-update-form .btn-submit {
    padding: 19px 12px;
    margin-top: 12px;
  }
}
.edit-profile-sec .profile-content .right.info-update-form .btn-submit .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.edit-profile-sec {
  /* The Modal (background) */
}
.edit-profile-sec .edit-profile-modal.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 15rem; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
  /* Modal Content */
}
.edit-profile-sec .edit-profile-modal.modal .modal-content {
  background-color: #fff;
  margin: auto;
  padding: 20px;
  max-width: 800px;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .header .title {
  color: #181818;
  font-size: 24px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .edit-profile-sec .edit-profile-modal.modal .modal-content .header .title {
    font-size: 16px;
  }
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .header .title span {
  color: #da291c;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .header .close-btn {
  cursor: pointer;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .modal-details-main .user-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .modal-details-main .user-img .img-container {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .modal-details-main .user-img .img-container img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 250px;
  min-height: 250px;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .modal-details-main .action-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: black;
  margin-top: 32px;
  align-items: center;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .modal-details-main .action-bottom .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .modal-details-main .action-bottom .left li {
  width: 35px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .modal-details-main .action-bottom .left li img {
  max-width: 100%;
  height: auto;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .modal-details-main .action-bottom .left.action-lists .list.upload label {
  cursor: pointer;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .modal-details-main .action-bottom .right .btn-save-profile {
  height: auto;
  width: auto;
  padding: 16px 32px;
  background: #da291c;
  color: #fff;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 22.4px */
  text-transform: capitalize;
  border: none;
  outline: none;
  cursor: pointer;
}
.edit-profile-sec .edit-profile-modal.modal .modal-content .modal-details-main .action-bottom .right .btn-save-profile:hover, .edit-profile-sec .edit-profile-modal.modal .modal-content .modal-details-main .action-bottom .right .btn-save-profile:active {
  background: #ae2116;
}
@media (max-width: 767px) {
  .edit-profile-sec .edit-profile-modal.modal .modal-content .modal-details-main .action-bottom .right .btn-save-profile {
    padding: 11px 32px;
  }
}

.title-review {
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 20px;
  font-family: "Guardian Sans XCond";
  font-style: normal;
}
@media (max-width: 767px) {
  .title-review {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .review-details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 40px 0;
  }
}

.review-details-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1100px) {
  .review-details-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.review-details-container .details-content {
  background-color: white;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .review-details-container .details-content {
    padding: 10px;
    gap: 16px;
  }
}
.review-details-container .info .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.review-details-container .info .header .title {
  font-weight: 700;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
.review-details-container .info .review-card {
  background: #f5f5f5;
  padding: 28px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Montserrat";
  font-style: normal;
}
@media (max-width: 767px) {
  .review-details-container .info .review-card {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
  }
}
.review-details-container .info .review-card .detail {
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
}
@media (max-width: 767px) {
  .review-details-container .info .review-card .detail {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.review-details-container .info .review-card .detail span {
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
@media (max-width: 767px) {
  .review-details-container .info .review-card .detail span {
    font-size: 12px;
  }
}
.review-details-container .info .review-card .detail p {
  margin-top: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.review-details-container .info .time-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  background: #f5f5f5;
  margin-top: 12px;
  gap: 48px;
}
@media (max-width: 767px) {
  .review-details-container .info .time-details {
    padding: 12px 16px;
    gap: 26px;
  }
}
.review-details-container .info .time-details span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  position: relative;
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}
.review-details-container .info .time-details span img {
  max-width: 24px;
  height: auto;
}
.review-details-container .info .time-details span:first-child::after {
  content: "";
  position: absolute;
  right: -24px;
  height: 100%;
  width: 1px;
  background: #152411;
}
@media (max-width: 767px) {
  .review-details-container .info .time-details span:first-child::after {
    right: -13px;
  }
}
.review-details-container .info .motor-details-primary {
  margin-bottom: 16px;
}
.review-details-container .info .motor-details-secondary .optional {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 28px 0;
  gap: 24px;
}
.review-details-container .info .motor-details-secondary .optional h3 {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.review-details-container .info .motor-details-secondary .optional span {
  width: 100%;
  height: 1px;
  background-color: #cacaca;
}
.review-details-container .info .bike-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 28px 0;
}
.review-details-container .address-info .address-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}
.review-details-container .address-info .address-details .home-title {
  font-weight: 700;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .review-details-container .address-info .address-details .home-title {
    font-size: 16px;
  }
}
.review-details-container .select-modal-list-con {
  margin-top: 0;
}
.review-details-container .select-modal-list-con p {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  margin-bottom: 8px;
  color: #474747;
}
.review-details-container .select-modal-list-con p span {
  color: #da291c;
}
.review-details-container .select-modal-list-con select {
  border-radius: 0px;
  background-color: #f5f5f5;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 16px;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #848484;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 50%;
}
@media (max-width: 767px) {
  .review-details-container .select-modal-list-con select {
    width: 100%;
  }
}
.review-details-container .select-modal-list-con .select-modal-con {
  position: relative;
  background-color: #f5f5f5;
  width: 50%;
}
@media (max-width: 767px) {
  .review-details-container .select-modal-list-con .select-modal-con {
    width: 100%;
  }
}
.review-details-container .select-modal-list-con .select-modal-con select {
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
  z-index: 1;
  width: 100%;
}
.review-details-container .select-modal-list-con .select-modal-con .active {
  color: #181818;
}
.review-details-container .select-modal-list-con .select-modal-con img {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.userName-address .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.userName-address .contact a {
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  font-family: "Montserrat";
  font-style: normal;
  color: #181818;
}
.userName-address .contact span {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
  font-family: "Montserrat";
  font-style: normal;
}
.userName-address p {
  font-weight: 500;
  font-size: 14px;
  font-family: "Montserrat";
  font-style: normal;
  line-height: 140%;
  color: #474747;
  word-break: break-all;
  white-space: normal;
}

.term-conditions-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px 0;
}
@media (max-width: 767px) {
  .term-conditions-footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.term-conditions-footer .term-conditions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #4f4f4f;
}
.term-conditions-footer .term-conditions .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.term-conditions-footer .term-conditions .item-flex .form-error-msg {
  color: #fd5050 !important;
}
.term-conditions-footer .term-conditions p {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #4f4f4f;
  font-family: "Montserrat";
  font-style: normal;
}
.term-conditions-footer .term-conditions input[type=checkbox] {
  min-width: 18px;
  height: 26px;
  margin-right: 10px;
  accent-color: #da291c;
}
.term-conditions-footer .term-conditions a {
  text-decoration: none;
  color: black;
  word-wrap: normal;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .term-conditions-footer .btn-submit {
    width: 100%;
  }
}
.term-conditions-footer .btn-submit .vdmp-btn {
  min-width: 220px;
  margin-left: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
}
@media (max-width: 767px) {
  .term-conditions-footer .btn-submit .vdmp-btn {
    width: 100%;
    margin-left: unset;
  }
}

.aside .img-container {
  position: relative;
  height: 200px;
  width: 100%;
}
.aside .img-container::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 25, 25, 0)), color-stop(30.21%, rgba(25, 25, 25, 0.504954)), color-stop(64.06%, rgba(25, 25, 25, 0.828125)), to(#191919));
  background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.504954) 30.21%, rgba(25, 25, 25, 0.828125) 64.06%, #191919 100%);
  z-index: 1;
  left: 0;
}
.aside .img-container img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -o-object-position: top center;
     object-position: top center;
}
.aside .aside-content {
  position: relative;
}
.aside .article-details {
  background: #191919;
}
.aside .article-details .wrap {
  padding: 16px 16px 32px 16px;
}
.aside .article-details h1 {
  font-weight: 700;
  font-size: 20px;
  max-width: 90%;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #f2f2f2;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  margin-bottom: 16px;
}
.aside .article-details h1 span {
  color: #da291c;
}
@media (max-width: 767px) {
  .aside .article-details h1 {
    font-size: 28px;
    max-width: 100%;
  }
}
.aside .article-details .features-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .aside .article-details .features-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.aside .article-details .features-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  padding: 0 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .aside .article-details .features-list .list {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 12px;
    gap: 12px;
  }
}
.aside .article-details .features-list .list .icon {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.aside .article-details .features-list .list p {
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #ffffff;
  font-family: "Montserrat";
  font-style: normal;
}
@media (max-width: 767px) {
  .aside .article-details .features-list .list p {
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
  }
}
.aside .article-details .article-footer {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.aside .article-details .article-footer input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  accent-color: #da291c;
}
.aside .article-details .article-footer p {
  font-weight: 400;
  font-family: "Montserrat";
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
  color: #ffffff;
}
.aside .article-details .article-footer p span {
  color: #da291c;
}

.exchange-model {
  margin-top: 16px;
}
.exchange-model p {
  font-weight: 600;
  font-family: "Montserrat";
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
  text-transform: capitalize;
  color: #ededed;
}
.exchange-model p span {
  color: #fd5050;
}
.exchange-model #bikes {
  width: 100%;
  height: 52px;
  background: #282828;
  border: 1px solid #474747;
  margin-top: 16px;
  font-size: 14px;
  padding: 0 16px;
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
}
.exchange-model #bikes:focus-visible {
  outline: none;
}

.title-review {
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 20px;
  font-family: "Guardian Sans XCond";
  font-style: normal;
}
@media (max-width: 767px) {
  .title-review {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .review-details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 40px 0;
  }
}

.review-details-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1100px) {
  .review-details-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.review-details-container .details-content {
  background-color: white;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .review-details-container .details-content {
    padding: 10px;
    gap: 16px;
  }
}
.review-details-container .info .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.review-details-container .info .header .title {
  font-weight: 700;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
.review-details-container .info .review-card {
  background: #f5f5f5;
  padding: 28px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Montserrat";
  font-style: normal;
}
@media (max-width: 767px) {
  .review-details-container .info .review-card {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
  }
}
.review-details-container .info .review-card .detail span {
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
@media (max-width: 767px) {
  .review-details-container .info .review-card .detail span {
    font-size: 12px;
  }
}
.review-details-container .info .review-card .detail p {
  margin-top: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.review-details-container .info .motor-details-primary {
  margin-bottom: 16px;
}
.review-details-container .info .motor-details-secondary .optional {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 28px 0;
  gap: 24px;
}
.review-details-container .info .motor-details-secondary .optional h3 {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.review-details-container .info .motor-details-secondary .optional span {
  width: 100%;
  height: 1px;
  background-color: #cacaca;
}
.review-details-container .info .bike-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 28px 0;
}
.review-details-container .address-info .address-details {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
}
.review-details-container .address-info .address-details .home-title {
  font-weight: 700;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-size: 20px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .review-details-container .address-info .address-details .home-title {
    font-size: 16px;
  }
}

.userName-address .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
.userName-address .contact a {
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  font-family: "Montserrat";
  font-style: normal;
  color: #181818;
}
.userName-address .contact span {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
  font-family: "Montserrat";
  font-style: normal;
}
.userName-address p {
  font-weight: 500;
  font-size: 14px;
  font-family: "Montserrat";
  font-style: normal;
  line-height: 140%;
  color: #474747;
  word-break: break-all;
  white-space: normal;
}

.term-conditions-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px 0;
}
@media (max-width: 767px) {
  .term-conditions-footer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.term-conditions-footer .term-conditions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #4f4f4f;
}
.term-conditions-footer .term-conditions p {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #4f4f4f;
  font-family: "Montserrat";
  font-style: normal;
}
.term-conditions-footer .term-conditions input[type=checkbox] {
  min-width: 18px;
  height: 26px;
  margin-right: 10px;
  accent-color: #da291c;
}
.term-conditions-footer .term-conditions a {
  text-decoration: none;
  color: black;
  word-wrap: normal;
  font-weight: 700;
}
@media (max-width: 767px) {
  .term-conditions-footer .btn-submit {
    width: 100%;
  }
}
.term-conditions-footer .btn-submit button {
  width: 220px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-left: 20px;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .term-conditions-footer .btn-submit button {
    width: 100%;
    margin-left: unset;
  }
}

.aside .img-container {
  position: relative;
  height: 200px;
  width: 100%;
}
.aside .img-container::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(25, 25, 25, 0)), color-stop(30.21%, rgba(25, 25, 25, 0.504954)), color-stop(64.06%, rgba(25, 25, 25, 0.828125)), to(#191919));
  background: linear-gradient(180deg, rgba(25, 25, 25, 0) 0%, rgba(25, 25, 25, 0.504954) 30.21%, rgba(25, 25, 25, 0.828125) 64.06%, #191919 100%);
  z-index: 1;
  left: 0;
}
.aside .img-container img {
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  top: 0;
  -o-object-position: top center;
     object-position: top center;
}
.aside .aside-content {
  position: relative;
}
.aside .article-details {
  background: #191919;
}
.aside .article-details .wrap {
  padding: 16px 16px 32px 16px;
}
.aside .article-details h1 {
  font-weight: 700;
  font-size: 20px;
  max-width: 90%;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #f2f2f2;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  margin-bottom: 16px;
}
.aside .article-details h1 span {
  color: #da291c;
}
@media (max-width: 767px) {
  .aside .article-details h1 {
    font-size: 28px;
    max-width: 100%;
  }
}
.aside .article-details .features-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (max-width: 767px) {
  .aside .article-details .features-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.aside .article-details .features-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  padding: 0 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .aside .article-details .features-list .list {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    padding: 12px;
    gap: 12px;
  }
}
.aside .article-details .features-list .list .icon {
  width: 32px;
  height: 32px;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 49px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.aside .article-details .features-list .list p {
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #ffffff;
  font-family: "Montserrat";
  font-style: normal;
}
@media (max-width: 767px) {
  .aside .article-details .features-list .list p {
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
  }
}
.aside .article-details .article-footer {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.aside .article-details .article-footer input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  accent-color: #da291c;
}
.aside .article-details .article-footer p {
  font-weight: 400;
  font-family: "Montserrat";
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
  color: #ffffff;
}
.aside .article-details .article-footer p span {
  color: #da291c;
}

.exchange-model {
  margin-top: 16px;
}
.exchange-model p {
  font-weight: 600;
  font-family: "Montserrat";
  font-style: normal;
  font-size: 14px;
  line-height: 140%;
  text-transform: capitalize;
  color: #ededed;
}
.exchange-model p span {
  color: #fd5050;
}
.exchange-model #bikes {
  width: 100%;
  height: 52px;
  background: #282828;
  border: 1px solid #474747;
  margin-top: 16px;
  font-size: 14px;
  padding: 0 16px;
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
}
.exchange-model #bikes:focus-visible {
  outline: none;
}

.search-container {
  position: relative;
}
.search-container .search-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search-container .search-btn img {
  cursor: pointer;
}
.search-container .input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  height: 48px;
  background: #f5f5f5;
  padding: 0 11px;
  margin-bottom: 24px;
}
.search-container .input-box input {
  background-color: transparent;
  border: none;
  outline: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
  width: 100%;
}
.search-container .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.search-container .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.search-container .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.search-container .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.search-container .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.search-container .input-box .img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.search-container .input-box .empty-val {
  width: 14px;
  height: 14px;
}
.search-container .search-modal {
  display: none;
  width: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
  position: absolute;
  z-index: 9999;
  position: fixed;
  width: 100vw;
  height: calc(100vh - 70px);
  top: 70px;
  left: 0;
  right: 0;
  overflow: hidden;
}
.search-container .search-modal.show-modal {
  display: block;
}
@media (max-width: 767px) {
  .search-container .search-modal.show-modal {
    width: 100vw;
    height: 100vh;
    top: 0;
  }
}

.modal-content-search {
  max-width: 40%;
  margin: 0 0 0 auto;
  background: #ffffff;
  padding: 24px;
  height: 100%;
  overflow: auto;
}
@media (max-width: 767px) {
  .modal-content-search {
    max-width: unset;
  }
}
.modal-content-search .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 16px;
}
.modal-content-search .header h2 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
.modal-content-search .header .icon-close {
  cursor: pointer;
}

.recent-search-lists {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 24px;
}

.search-lists {
  margin: 24px 0;
}
.search-lists .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .search-lists .heading {
    font-size: 20px;
  }
}
.search-lists .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.search-lists .lists .list {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
@media (max-width: 767px) {
  .search-lists .lists .list {
    font-size: 12px;
  }
}

.searched-bikes-lists {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 24px;
}
.searched-bikes-lists .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 16px;
}
.searched-bikes-lists .heading span {
  color: #da291c;
}
.searched-bikes-lists .card-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.searched-bikes-lists .card-lists .card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f2f2f2;
}
.searched-bikes-lists .card-lists .card-list .img-container {
  height: 110px;
}
.searched-bikes-lists .card-lists .card-list .img-container img {
  width: 100%;
  height: 100%;
}
.searched-bikes-lists .card-lists .card-list .card-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.searched-bikes-lists .card-lists .card-list .card-details h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
}
.searched-bikes-lists .card-lists .card-list .card-details .bike-specs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17.3px;
}
.searched-bikes-lists .card-lists .card-list .card-details .bike-specs .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #848484;
}
.searched-bikes-lists .card-lists .card-list .card-details .bike-specs .item-flex img {
  width: 16px;
  height: auto;
}
.searched-bikes-lists .all-lists {
  background-color: transparent;
  border: none;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #da291c;
  margin-top: 20px;
}

.result-not-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 24px;
}
.result-not-found .img-container img {
  max-width: 100%;
  height: auto;
}
.result-not-found .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #474747;
}
@media (max-width: 767px) {
  .result-not-found .desc {
    font-size: 14px;
  }
}
.result-not-found .desc span {
  color: #181818;
  font-weight: 700;
}

.profile {
  background-color: black;
}

.badge {
  padding: 24px;
}
.badge .profile-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.badge .profile-detail .img-container {
  position: relative;
  cursor: pointer;
  border-radius: 62.2703px;
}
.badge .profile-detail .img-container img {
  width: 80px;
  height: 80px;
}
@media (max-width: 767px) {
  .badge .profile-detail .img-container img {
    width: 70px;
    height: 70px;
  }
}
.badge .profile-detail .img-container .edit-img-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 48px;
  top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #da291c;
  border-radius: 33px;
}
@media (max-width: 767px) {
  .badge .profile-detail .img-container .edit-img-icon {
    width: 20px;
    height: 20px;
  }
}
.badge .profile-detail .img-container .edit-img-icon img {
  width: 12px;
  height: 12px;
}
@media (max-width: 767px) {
  .badge .profile-detail .img-container .edit-img-icon img {
    width: 7.5px;
    height: 7.5px;
  }
}
.badge .profile-detail .contact-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
.badge .profile-detail .contact-details h2 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #ffffff;
}
@media (max-width: 767px) {
  .badge .profile-detail .contact-details h2 {
    font-size: 20px;
  }
}
.badge .profile-detail .contact-details a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #ffffff;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
@media (max-width: 767px) {
  .badge .profile-detail .contact-details a {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .badge .profile-detail .contact-details a img {
    width: 16px;
    height: 16px;
  }
}
.badge .home-address .home-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 10px;
}
.badge .home-address .home-title img {
  width: 17px;
  height: 17px;
}
.badge .home-address .home-title p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.badge .add-account-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
  gap: 10px;
  cursor: pointer;
}
.badge .add-account-details p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  color: #ffffff;
}

.sell-addreess-form {
  position: relative;
}
.sell-addreess-form .slick-slide {
  margin: 0 10px;
}
.sell-addreess-form .slick-prev,
.sell-addreess-form .slick-next {
  width: 24px;
  height: 24px;
  z-index: 1;
  left: 0;
  background-color: #da291c;
}
.sell-addreess-form .slick-next {
  left: unset;
  right: 0px;
}
.sell-addreess-form .init-add-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .sell-addreess-form .init-add-address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sell-addreess-form .init-add-address .text-p {
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
}
@media (max-width: 767px) {
  .sell-addreess-form .init-add-address .text-p {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
  }
}
.sell-addreess-form .init-add-address .text-s {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 8px;
  color: #474747;
}
@media (max-width: 767px) {
  .sell-addreess-form .init-add-address .text-s {
    font-family: "Montserrat";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.312rem;
    letter-spacing: 0em;
    text-align: left;
  }
}
.sell-addreess-form .input-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.sell-addreess-form .pincodeautocomplete {
  position: relative;
}
.sell-addreess-form .pincodeautocomplete .pincode-label {
  position: relative;
}
.sell-addreess-form .pincodeautocomplete .pincode-label input {
  cursor: pointer;
}
.sell-addreess-form .pincodeautocomplete .pincode-label img {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  right: 10px;
  z-index: 0;
}
.sell-addreess-form .autocompleteListPincode {
  display: none;
  position: absolute;
  width: 100%;
  max-height: 160px;
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.8392156863);
  top: 48px;
  z-index: 1;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  scrollbar-width: thin;
  scrollbar-color: #181818 #a7a7a7;
}
.sell-addreess-form .autocompleteListPincode::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.sell-addreess-form .autocompleteListPincode::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #a7a7a7;
}
.sell-addreess-form .autocompleteListPincode::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #181818;
}
.sell-addreess-form .autocompleteListPincode .pinCode-items {
  padding: 8px 4px;
  padding-left: 16px;
  border-bottom: 1px solid #ededed;
}
.sell-addreess-form .autocompleteListPincode .pinCode-items:hover {
  color: #fff;
  background: #181818;
  cursor: pointer;
}
.sell-addreess-form .autocompleteListPincode .pinCode-items:last-child {
  border-bottom: none;
}

.sell-addreess-form .mobile.input-box .grp,
.vdmp-form-contianer .mobile.input-box .grp {
  position: relative;
}
.sell-addreess-form .mobile.input-box .grp .form-error-msg,
.vdmp-form-contianer .mobile.input-box .grp .form-error-msg {
  display: block;
  position: absolute;
  bottom: -28px;
  left: 0;
}
.sell-addreess-form button,
.vdmp-form-contianer button {
  min-width: 200px;
}
@media (max-width: 767px) {
  .sell-addreess-form button,
  .vdmp-form-contianer button {
    width: 100%;
    min-width: auto;
  }
}

.info-update-form {
  background: #ffffff;
}
.info-update-form div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 767px) {
  .info-update-form {
    width: 100%;
    padding: 19px 12px;
    padding-top: 0;
  }
}
.info-update-form .contact .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .info-update-form .contact .heading {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.info-update-form .contact .contact-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding-bottom: 24px;
  border-bottom: 1px solid #cacaca;
}
@media (min-width: 768px) {
  .info-update-form .contact .contact-details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .info-update-form .contact .contact-details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.info-update-form .contact .contact-details .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .info-update-form .contact .contact-details .flex-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}
.info-update-form .contact .contact-details .name,
.info-update-form .contact .contact-details .mobile {
  width: calc(50% - 15px);
}
@media (max-width: 767px) {
  .info-update-form .contact .contact-details .name,
  .info-update-form .contact .contact-details .mobile {
    width: 100%;
  }
}
.info-update-form .contact .contact-details .email {
  width: calc(50% - 15px);
}
@media (max-width: 767px) {
  .info-update-form .contact .contact-details .email {
    width: 100%;
  }
}
.info-update-form .contact .contact-details .mobile > div {
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  padding: 14px 16px;
  border: none;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info-update-form .contact .contact-details .mobile .select-country select {
  width: 38px;
  padding: 0px;
  background-color: transparent;
  outline: none;
  border: none;
  font-family: "Montserrat";
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #474747;
  border-right: 1px solid #cacaca;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.info-update-form .contact .contact-details .input-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.info-update-form .contact .contact-details .input-box span {
  display: block;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #474747;
}
.info-update-form .contact .contact-details .input-box input {
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  padding: 14px 16px;
  border: none;
  outline: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .contact .contact-details .input-box input::-webkit-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .contact .contact-details .input-box input::-moz-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .contact .contact-details .input-box input:-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .contact .contact-details .input-box input::-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .contact .contact-details .input-box input::placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
@media (max-width: 767px) {
  .info-update-form .contact .contact-details .input-box input::-webkit-input-placeholder {
    font-size: 12px;
  }
  .info-update-form .contact .contact-details .input-box input::-moz-placeholder {
    font-size: 12px;
  }
  .info-update-form .contact .contact-details .input-box input:-ms-input-placeholder {
    font-size: 12px;
  }
  .info-update-form .contact .contact-details .input-box input::-ms-input-placeholder {
    font-size: 12px;
  }
  .info-update-form .contact .contact-details .input-box input::placeholder {
    font-size: 12px;
  }
}
.info-update-form .address {
  padding-top: 24px;
}
.info-update-form .address .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .info-update-form .address .heading {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.info-update-form .address .address-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.info-update-form .address .address-details .input-box {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .input-box span {
  display: block;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #474747;
}
.info-update-form .address .address-details .input-box input {
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  padding: 14px 16px;
  border: none;
  outline: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .input-box input::-webkit-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .input-box input::-moz-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .input-box input:-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .input-box input::-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .input-box input::placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .home-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .home-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.info-update-form .address .address-details .home-info .input-box {
  width: calc(50% - 15px);
}
.info-update-form .address .address-details .home-info .input-box input {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .home-info .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .home-info .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .home-info .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .home-info .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .home-info .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .home-info .house-no,
.info-update-form .address .address-details .home-info .street {
  width: calc(50% - 15px);
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .home-info .house-no,
  .info-update-form .address .address-details .home-info .street {
    width: 100%;
  }
}
.info-update-form .address .address-details .address-info .input-box textarea {
  width: 100%;
  padding: 14px 16px;
  outline: none;
  border: none;
  background: #f5f5f5;
  height: 120px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .address-info .input-box textarea::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-info .input-box textarea::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-info .input-box textarea:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-info .input-box textarea::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-info .input-box textarea::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .name,
.info-update-form .address .address-details .mobile,
.info-update-form .address .address-details .email {
  width: 380px;
}
.info-update-form .address .address-details .country-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .country-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}
.info-update-form .address .address-details .country-info .input-lists {
  position: relative;
}
.info-update-form .address .address-details .country-info .input-lists li {
  position: relative;
  background-color: #f5f5f5;
}
.info-update-form .address .address-details .country-info .input-lists li select {
  z-index: 1;
  position: relative;
  background: transparent !important;
}
.info-update-form .address .address-details .country-info .input-lists li .img-container {
  position: absolute;
  top: 25%;
  right: 9pt;
  z-index: 0;
}
.info-update-form .address .address-details .country-info .states {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  width: 50%;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .country-info .states {
    width: 100%;
  }
}
.info-update-form .address .address-details .country-info .states .input-box {
  width: 50%;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .country-info .states .input-box {
    width: 100%;
  }
}
.info-update-form .address .address-details .country-info .states .input-box select {
  padding: 14px 16px;
  border: none;
  outline: none;
  width: 100%;
  background: #f5f5f5;
  font-family: "Montserrat";
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #181818;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.info-update-form .address .address-details .country-info .states .input-box select:disabled, .info-update-form .address .address-details .country-info .states .input-box select:invalid {
  color: #a7a7a7;
}
.info-update-form .address .address-details .country-info .pincodes {
  width: 50%;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .country-info .pincodes {
    width: 100%;
  }
}
.info-update-form .address .address-details .country-info .pincodes .input-box input {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .country-info .pincodes .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .country-info .pincodes .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .country-info .pincodes .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .country-info .pincodes .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .country-info .pincodes .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .landmark .input-box input {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .landmark .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .landmark .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .landmark .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .landmark .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .landmark .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-type .type-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  width: 100%;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .address-type .type-data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
  }
}
.info-update-form .address .address-details .address-type .type-data input {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .address-type .type-data input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-type .type-data input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-type .type-data input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-type .type-data input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-type .type-data input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-type .type-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 50%;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .address-type .type-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}
.info-update-form .address .address-details .address-type .type-container input {
  width: 100%;
}
.info-update-form .address .address-details .address-type .type-container .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  line-height: 140%;
  color: #616161;
  width: 121.33px;
  height: 48px;
  background: rgba(242, 242, 242, 0.5);
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .address-type .type-container .flex-item {
    width: 93px;
    height: 40px;
  }
}
.info-update-form .address .address-details .address-type .type-container .flex-item img {
  width: 15px;
  height: auto;
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.info-update-form .address .address-details .address-type .type-container .flex-item p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #616161;
}
.info-update-form .address .address-details .address-type .type-container .flex-item.active {
  background: #fbeae8;
  border: 1px solid #da291c;
}
.info-update-form .address .address-details .address-type .type-container .flex-item.active img {
  -webkit-filter: unset;
          filter: unset;
}
.info-update-form .address .address-details .address-type .type-container .flex-item.active p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #da291c;
}
.info-update-form .address .address-details .btn-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.info-update-form .address .address-details .btn-submit .vdmp-btn {
  min-width: 200px;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .btn-submit .vdmp-btn {
    width: 100%;
    min-width: 100%;
  }
}
.info-update-form .flex-item .btn-submit .add-address_next_v1 {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 200px;
}
@media (max-width: 767px) {
  .info-update-form .flex-item .btn-submit .add-address_next_v1 {
    width: 100%;
  }
}

.address-con {
  padding: 24px;
  border: 1px solid #cacaca;
}
.address-con .address-card .top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.address-con .address-card .top-bar img {
  height: 24px;
}
.address-con .address-card .top-bar span {
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
}
.address-con .address-card .contact-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.312rem;
  letter-spacing: 0em;
  color: #ededed;
}
.address-con .address-card .address {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.312rem;
  letter-spacing: 0em;
  text-align: left;
  color: #cacaca;
  width: 100%;
  overflow-x: auto;
}

.form-error-msg {
  color: #fd5050 !important;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.312rem;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 8px;
}

.bike-card {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f5f5f5;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.bike-card.active {
  border: 1px solid #848484;
}

.details {
  padding: 20px 50px 20px 0;
}
.details .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.details span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #848484;
  margin-bottom: 6px;
  display: block;
}
.details .num {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 140%;
  color: #201d15;
}

.details-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 25px;
  border: 1px dashed #cacaca;
  max-width: 130px;
}
@media (max-width: 767px) {
  .details-upload {
    max-width: unset;
  }
}
.details-upload p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  text-align: center;
  color: #282828;
}

.vdmp-toast {
  height: 66px;
  width: 100%;
  padding: 14px 12px;
}
@media (max-width: 767px) {
  .vdmp-toast {
    height: 75px;
    padding: 12px;
  }
}
.vdmp-toast.note-content {
  background: #fbeae8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .vdmp-toast.note-content {
    gap: 4px;
  }
}
.vdmp-toast.note-content img {
  height: 32px;
}
.vdmp-toast.note-content p {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.312rem;
  letter-spacing: 0em;
  text-align: left;
  color: #474747;
}
@media (max-width: 767px) {
  .vdmp-toast.note-content p {
    font-size: 0.75rem;
  }
}

.sell-addreess-form .init-add-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .sell-addreess-form .init-add-address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sell-addreess-form .init-add-address .text-p {
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
}
@media (max-width: 767px) {
  .sell-addreess-form .init-add-address .text-p {
    font-family: "Montserrat";
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
  }
}
.sell-addreess-form .init-add-address .text-s {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  margin-top: 8px;
  color: #474747;
}
@media (max-width: 767px) {
  .sell-addreess-form .init-add-address .text-s {
    font-family: "Montserrat";
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.312rem;
    letter-spacing: 0em;
    text-align: left;
  }
}

.info-update-form {
  background: #ffffff;
}
.info-update-form div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 767px) {
  .info-update-form {
    width: 100%;
    padding: 19px 12px;
  }
}
.info-update-form .contact .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .info-update-form .contact .heading {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.info-update-form .contact .contact-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding-bottom: 24px;
}
@media (min-width: 768px) {
  .info-update-form .contact .contact-details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .info-update-form .contact .contact-details {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.info-update-form .contact .contact-details .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  .info-update-form .contact .contact-details .flex-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}
.info-update-form .contact .contact-details .name,
.info-update-form .contact .contact-details .mobile {
  width: calc(50% - 15px);
}
@media (max-width: 767px) {
  .info-update-form .contact .contact-details .name,
  .info-update-form .contact .contact-details .mobile {
    width: 100%;
  }
}
.info-update-form .contact .contact-details .email {
  width: calc(50% - 15px);
}
@media (max-width: 767px) {
  .info-update-form .contact .contact-details .email {
    width: 100%;
  }
}
.info-update-form .contact .contact-details .mobile > div {
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  padding: 14px 16px;
  border: none;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info-update-form .contact .contact-details .mobile .select-country select {
  width: 50px;
  background-color: transparent;
  outline: none;
  border: none;
  font-family: "Montserrat";
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #474747;
  border-right: 1px solid #cacaca;
}
.info-update-form .contact .contact-details .input-box span {
  display: block;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #474747;
}
.info-update-form .contact .contact-details .input-box input {
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  padding: 14px 16px;
  border: none;
  outline: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .contact .contact-details .input-box input::-webkit-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .contact .contact-details .input-box input::-moz-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .contact .contact-details .input-box input:-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .contact .contact-details .input-box input::-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .contact .contact-details .input-box input::placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
@media (max-width: 767px) {
  .info-update-form .contact .contact-details .input-box input::-webkit-input-placeholder {
    font-size: 12px;
  }
  .info-update-form .contact .contact-details .input-box input::-moz-placeholder {
    font-size: 12px;
  }
  .info-update-form .contact .contact-details .input-box input:-ms-input-placeholder {
    font-size: 12px;
  }
  .info-update-form .contact .contact-details .input-box input::-ms-input-placeholder {
    font-size: 12px;
  }
  .info-update-form .contact .contact-details .input-box input::placeholder {
    font-size: 12px;
  }
}
.info-update-form .address {
  padding-top: 24px;
}
.info-update-form .address .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .info-update-form .address .heading {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
.info-update-form .address .address-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.info-update-form .address .address-details .input-box span {
  display: block;
  margin-bottom: 8px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #474747;
}
.info-update-form .address .address-details .input-box input {
  width: 100%;
  height: 48px;
  background: #f5f5f5;
  padding: 14px 16px;
  border: none;
  outline: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .input-box input::-webkit-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .input-box input::-moz-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .input-box input:-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .input-box input::-ms-input-placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .input-box input::placeholder {
  color: #a7a7a7;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .home-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .home-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.info-update-form .address .address-details .home-info .input-box {
  width: calc(50% - 15px);
}
.info-update-form .address .address-details .home-info .input-box input {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .home-info .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .home-info .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .home-info .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .home-info .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .home-info .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .home-info .house-no,
.info-update-form .address .address-details .home-info .street {
  width: calc(50% - 15px);
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .home-info .house-no,
  .info-update-form .address .address-details .home-info .street {
    width: 100%;
  }
}
.info-update-form .address .address-details .address-info .input-box textarea {
  width: 100%;
  padding: 14px 16px;
  outline: none;
  border: none;
  background: #f5f5f5;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  height: 120px;
}
.info-update-form .address .address-details .address-info .input-box textarea::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-info .input-box textarea::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-info .input-box textarea:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-info .input-box textarea::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-info .input-box textarea::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .name,
.info-update-form .address .address-details .mobile,
.info-update-form .address .address-details .email {
  width: 380px;
}
.info-update-form .address .address-details .country-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .country-info {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}
.info-update-form .address .address-details .country-info .states {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  width: 50%;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .country-info .states {
    width: 100%;
  }
}
.info-update-form .address .address-details .country-info .states .input-box {
  width: 50%;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .country-info .states .input-box {
    width: 100%;
  }
}
.info-update-form .address .address-details .country-info .states .input-box select {
  padding: 14px 16px;
  border: none;
  outline: none;
  width: 100%;
  background: #f5f5f5;
  font-family: "Montserrat";
  cursor: pointer;
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .country-info .pincodes {
  width: 50%;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .country-info .pincodes {
    width: 100%;
  }
}
.info-update-form .address .address-details .country-info .pincodes .input-box input {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .country-info .pincodes .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .country-info .pincodes .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .country-info .pincodes .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .country-info .pincodes .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .country-info .pincodes .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .landmark .input-box input {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .landmark .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .landmark .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .landmark .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .landmark .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .landmark .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-type .type-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1400px) {
  .info-update-form .address .address-details .address-type .type-data {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.info-update-form .address .address-details .address-type .type-data input {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
}
.info-update-form .address .address-details .address-type .type-data input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-type .type-data input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-type .type-data input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-type .type-data input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-type .type-data input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #a7a7a7;
}
.info-update-form .address .address-details .address-type .type-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 50%;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .address-type .type-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
}
.info-update-form .address .address-details .address-type .type-container input {
  width: 100%;
}
.info-update-form .address .address-details .address-type .type-container .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  line-height: 140%;
  color: #616161;
  width: 121.33px;
  height: 48px;
  background: rgba(242, 242, 242, 0.5);
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .address-type .type-container .flex-item {
    width: 93px;
    height: 40px;
  }
}
.info-update-form .address .address-details .address-type .type-container .flex-item img {
  width: 15px;
  height: auto;
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
.info-update-form .address .address-details .address-type .type-container .flex-item p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #616161;
}
.info-update-form .address .address-details .address-type .type-container .flex-item.active {
  background: #fbeae8;
  border: 1px solid #da291c;
}
.info-update-form .address .address-details .address-type .type-container .flex-item.active img {
  -webkit-filter: unset;
          filter: unset;
}
.info-update-form .address .address-details .address-type .type-container .flex-item.active p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 140%;
  color: #da291c;
}
.info-update-form .address .address-details .btn-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.info-update-form .address .address-details .btn-submit button {
  min-width: 200px;
  font-size: 0.875rem;
}
@media (max-width: 767px) {
  .info-update-form .address .address-details .btn-submit button {
    width: 100%;
    min-width: 100%;
  }
}
.info-update-form .section-text-info {
  color: #181818;
  font-family: "Montserrat";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .info-update-form .section-text-info {
    color: #474747;
    font-size: 0.875rem;
  }
}
.info-update-form .address-block-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .info-update-form .address-block-con {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.info-update-form .address-block-con .address_container {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #181818 #a7a7a7;
}
.info-update-form .address-block-con .address_container::-webkit-scrollbar {
  height: 6px;
  width: 0px;
}
.info-update-form .address-block-con .address_container::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #a7a7a7;
}
.info-update-form .address-block-con .address_container::-webkit-scrollbar-track:hover {
  background-color: #a7a7a7;
}
.info-update-form .address-block-con .address_container::-webkit-scrollbar-track:active {
  background-color: #a7a7a7;
}
.info-update-form .address-block-con .address_container::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #181818;
}
.info-update-form .address-block-con .address_container::-webkit-scrollbar-thumb:hover {
  background-color: #da291c;
}
.info-update-form .address-block-con .address_container::-webkit-scrollbar-thumb:active {
  background-color: #da291c;
}
.info-update-form .address-block-con .address-items {
  max-width: calc(33% - 15px);
  margin-right: 8px;
  background: #f5f5f5;
  padding: 24px;
  max-width: 300px;
  min-height: 180px;
  border: 1px solid rgba(255, 255, 255, 0);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  scroll-snap-align: start;
  cursor: pointer;
}
.info-update-form .address-block-con .address-items.active {
  border: 1px solid #474747;
}
@media (max-width: 767px) {
  .info-update-form .address-block-con .address-items {
    max-width: calc(100vw - 96px);
  }
}
.info-update-form .address-block-con .address-items .top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}
.info-update-form .address-block-con .address-items .top-bar span {
  width: 22px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info-update-form .address-block-con .address-items .top-bar span img {
  width: 100%;
}
.info-update-form .address-block-con .address-items .top-bar .title {
  font-family: Guardian Sans XCond;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
}
.info-update-form .address-block-con .address-items .top-bar .icon-left {
  margin-left: auto;
}
.info-update-form .address-block-con .address-items .text-contact {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.312rem;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.info-update-form .address-block-con .address-items .text-details {
  margin-top: 16px;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.312rem;
  letter-spacing: 0em;
  text-align: left;
  color: #474747;
  word-break: break-all;
  white-space: normal;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .info-update-form .address-block-con .address-items .text-details {
    font-size: 12px;
    line-height: 17px;
  }
}
.info-update-form .address-block-con .address-add-new .add-new-cta {
  max-width: 130px;
  border: 1px dashed #cacaca;
  cursor: pointer;
  background: #f5f5f5;
  padding: 24px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .info-update-form .address-block-con .address-add-new .add-new-cta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    max-width: unset;
  }
}
.info-update-form .address-block-con .address-add-new .add-new-cta .icon-plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info-update-form .address-block-con .address-add-new p {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.312rem;
  letter-spacing: 0em;
  text-align: center;
}
.info-update-form .date-slots-cont p {
  font-family: "Montserrat";
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
}
.info-update-form .date-slots-cont .picker-con {
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.info-update-form .date-slots-cont .picker-con .title {
  margin-bottom: 12px;
}
.info-update-form .date-slots-cont .picker-con .date-blocks {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.info-update-form .date-slots-cont .picker-con .time-list {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.info-update-form .date-slots-cont .picker-con .time-list .slots-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.congratulations-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  padding: 32px 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media (max-width: 767px) {
  .congratulations-block {
    padding: 24px 16px;
  }
}
.congratulations-block .title {
  font-family: Guardian Sans XCond;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}
@media (max-width: 767px) {
  .congratulations-block .title {
    font-size: 32px;
    line-height: 38px;
  }
}
.congratulations-block .text {
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 767px) {
  .congratulations-block .text {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.312rem;
  }
}
.congratulations-block .toast-block {
  height: 48px;
  border-radius: 0px;
  padding: 8px 12px;
  background: #282828;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.congratulations-block .toast-block img {
  height: 32px;
}
.congratulations-block .toast-block span {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.312rem;
  letter-spacing: 0em;
  text-align: left;
  color: #ededed;
}
@media (max-width: 767px) {
  .congratulations-block .toast-block span {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.312rem;
  }
}
.congratulations-block .address-con {
  padding: 24px;
  border: 1px solid #cacaca;
  width: 100%;
}
.congratulations-block .address-con .address-card .top-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  margin-bottom: 16px;
}
.congratulations-block .address-con .address-card .top-bar img {
  height: 24px;
}
.congratulations-block .address-con .address-card .top-bar span {
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
}
.congratulations-block .address-con .address-card .contact-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.312rem;
  letter-spacing: 0em;
  color: #ededed;
  margin-bottom: 12px;
}
.congratulations-block .address-con .address-card .contact-details .name {
  position: relative;
}
.congratulations-block .address-con .address-card .contact-details .name::after {
  content: "";
  position: absolute;
  right: -10px;
  background: #a7a7a7;
  width: 0.5px;
  height: 100%;
}
.congratulations-block .address-con .address-card .address {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.312rem;
  letter-spacing: 0em;
  text-align: left;
  color: #cacaca;
}

.manage-time-table .heading {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #181818;
  margin-bottom: 15px;
}
.manage-time-table .scheduled-appointment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
}
@media (max-width: 767px) {
  .manage-time-table .scheduled-appointment {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 18px;
  }
}
.manage-time-table .scheduled-appointment .select-date {
  width: 50%;
}
@media (max-width: 767px) {
  .manage-time-table .scheduled-appointment .select-date {
    width: 100%;
  }
}
.manage-time-table .scheduled-appointment .select-date p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.manage-time-table .scheduled-appointment .select-date .date-container {
  margin-top: 33px;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar {
  position: relative;
  background: #ffffff;
  color: #484848;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  font-weight: normal;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body div {
  padding: 4px;
  min-height: 30px;
  line-height: 30px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 0.875rem;
  color: #181818;
  border: 1px solid transparent;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body div:nth-child(-n+7) {
  border: 1px solid transparent;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body div:nth-child(-n+7):hover {
  border: 1px solid transparent;
  border-bottom: 1px solid #404040;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body div > a {
  color: #000000;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body div:hover {
  border: 1px solid #505050;
  border-radius: 4px;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .number-item {
  border: 1.21px solid #cacaca !important;
  margin: 0px 8px 8px 0px;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .number-item.disabled {
  border: none !important;
  cursor: not-allowed;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .number-item.disabled a {
  color: #484848;
  cursor: not-allowed;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body div.empty-dates:hover {
  border: 1px solid transparent;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .date-selected {
  background: #181818;
  border: 1.20635px solid #ededed !important;
  color: white !important;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .date-selected:hover {
  border: 1.20635px solid #ededed;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .date-selected a {
  outline: 2px solid transparent !important;
  color: white !important;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .prev-dates {
  color: #484848;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .prev-dates:hover {
  border: 1px solid transparent;
  pointer-events: none;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .next-dates {
  color: #484848;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-body .next-dates:hover {
  border: 1px solid transparent;
  pointer-events: none;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-year-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #181818;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-year-label,
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-year-month .calendar-month-label {
  font-weight: 700;
  font-size: 16px;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-next {
  text-align: right;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-next a {
  font-size: 26px;
  text-decoration: none;
  padding: 4px 12px;
  display: inline-block;
  background: transparent;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-next a svg {
  height: 20px;
  width: 20px;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-next a svg path {
  fill: #181818;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-prev a {
  font-size: 26px;
  text-decoration: none;
  padding: 4px 12px;
  display: inline-block;
  background: transparent;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-prev a svg {
  height: 20px;
  width: 20px;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-controls .calendar-prev a svg path {
  fill: #a7a7a7;
}
.manage-time-table .scheduled-appointment .select-date .date-container .calendar .calendar-inner .calendar-today-date {
  display: grid;
  text-align: center;
  cursor: pointer;
  margin: 3px 0px;
  background: #1b1f21;
  padding: 8px 0px;
  border-radius: 10px;
  width: 80%;
  margin: auto;
}
.manage-time-table .scheduled-appointment .select-time {
  width: 50%;
}
@media (max-width: 767px) {
  .manage-time-table .scheduled-appointment .select-time {
    width: 100%;
  }
}
.manage-time-table .scheduled-appointment .select-time p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.manage-time-table .scheduled-appointment .select-time .time-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 90px;
}
@media (max-width: 767px) {
  .manage-time-table .scheduled-appointment .select-time .time-container {
    margin-top: 32px;
  }
}
.manage-time-table .scheduled-appointment .select-time .time-container .time-slot {
  cursor: pointer;
  border: 1.20635px solid #ededed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 162px;
  height: 41px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  gap: 5px;
  font-size: 0.875rem;
  line-height: 140%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #181818;
}
@media (max-width: 767px) {
  .manage-time-table .scheduled-appointment .select-time .time-container .time-slot {
    width: 139px;
    height: 35px;
  }
}
.manage-time-table .scheduled-appointment .select-time .time-container .time-slot:hover, .manage-time-table .scheduled-appointment .select-time .time-container .time-slot.selected-slot {
  background: #282828;
  /* Neutral/Graphite - 500 */
  border: 0.880777px solid #4f4f4f;
  color: #fff;
}
.manage-time-table .scheduled-appointment .select-time .time-container.fb-width-100 .time-slot {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.manage-time-table .btn-group {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
}
@media (max-width: 767px) {
  .manage-time-table .btn-group {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .manage-time-table .btn-group a {
    width: 100%;
  }
}
.manage-time-table .btn-group #add-location-manually {
  opacity: 1;
}
.manage-time-table .btn-group .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.manage-time-table .btn-group #back-btn {
  opacity: 1;
}
@media (max-width: 767px) {
  .manage-time-table .btn-group #back-btn {
    width: 50%;
    min-width: auto;
  }
}
.manage-time-table .btn-group #book-btn {
  opacity: 1;
}
@media (max-width: 767px) {
  .manage-time-table .btn-group #book-btn {
    width: 50%;
    min-width: auto;
  }
}

.markParentActive {
  display: block;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.info-update-form .location-container {
  position: relative;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .info-update-form .location-container {
    margin-bottom: 16px;
  }
}
.info-update-form .location-container .loc-search {
  position: relative;
}
.info-update-form .location-container .loc-search input.location-input {
  position: relative;
  background: #f5f5f5;
  padding: 12px 48px;
  border: none;
  width: 100%;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.312rem;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
}
.info-update-form .location-container .loc-search input.location-input:active, .info-update-form .location-container .loc-search input.location-input:focus, .info-update-form .location-container .loc-search input.location-input:focus-visible, .info-update-form .location-container .loc-search input.location-input:focus-within {
  border: 1px solid #da291c;
  outline: none;
}
.info-update-form .location-container .loc-search input.location-input::-webkit-input-placeholder {
  color: #a7a7a7;
}
.info-update-form .location-container .loc-search input.location-input::-moz-placeholder {
  color: #a7a7a7;
}
.info-update-form .location-container .loc-search input.location-input:-ms-input-placeholder {
  color: #a7a7a7;
}
.info-update-form .location-container .loc-search input.location-input::-ms-input-placeholder {
  color: #a7a7a7;
}
.info-update-form .location-container .loc-search input.location-input::placeholder {
  color: #a7a7a7;
}
.info-update-form .location-container .loc-search img.search-icon {
  position: absolute;
  height: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 16px;
}
.info-update-form .location-container .autocomplete-result-list {
  max-height: 160px;
  overflow-y: auto;
  background-color: #fff;
  width: 100%;
  border: 1px solid #848484;
  position: absolute;
  z-index: 2;
  display: none;
}
.info-update-form .location-container .autocomplete-result-list.active {
  display: block;
}
.info-update-form .location-container .autocomplete-result-list ul li {
  padding: 16px;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.312rem;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
  border-bottom: 1px solid #848484;
}
.info-update-form .location-container .location-map-container {
  position: relative;
  height: 228px;
  background-color: #848484;
  width: 100%;
  margin-top: 20px;
}
.info-update-form .location-container .location-map-container .locate-me-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding: 10px 12px 10px 12px;
  height: 40px;
  width: 118px;
  border: none;
  background: #282828;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: 0em;
  text-align: left;
  color: #ededed;
  cursor: pointer;
}
@media (max-width: 767px) {
  .info-update-form .location-container .location-map-container .locate-me-btn {
    right: 7px;
    bottom: 8px;
  }
}
.info-update-form .location-container .location-map-container .locate-me-btn img {
  display: inline;
  height: 20px;
}
.info-update-form .location-container .btn-group {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
}
@media (max-width: 767px) {
  .info-update-form .location-container .btn-group a {
    width: 100%;
  }
}
.info-update-form .location-container .btn-group .vdmp-btn {
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
}
.info-update-form .location-container .btn-group #back-btn {
  margin-right: auto;
}
.info-update-form .location-container .btn-group #book-btn {
  opacity: 1;
}

.sellAddressForm .input-lists li select {
  color: #848484;
}
.sellAddressForm .input-lists li select.active {
  color: #181818 !important;
}
.sellAddressForm .input-lists.active select,
.sellAddressForm li.active select {
  color: #181818 !important;
}

.sellMotorcycleDetail .slick-slide {
  margin: 0 10px;
}
.sellMotorcycleDetail .slick-prev,
.sellMotorcycleDetail .slick-next {
  width: 24px;
  height: 24px;
  z-index: 1;
  left: 0;
  background-color: #da291c;
}
.sellMotorcycleDetail .slick-next {
  left: unset;
  right: 0px;
}
.sellMotorcycleDetail .card-container {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .card-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sellMotorcycleDetail .card-container .bike_cards_container {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #181818 #a7a7a7;
  gap: 30px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .card-container .bike_cards_container {
    gap: 18px;
  }
}
.sellMotorcycleDetail .card-container .bike_cards_container::-webkit-scrollbar {
  height: 6px;
  width: 0px;
}
.sellMotorcycleDetail .card-container .bike_cards_container::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #a7a7a7;
}
.sellMotorcycleDetail .card-container .bike_cards_container::-webkit-scrollbar-track:hover {
  background-color: #a7a7a7;
}
.sellMotorcycleDetail .card-container .bike_cards_container::-webkit-scrollbar-track:active {
  background-color: #a7a7a7;
}
.sellMotorcycleDetail .card-container .bike_cards_container::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #181818;
}
.sellMotorcycleDetail .card-container .bike_cards_container::-webkit-scrollbar-thumb:hover {
  background-color: #da291c;
}
.sellMotorcycleDetail .card-container .bike_cards_container::-webkit-scrollbar-thumb:active {
  background-color: #da291c;
}
.sellMotorcycleDetail .card-container .bike_cards_container .addrs-custom-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sellMotorcycleDetail .card-container .bike_cards_container .addrs-custom-arrow button {
  height: auto;
  width: auto;
  background: transparent;
  color: red;
  cursor: pointer;
  border: none;
  outline: none;
}
.sellMotorcycleDetail .card-container .bike_cards_container .bike-card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  scroll-snap-align: start;
  width: auto;
  height: auto;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .card-container .bike_cards_container .bike-card {
    max-width: 100%;
    width: 100%;
  }
}
.sellMotorcycleDetail .card-container .bike_cards_container .bike-card .img-container {
  max-width: 140px;
  height: auto;
  min-width: 140px;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .card-container .bike_cards_container .bike-card .img-container {
    max-width: 130px;
    min-width: 130px;
  }
}
.sellMotorcycleDetail .card-container .bike_cards_container .bike-card .img-container img {
  width: 100%;
  height: 100%;
}
.sellMotorcycleDetail .card-container .bike_cards_container .bike-card .details {
  margin-left: 12px;
}
.sellMotorcycleDetail .bike-card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.sellMotorcycleDetail .details {
  padding: 20px 50px 20px 0;
}
.sellMotorcycleDetail .details .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .details .heading {
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.64px;
  }
}
.sellMotorcycleDetail .details span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
  margin-bottom: 6px;
  display: block;
}
.sellMotorcycleDetail .details .num {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #201d15;
}
.sellMotorcycleDetail .details-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 25px;
  border: 1px dashed #cacaca;
  max-width: 15%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .details-upload {
    max-width: unset;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    gap: 10px;
    padding: 16px;
  }
  .sellMotorcycleDetail .details-upload .img-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}
.sellMotorcycleDetail .details-upload .img-container {
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .details-upload .img-container {
    margin-bottom: 0;
  }
}
.sellMotorcycleDetail .details-upload p,
.sellMotorcycleDetail .details-upload label {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #282828;
}
.sellMotorcycleDetail .details-upload.active {
  border: 1px dashed #848484;
}
.sellMotorcycleDetail button {
  min-width: 200px;
  padding: 16px 32px;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail button {
    width: 100%;
  }
}
.sellMotorcycleDetail .choose-bike {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
.sellMotorcycleDetail .choose-bike .choose-title {
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: center;
  color: #181818;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .choose-bike .choose-title {
    font-size: 1rem;
    font-weight: 600;
    line-height: 22px;
  }
}
.sellMotorcycleDetail .choose-bike .group-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sellMotorcycleDetail .choose-bike .group-cta .btn-border,
.sellMotorcycleDetail .choose-bike .group-cta .btn-primary {
  width: auto;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .choose-bike .group-cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sellMotorcycleDetail .choose-bike .group-cta .btn-border,
  .sellMotorcycleDetail .choose-bike .group-cta .btn-primary {
    width: 100%;
    font-family: "Montserrat";
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0em;
    text-align: center;
  }
}
.sellMotorcycleDetail .content-between .btn-submit {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .content-between .btn-submit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.sellMotorcycleDetail .content-between .btn-submit .text-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sellMotorcycleDetail .content-between .btn-submit .text-container .title {
  font-family: "Montserrat";
  font-size: 1rem;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .content-between .btn-submit .text-container .title {
    font-size: 1rem;
    line-height: 22px;
  }
}
.sellMotorcycleDetail .content-between .btn-submit .text-container .title .vdmp-btn {
  width: auto;
  color: #da291c;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sellMotorcycleDetail .content-between .btn-submit .text-container .description {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #4f4f4f;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .content-between .btn-submit .text-container .description {
    font-size: 14px;
    line-height: 20px;
  }
}
.sellMotorcycleDetail .content-between .select-bike-nxt {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
}

.vdmp-toast {
  height: 66px;
  width: 100%;
  padding: 14px 12px 14px 12px;
}
.vdmp-toast.note-content {
  background: #fbeae8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.vdmp-toast.note-content img {
  height: 32px;
}
.vdmp-toast.note-content p {
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #474747;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  padding-top: 100px;
  left: 0;
  top: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  overflow: scroll;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  max-width: 870px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  height: auto;
}
@media (max-width: 767px) {
  .modal-content {
    border-radius: 16px 16px 0px 0px;
    padding: 0;
  }
}
.modal-content .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 767px) {
  .modal-content .modal-header {
    padding: 20px;
  }
}
.modal-content .modal-header .close {
  cursor: pointer;
}

.bike_details_form_step .vdmp-form-inputs-con .input-box input::-webkit-input-placeholder {
  color: #848484;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}

.bike_details_form_step .vdmp-form-inputs-con .input-box input::-moz-placeholder {
  color: #848484;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}

.bike_details_form_step .vdmp-form-inputs-con .input-box input:-ms-input-placeholder {
  color: #848484;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}

.bike_details_form_step .vdmp-form-inputs-con .input-box input::-ms-input-placeholder {
  color: #848484;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}

.bike_details_form_step .vdmp-form-inputs-con .input-box input::placeholder {
  color: #848484;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 19.6px */
}
.bike_details_form_step .vdmp-form-inputs-con .input-lists {
  position: relative;
}
.bike_details_form_step .vdmp-form-inputs-con .input-lists li {
  position: relative;
  background-color: #f5f5f5;
}
.bike_details_form_step .vdmp-form-inputs-con .input-lists li select {
  z-index: 1;
  position: relative;
  background: transparent !important;
}
.bike_details_form_step .vdmp-form-inputs-con .input-lists li .img-container {
  position: absolute;
  top: 25%;
  right: 9pt;
  z-index: 0;
}

.sellMotorcycleDetail .test-ride-successfully .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #181818;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .heading {
    text-align: center;
    font-size: 32px;
    letter-spacing: 0.64px;
  }
}
.sellMotorcycleDetail .test-ride-successfully .desc,
.sellMotorcycleDetail .test-ride-successfully .desc p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .desc,
  .sellMotorcycleDetail .test-ride-successfully .desc p {
    font-size: 14px;
    line-height: 20px;
    -webkit-text-emphasis: center;
            text-emphasis: center;
  }
}
.sellMotorcycleDetail .test-ride-successfully .desc span,
.sellMotorcycleDetail .test-ride-successfully .desc p span {
  color: #000000;
  font-weight: bold;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .desc {
    padding: 0px 16px;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details {
  background-color: #fefefe;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 24px;
  gap: 20px;
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content {
  width: 100%;
  background: #f5f5f5;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .img-container {
    width: 100%;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .img-container img {
  width: auto;
  height: 142px;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .img-container img {
    height: auto;
    width: 100%;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details {
  padding: 30px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details {
    width: 100%;
    padding: 24px 19px;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(15px);
    position: absolute;
    bottom: 0;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 17px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .header h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .header h3 {
    font-size: 20px;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .header p {
  font-family: "Montserrat";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #181818;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .header p {
    color: #282828;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 140%;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box {
  position: relative;
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #282828;
  margin-bottom: 4px;
  display: block;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box span {
    font-size: 0.75rem;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .box p {
    font-size: 14px;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-top-content .bike-details .bottom-details .border-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1.255px;
  background: #a7a7a7;
  position: relative;
  height: 100%;
  min-height: 42px;
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content {
  background: #f5f5f5;
  width: 100%;
  padding: 20px;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content {
    padding: 12px 16px;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #282828;
  margin-bottom: 20px;
  display: block;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .desc {
    font-size: 12px;
    margin-bottom: 8px;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .img-container {
  border-radius: 50%;
  overflow: hidden;
  width: 56px;
  height: 56px;
  min-width: 56px;
  min-height: 56px;
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .img-container img {
  display: inline;
  width: 100%;
  height: 100%;
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details {
    gap: 5px;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .name {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 1.312rem;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num {
    gap: 10px;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num p,
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num a {
  position: relative;
  font-family: "Montserrat";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  color: #181818;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num p,
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num a {
    font-size: 12px;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num p a,
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num a a {
  text-decoration: none;
  color: #181818;
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num p::after {
  position: absolute;
  right: -12px;
  content: "";
  background-color: #181818;
  height: 100%;
  width: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num p::after {
    right: -7px;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num .chat-wtp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  outline: none;
  background-color: transparent;
  gap: 10px;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  color: #181818;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num .chat-wtp {
    gap: 4px;
  }
}
.sellMotorcycleDetail .test-ride-successfully .test-ride-success-details .modal-bottom-content .representative-profile .user-details .contact-num .chat-wtp img[alt=icon-whatsapp] {
  width: 25px;
  height: auto;
}
.sellMotorcycleDetail .test-ride-successfully .btn-red {
  display: block;
  padding: 16px;
}
.sellMotorcycleDetail .test-ride-successfully .btn-red a {
  display: inline-block;
  float: right;
  text-align: center;
  padding: 16px 32px;
  background: #da291c;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  border: none;
  outline: none;
  font-size: 0.875rem;
  line-height: 100%;
  color: #ffffff;
  cursor: pointer;
  text-align: center;
}
@media (max-width: 767px) {
  .sellMotorcycleDetail .test-ride-successfully .btn-red a {
    display: block;
    float: unset;
    font-size: 0.75rem;
    line-height: 150%;
  }
}

.markParentActive {
  display: block;
  height: 0px;
  width: 0px;
  opacity: 0;
}

.sellMotorcycleDetail .input-lists li select {
  color: #848484;
}
.sellMotorcycleDetail .input-lists li select.active {
  color: #181818 !important;
}
.sellMotorcycleDetail .input-lists.active select,
.sellMotorcycleDetail li.active select {
  color: #181818 !important;
}

.litepicker .container__days .day-item.is-end-date {
  background-color: #181818 !important;
  border-radius: 0 !important;
}

.litepicker .container__days .day-item:hover {
  color: #181818;
  -webkit-box-shadow: inset 0 0 0 1px #181818 !important;
  box-shadow: inset 0 0 0 1px #181818 !important;
}

.signUp-con .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
}
.signUp-con .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: absolute;
  right: 25px;
  top: 24px;
}
@media (max-width: 767px) {
  .signUp-con .modal-header {
    top: 16px;
    right: 16px;
  }
}
.signUp-con .modal-content {
  background: #ffffff;
  max-width: 532px;
  padding: 27px 48px;
  margin: auto;
}
@media (max-width: 767px) {
  .signUp-con .modal-content {
    border-radius: 16px 16px 0px 0px;
    padding: 16px;
  }
}
.signUp-con .error {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #da291c;
}
.signUp-con .imgs-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14px;
  margin-bottom: 52px;
}
@media (max-width: 767px) {
  .signUp-con .imgs-container {
    margin-bottom: 40px;
  }
}
.signUp-con .imgs-container .prm-logo {
  width: 339px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.signUp-con .imgs-container .prm-logo img {
  width: 100%;
}
@media (max-width: 767px) {
  .signUp-con .imgs-container .prm-logo {
    width: 198px;
  }
}
.signUp-con .imgs-container .sec-logo {
  width: 320px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.signUp-con .imgs-container .sec-logo img {
  width: 100%;
}
@media (max-width: 767px) {
  .signUp-con .imgs-container .sec-logo {
    width: 198px;
  }
}
.signUp-con .input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.signUp-con .input-box label {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  display: block;
}
.signUp-con .input-box input {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0 10px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
  background: #f5f5f5;
  height: 48px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
  margin: 0;
}
.signUp-con .input-box input::-webkit-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.signUp-con .input-box input::-moz-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.signUp-con .input-box input:-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.signUp-con .input-box input::-ms-input-placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.signUp-con .input-box input::placeholder {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #a7a7a7;
}
.signUp-con input[type=number]::-webkit-inner-spin-button,
.signUp-con input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.signUp-con .mobile-input {
  background: #f5f5f5;
  height: 48px;
}
.signUp-con .mobile-input select {
  width: 60px;
  border: none;
  background-color: transparent;
  outline: none;
  height: 100%;
  cursor: pointer;
  border-right: 1px solid #cacaca;
}
.signUp-con .show-modal {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: visibility 0s linear 0s, opacity 0.25s 0s, -webkit-transform 0.25s;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, -webkit-transform 0.25s;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s, -webkit-transform 0.25s;
}
.signUp-con .btn-red {
  height: 56px;
  background: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 24px;
  cursor: pointer;
}
.signUp-con .btn-red:hover {
  background: #ae2116;
}
@media (max-width: 767px) {
  .signUp-con .btn-red {
    height: 40px;
    margin-top: 20px;
  }
}
.signUp-con .btn-red button {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 16px;
  line-height: 140%;
  color: #ffffff;
}
@media (max-width: 767px) {
  .signUp-con .btn-red button {
    font-size: 12px;
  }
}
.signUp-con .choice-other {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .signUp-con .choice-other {
    margin-top: 25px;
  }
}
.signUp-con .choice-other p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
  gap: 5px;
}
.signUp-con .choice-other p a {
  color: #da291c;
  font-weight: 700;
  text-decoration: none;
}
.signUp-con .sign-up-container .form-body .heading {
  margin-bottom: 32px;
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .signUp-con .sign-up-container .form-body .heading {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
.signUp-con .sign-up-container .form-body .input-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.signUp-con .sign-up-container .form-body .input-fields .first-name,
.signUp-con .sign-up-container .form-body .input-fields .last-name,
.signUp-con .sign-up-container .form-body .input-fields .email,
.signUp-con .sign-up-container .form-body .input-fields .mobile {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.signUp-con .sign-up-container .form-body .input-fields .mobile .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f5f5f5;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.signUp-con .sign-up-container .form-body .input-fields .mobile .item-flex select {
  background-color: transparent;
  padding-left: 10px;
  border: none;
  outline: none;
  height: 100%;
  border-right: 1px solid #cacaca;
  font-family: "Montserrat";
  font-style: normal;
  width: 60px;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.signUp-con .sign-up-container .form-body .btn-red {
  opacity: 0.5;
}
.signUp-con .sign-up-container .form-body .signup-term-desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #4f4f4f;
  font-family: "Montserrat";
  font-style: normal;
  width: 100%;
  margin-top: 12px;
}
.signUp-con .sign-up-container .form-body .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  width: 100%;
}
.signUp-con .create-reown-account .heading {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-bottom: 32px;
}
.signUp-con .create-reown-account .heading span {
  color: #da291c;
}
.signUp-con .create-reown-account .input-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.signUp-con .create-reown-account .input-fields .first-name,
.signUp-con .create-reown-account .input-fields .last-name,
.signUp-con .create-reown-account .input-fields .birth-date {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.signUp-con .create-reown-account .input-fields .gender > label {
  display: block;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.signUp-con .create-reown-account .input-fields .gender .radio-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 34px;
  margin: 28px 0;
}
.signUp-con .create-reown-account .input-fields .gender .radio-fields .male-input,
.signUp-con .create-reown-account .input-fields .gender .radio-fields .female-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.signUp-con .create-reown-account .input-fields .gender .radio-fields .male-input label,
.signUp-con .create-reown-account .input-fields .gender .radio-fields .female-input label {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #616161;
}
.signUp-con .create-reown-account .input-fields .gender .radio-fields .male-input input,
.signUp-con .create-reown-account .input-fields .gender .radio-fields .female-input input {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.signUp-con .create-reown-account .input-fields .gender .radio-fields .male-input input[type=radio],
.signUp-con .create-reown-account .input-fields .gender .radio-fields .female-input input[type=radio] {
  accent-color: #373737;
}
.signUp-con .create-reown-account .input-fields .birth-date input[type=date] {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #848484;
}
.signUp-con .create-reown-account .input-fields .mobile {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.signUp-con .create-reown-account .input-fields .mobile > label {
  margin-bottom: 8px;
}
.signUp-con .create-reown-account .input-fields .mobile .error {
  margin-top: 8px;
}
.signUp-con .create-reown-account .input-fields .mobile .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: #f5f5f5;
}
.signUp-con .create-reown-account .input-fields .mobile .item-flex select {
  background-color: transparent;
  border: none;
  outline: none;
  height: 100%;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  width: 60px;
  padding-left: 10px;
  color: #474747;
  border-right: 1px solid #cacaca;
}
.signUp-con .create-reown-account .input-fields .email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.signUp-con .create-reown-account .input-fields .password {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
.signUp-con .create-reown-account .input-fields .password .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  background: #f5f5f5;
}
.signUp-con .create-reown-account .input-fields .password .flex-item img {
  padding-right: 10px;
  cursor: pointer;
}
.signUp-con .create-reown-account .input-fields .decision > label {
  display: block;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
}
.signUp-con .create-reown-account .input-fields .decision .radio-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 34px;
  margin: 28px 0;
}
.signUp-con .create-reown-account .input-fields .decision .radio-fields .yes-input,
.signUp-con .create-reown-account .input-fields .decision .radio-fields .no-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.signUp-con .create-reown-account .input-fields .decision .radio-fields .yes-input label,
.signUp-con .create-reown-account .input-fields .decision .radio-fields .no-input label {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #616161;
}
.signUp-con .create-reown-account .input-fields .decision .radio-fields .yes-input input,
.signUp-con .create-reown-account .input-fields .decision .radio-fields .no-input input {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.signUp-con .create-reown-account .input-fields .decision .radio-fields .yes-input input[type=radio],
.signUp-con .create-reown-account .input-fields .decision .radio-fields .no-input input[type=radio] {
  accent-color: #373737;
}
.signUp-con .create-reown-account .input-fields .policy-accept {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.signUp-con .create-reown-account .input-fields .policy-accept input[type=checkbox] {
  width: 15px;
  height: 15px;
  background-color: #fa9e57;
}
.signUp-con .create-reown-account .input-fields .policy-accept input[type=checkbox]:checked {
  accent-color: #da291c;
}
.signUp-con .create-reown-account .input-fields .policy-accept .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}

.slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 82vw;
  max-width: 100%;
}
@media (max-width: 1300px) {
  .slick-dots {
    width: 90vw;
  }
}
@media (max-width: 767px) {
  .slick-dots {
    display: none;
  }
}
.slick-dots li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 6px;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  margin: 0;
}
.slick-dots li button:before {
  background-color: #ddd;
  top: 3px;
  width: 100%;
  height: 1px;
}
.slick-dots li button:hover:before {
  background-color: #ddd;
  top: 0px;
  height: 6px;
}
.slick-dots li.slick-active {
  background: #181818;
}
.slick-dots li.slick-active button::before {
  background-color: unset;
}

.soldMotorcycle.teaser {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.soldMotorcycle.teaser .cmp-teaser__image-container,
.soldMotorcycle.teaser .cmp-teaser__image-container img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.soldMotorcycle.teaser .cmp-teaser__content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 80px;
  opacity: 0.9499999881;
  background: #181818;
  padding: 40px 36px;
}
@media (max-width: 767px) {
  .soldMotorcycle.teaser .cmp-teaser__content {
    background: #373737;
    position: relative;
    -webkit-transform: unset;
            transform: unset;
    right: unset;
    width: 100%;
    padding: 20px 28px;
    top: unset;
  }
}
.soldMotorcycle.teaser .cmp-teaser__pretitle {
  font-family: Guardian Sans XCond;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #fff;
}
@media (max-width: 767px) {
  .soldMotorcycle.teaser .cmp-teaser__pretitle {
    font-size: 20px;
    line-height: 24px;
  }
}
.soldMotorcycle.teaser .chips-container {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media (max-width: 767px) {
  .soldMotorcycle.teaser .chips-container {
    gap: 8px;
  }
}
.soldMotorcycle.teaser .chips-container .chip-item {
  background: rgba(255, 255, 255, 0.15);
  padding: 4px 8px;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.soldMotorcycle.teaser .chips-container .chip-item p {
  display: inline-block;
}
.soldMotorcycle.teaser .chips-container .chip-item p:first-child {
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .soldMotorcycle.teaser .chips-container .chip-item {
    font-size: 12px;
    line-height: 17px;
  }
}
.soldMotorcycle.teaser .chips-container .chip-item img {
  display: inline-block;
  height: 18px;
}
@media (max-width: 767px) {
  .soldMotorcycle.teaser .chips-container .chip-item img {
    height: 14px;
  }
}
.soldMotorcycle.teaser .cmp-teaser__description {
  margin-top: 44px;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #848484;
}
@media (max-width: 767px) {
  .soldMotorcycle.teaser .cmp-teaser__description {
    font-size: 14px;
    line-height: 20px;
    margin-top: 16px;
  }
}
.soldMotorcycle.teaser .cmp-teaser__title {
  margin-top: 10px;
  font-family: Guardian Sans XCond;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #fff;
}
@media (max-width: 767px) {
  .soldMotorcycle.teaser .cmp-teaser__title {
    font-size: 20px;
    line-height: 24px;
    margin-top: 4px;
  }
}

.testimonials-section .sec-heading {
  font-family: Guardian Sans XCond;
  font-size: 57px;
  font-weight: 700;
  line-height: 68px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #1e1e1e;
}
@media (max-width: 767px) {
  .testimonials-section .sec-heading {
    font-family: Guardian Sans XCond;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0.02em;
  }
}
.testimonials-section .sec-heading .highlight {
  color: #da291c;
}
.testimonials-section .testimonials-content {
  display: block;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 0px;
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content {
    padding: 0px;
  }
}
.testimonials-section .testimonials-content .testimonials-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item {
  background: #f2f2f2;
  padding: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-bottom: 50px;
  margin-right: 40px;
  margin-top: 40px;
  width: 800px;
  max-width: 800px;
  gap: 20px;
  border-right: solid 10px #fff;
  height: calc(100% - 55px);
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item {
    padding: 48px 10px 24px;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: unset;
    margin-bottom: 10px;
  }
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item:before {
  content: "";
  background-image: url(clientlib-site/resources/images/quote.png);
  display: block;
  height: 47px;
  width: 49px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: auto;
  top: -15px;
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a {
  -webkit-box-flex: 0.6;
      -ms-flex: 0.6;
          flex: 0.6;
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a ul li img {
  width: 100px;
  height: auto;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a ul li img {
    width: 64px;
  }
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a ul li .usertype {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.065em;
  text-align: left;
  color: #da291c;
  border: 1px solid #da291c;
  padding: 2px 10px;
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a ul li .usertype {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
  }
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a ul li .username {
  font-family: Guardian Sans XCond;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #181818;
  margin-top: 6px;
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a ul li .username {
    font-family: Guardian Sans XCond;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.02em;
  }
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a ul li .date {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #282828;
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a ul li .date {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
  }
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a ul li:nth-child(2) {
  margin-left: 20px;
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a p.text {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #181818;
  margin-top: 20px;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-a p.text {
    height: 130px;
    overflow: auto;
  }
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b {
  -webkit-box-flex: 0.4;
      -ms-flex: 0.4;
          flex: 0.4;
  position: relative;
  min-height: calc(100% + 130px);
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b {
    min-height: unset;
  }
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card {
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  -webkit-transform: translateX(10px) translateY(-68px);
          transform: translateX(10px) translateY(-68px);
  -webkit-box-shadow: 0px 6px 20.6410255432px 0px rgba(0, 0, 0, 0.0509803922);
          box-shadow: 0px 6px 20.6410255432px 0px rgba(0, 0, 0, 0.0509803922);
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card {
    position: relative;
    -webkit-transform: unset;
            transform: unset;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card .bike-details {
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    background: #fff;
    gap: 10px;
  }
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card .bike-details .img-thumbnail {
  position: relative;
  width: 270px;
  height: 227px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card .bike-details .img-thumbnail {
    width: 96px;
    height: 81px;
  }
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card .bike-details .img-thumbnail img {
  width: 100%;
  display: block;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card .bike-details .text-bike-details {
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card .bike-details .text-bike-details {
    padding: 20px 0px;
  }
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card .bike-details .title {
  font-family: Guardian Sans XCond;
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #181818;
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card .bike-details .title {
    font-family: Guardian Sans XCond;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.02em;
    text-align: justify;
  }
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card .bike-details .details {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  color: #616161;
  margin-top: 12px;
  padding: 0px;
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card .bike-details .details {
    margin-top: 5px;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 600;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: justify;
  }
}
.testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card .bike-details .amount {
  font-family: Guardian Sans XCond;
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #181818;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .testimonials-section .testimonials-content .testimonials-box .testimonial-item .side-b .bike-card .bike-details .amount {
    margin-top: 5px;
    font-family: Guardian Sans XCond;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: justify;
  }
}
.testimonials-section .testimonials-content .scroll-indicator-dots.glider-dots {
  position: relative;
  top: 25px;
}

.testimonials-box.glider::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.testimonials-box.glider {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.evaluation.evaluationComponent,
.evaluation.testRide {
  position: relative;
}
.evaluation.evaluationComponent .no-results,
.evaluation.testRide .no-results {
  position: relative;
  padding: 28px 40px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .no-results,
  .evaluation.testRide .no-results {
    padding: 24px 20px;
  }
}
.evaluation.evaluationComponent .no-results .background-img,
.evaluation.testRide .no-results .background-img {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 240px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .no-results .background-img,
  .evaluation.testRide .no-results .background-img {
    display: none;
  }
}
.evaluation.evaluationComponent .evaluation-header,
.evaluation.testRide .evaluation-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-header,
  .evaluation.testRide .evaluation-header {
    margin-bottom: 0;
    padding: 16px;
    background: #fff;
    padding-bottom: 0;
  }
}
.evaluation.evaluationComponent .evaluation-header .title,
.evaluation.testRide .evaluation-header .title {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-header .title,
  .evaluation.testRide .evaluation-header .title {
    font-size: 20px;
  }
}
.evaluation.evaluationComponent .evaluation-header .filter-all,
.evaluation.testRide .evaluation-header .filter-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes {
  width: 221px;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes select,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes select {
  width: 220px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  padding: 14px 16px;
  font-family: "Montserrat";
  font-style: normal;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("clientlib-site/assets/icons/icon-down-arrow.png");
  background-repeat: no-repeat;
  background-position: right 16px center;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes select:focus-visible,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes select:focus-visible {
  outline: none;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-header .filter-all .sort-container,
  .evaluation.testRide .evaluation-header .filter-all .sort-container {
    width: 50%;
  }
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-container .sort-bikes,
.evaluation.testRide .evaluation-header .filter-all .sort-container .sort-bikes {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-container .sort-bikes .img-cta,
.evaluation.testRide .evaluation-header .filter-all .sort-container .sort-bikes .img-cta {
  height: 24px;
  width: auto;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-container .sort-bikes .img-cta img,
.evaluation.testRide .evaluation-header .filter-all .sort-container .sort-bikes .img-cta img {
  width: 100%;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-header .filter-all .filter-container,
  .evaluation.testRide .evaluation-header .filter-all .filter-container {
    width: 50%;
  }
}
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-container .filter-bikes,
.evaluation.testRide .evaluation-header .filter-all .filter-container .filter-bikes {
  width: 154px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-header .filter-all .filter-container .filter-bikes,
  .evaluation.testRide .evaluation-header .filter-all .filter-container .filter-bikes {
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-container .filter-bikes .icon-container,
.evaluation.testRide .evaluation-header .filter-all .filter-container .filter-bikes .icon-container {
  height: 24px;
  width: auto;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-container .filter-bikes .icon-container img,
.evaluation.testRide .evaluation-header .filter-all .filter-container .filter-bikes .icon-container img {
  width: 100%;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .flex-item,
.evaluation.testRide .evaluation-header .filter-all .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-header .filter-all .flex-item,
  .evaluation.testRide .evaluation-header .filter-all .flex-item {
    width: 100%;
  }
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes,
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes,
.evaluation.testRide .evaluation-header .filter-all .filter-bikes {
  padding: 10px 16px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  padding: 12px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes,
  .evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes,
  .evaluation.testRide .evaluation-header .filter-all .sort-bikes,
  .evaluation.testRide .evaluation-header .filter-all .filter-bikes {
    width: 100%;
  }
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes .notifications,
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes .notifications,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes .notifications,
.evaluation.testRide .evaluation-header .filter-all .filter-bikes .notifications {
  display: none;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes .notifications,
  .evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes .notifications,
  .evaluation.testRide .evaluation-header .filter-all .sort-bikes .notifications,
  .evaluation.testRide .evaluation-header .filter-all .filter-bikes .notifications {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #da291c;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: #fff;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
  }
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes .img-cta,
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes .img-cta,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes .img-cta,
.evaluation.testRide .evaluation-header .filter-all .filter-bikes .img-cta {
  width: 24px;
  height: 24px;
  margin-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes .img-cta img,
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes .img-cta img,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes .img-cta img,
.evaluation.testRide .evaluation-header .filter-all .filter-bikes .img-cta img {
  max-width: 100%;
  height: auto;
}
.evaluation.evaluationComponent .evaluation-header .filter-all .sort-bikes span,
.evaluation.evaluationComponent .evaluation-header .filter-all .filter-bikes span,
.evaluation.testRide .evaluation-header .filter-all .sort-bikes span,
.evaluation.testRide .evaluation-header .filter-all .filter-bikes span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
  background: none;
}
.evaluation.evaluationComponent .testRideProfileHeader .cta-clear-listtopbar,
.evaluation.testRide .testRideProfileHeader .cta-clear-listtopbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation.evaluationComponent .sorted-by-name,
.evaluation.testRide .sorted-by-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.evaluation.evaluationComponent .sorted-by-name .listed-filter,
.evaluation.testRide .sorted-by-name .listed-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 12px;
}
.evaluation.evaluationComponent .sorted-by-name .item-flex,
.evaluation.testRide .sorted-by-name .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  background: #ffffff;
  border: 1px solid #cacaca;
  padding: 13px 10px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sorted-by-name .item-flex,
  .evaluation.testRide .sorted-by-name .item-flex {
    padding: 9px;
  }
}
.evaluation.evaluationComponent .sorted-by-name .item-flex p,
.evaluation.testRide .sorted-by-name .item-flex p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #474747;
}
.evaluation.evaluationComponent .sorted-by-name .item-flex .icon,
.evaluation.testRide .sorted-by-name .item-flex .icon {
  width: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation.evaluationComponent .sorted-by-name .item-flex .icon img,
.evaluation.testRide .sorted-by-name .item-flex .icon img {
  width: 12px;
  height: 12px;
}
.evaluation.evaluationComponent .sorted-by-name .view-all,
.evaluation.testRide .sorted-by-name .view-all {
  cursor: pointer;
}
.evaluation.evaluationComponent .sorted-by-name .view-all button,
.evaluation.testRide .sorted-by-name .view-all button {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #da291c;
  border: none;
  outline: none;
  background-color: transparent;
}
.evaluation.evaluationComponent .sorted-by-name .view-all button:hover,
.evaluation.testRide .sorted-by-name .view-all button:hover {
  color: #ae2116;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sorted-by-name .view-all button,
  .evaluation.testRide .sorted-by-name .view-all button {
    font-size: 14px;
  }
}
.evaluation.evaluationComponent .evaluation-wrapper,
.evaluation.testRide .evaluation-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  background: #fff;
  padding: 40px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-wrapper,
  .evaluation.testRide .evaluation-wrapper {
    padding: 16px;
  }
}
.evaluation.evaluationComponent .evaluation-card,
.evaluation.testRide .evaluation-card {
  background: #ffffff;
  border: 1px solid #cacaca;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card,
  .evaluation.testRide .evaluation-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    padding: 12px;
  }
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info,
.evaluation.testRide .evaluation-card .bike-left-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card .bike-left-info,
  .evaluation.testRide .evaluation-card .bike-left-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
    width: 100%;
  }
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .img-container,
.evaluation.testRide .evaluation-card .bike-left-info .img-container {
  max-inline-size: 100%;
  block-size: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .img-container img,
.evaluation.testRide .evaluation-card .bike-left-info .img-container img {
  width: 116px;
  height: 84px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card .bike-left-info .img-container img,
  .evaluation.testRide .evaluation-card .bike-left-info .img-container img {
    width: 100%;
    height: auto;
  }
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .bike-name,
.evaluation.testRide .evaluation-card .bike-left-info .bike-details .bike-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 7px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .bike-name,
  .evaluation.testRide .evaluation-card .bike-left-info .bike-details .bike-name {
    margin-bottom: 8px;
  }
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .bike-name h3,
.evaluation.testRide .evaluation-card .bike-left-info .bike-details .bike-name h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .bike-name h3,
  .evaluation.testRide .evaluation-card .bike-left-info .bike-details .bike-name h3 {
    font-size: 20px;
  }
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .desc,
.evaluation.testRide .evaluation-card .bike-left-info .bike-details .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  cursor: pointer;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .desc,
  .evaluation.testRide .evaluation-card .bike-left-info .bike-details .desc {
    font-size: 14px;
  }
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .desc span,
.evaluation.testRide .evaluation-card .bike-left-info .bike-details .desc span {
  position: relative;
}
.evaluation.evaluationComponent .evaluation-card .bike-left-info .bike-details .desc span:first-child::before,
.evaluation.testRide .evaluation-card .bike-left-info .bike-details .desc span:first-child::before {
  position: absolute;
  content: "";
  background-color: #181818;
  height: 100%;
  width: 1px;
  right: -9px;
  height: calc(100% - 2px);
}
.evaluation.evaluationComponent .evaluation-card .bike-right-info,
.evaluation.testRide .evaluation-card .bike-right-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  cursor: pointer;
}
.evaluation.evaluationComponent .evaluation-card .bike-right-info button,
.evaluation.testRide .evaluation-card .bike-right-info button {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  background-color: transparent;
  outline: none;
  border: none;
  line-height: 22px;
  color: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation.evaluationComponent .evaluation-card .bike-right-info button:hover,
.evaluation.testRide .evaluation-card .bike-right-info button:hover {
  color: #ae2116;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .evaluation-card .bike-right-info button,
  .evaluation.testRide .evaluation-card .bike-right-info button {
    font-size: 12px;
  }
}
.evaluation.evaluationComponent .filter-all-bottom,
.evaluation.testRide .filter-all-bottom {
  display: none;
  background: #ffffff;
  -webkit-box-shadow: 0px -1px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 0px -1px 7px rgba(0, 0, 0, 0.15);
  margin-top: 10px;
  padding: 16px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .filter-all-bottom,
  .evaluation.testRide .filter-all-bottom {
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
  }
}
.evaluation.evaluationComponent .filter-all-bottom .flex-item,
.evaluation.testRide .filter-all-bottom .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.evaluation.evaluationComponent .filter-all-bottom .sort-bikes,
.evaluation.testRide .filter-all-bottom .sort-bikes {
  width: 100%;
  max-width: 50%;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  padding: 14px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #474747;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
}
.evaluation.evaluationComponent .filter-all-bottom .sort-bikes select,
.evaluation.testRide .filter-all-bottom .sort-bikes select {
  width: 100%;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  padding: 14px 16px;
  font-family: "Montserrat";
  font-style: normal;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("clientlib-site/assets/icons/icon-down-arrow.png");
  background-repeat: no-repeat;
  background-position: right 16px center;
}
.evaluation.evaluationComponent .filter-all-bottom .sort-bikes select:focus-visible,
.evaluation.testRide .filter-all-bottom .sort-bikes select:focus-visible {
  outline: none;
}
.evaluation.evaluationComponent .filter-all-bottom .filter-bikes,
.evaluation.testRide .filter-all-bottom .filter-bikes {
  padding: 10px 16px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 50%;
  position: relative;
}
.evaluation.evaluationComponent .filter-all-bottom .filter-bikes span,
.evaluation.testRide .filter-all-bottom .filter-bikes span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.evaluation.evaluationComponent .filter-all-bottom .filter-bikes .notifications,
.evaluation.testRide .filter-all-bottom .filter-bikes .notifications {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #ffffff;
  left: 50%;
}
.evaluation.evaluationComponent,
.evaluation.testRide {
  /* The Modal (background) */
}
.evaluation.evaluationComponent .modal-test-ride,
.evaluation.testRide .modal-test-ride {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(5px);
}
@media (min-width: 768px) and (max-width: 1439px) {
  .evaluation.evaluationComponent .modal-test-ride,
  .evaluation.testRide .modal-test-ride {
    padding-top: 5%;
  }
}
.evaluation.evaluationComponent .modal-test-ride,
.evaluation.testRide .modal-test-ride {
  /* Modal Content */
}
.evaluation.evaluationComponent .modal-test-ride .modal-content,
.evaluation.testRide .modal-test-ride .modal-content {
  background-color: #fefefe;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 970px;
  margin: auto;
  padding: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content,
  .evaluation.testRide .modal-test-ride .modal-content {
    border-radius: 16px 16px 0px 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content {
  position: relative;
  width: 50%;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content,
  .evaluation.testRide .modal-test-ride .modal-content .modal-left-content {
    width: 100%;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .img-container img,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .img-container img {
  width: 100%;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(15px);
  padding: 30px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .header,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 17px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .header h3,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .header h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .header h3,
  .evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .header h3 {
    font-size: 20px;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .header a,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .header a {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  line-height: 22px;
  color: #181818;
  cursor: pointer;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  position: relative;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box {
  position: relative;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box:nth-child(1):before,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box:nth-child(1):before {
  position: absolute;
  content: "";
  background-color: #a7a7a7;
  height: 100%;
  width: 2px;
  right: -66px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box:nth-child(2):before,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box:nth-child(2):before {
  position: absolute;
  content: "";
  background-color: #a7a7a7;
  height: 100%;
  width: 2px;
  right: -66px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box span,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #282828;
  margin-bottom: 4px;
  display: block;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box p,
.evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box p,
  .evaluation.testRide .modal-test-ride .modal-content .modal-left-content .bike-details .bottom-details .box p {
    font-size: 14px;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content {
  padding: 40px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content,
  .evaluation.testRide .modal-test-ride .modal-content .modal-right-content {
    width: 100%;
    padding: 20px 16px;
    gap: 26.4px;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .header,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .header h3,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .header h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .header h3,
  .evaluation.testRide .modal-test-ride .modal-content .modal-right-content .header h3 {
    font-size: 20px;
  }
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .header .close-modal,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .header .close-modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .header .close-modal img,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .header .close-modal img {
  width: 17px;
  height: 17px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact {
  background: #f5f5f5;
  padding: 16px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .flex-item,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 0.5px solid #cacaca;
  padding-bottom: 19px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .connect,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .connect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .connect h3,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .connect h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .connect img,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .connect img {
  width: 16px;
  height: 16px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .address,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding-top: 16px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .address img,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .address img {
  width: 16px;
  height: 16px;
}
.evaluation.evaluationComponent .modal-test-ride .modal-content .modal-right-content .user-contact .address p,
.evaluation.testRide .modal-test-ride .modal-content .modal-right-content .user-contact .address p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
}
.evaluation.evaluationComponent .filter-sider,
.evaluation.testRide .filter-sider {
  width: 100vw;
  position: fixed;
  display: none;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
  width: 100%;
  overflow: auto;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
  z-index: 9999;
  height: 100%;
}
.evaluation.evaluationComponent .filter-sider .sider-content,
.evaluation.testRide .filter-sider .sider-content {
  max-width: 505px;
  margin: 0 0 0 auto;
  background: #ffffff;
  background-color: #fff;
  height: 100%;
  padding: 24px;
  max-height: 100%;
  overflow-y: auto;
  width: calc(100% - 24px);
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .filter-sider .sider-content,
  .evaluation.testRide .filter-sider .sider-content {
    max-width: 100%;
    width: 100%;
    padding-bottom: 0px;
  }
}
.evaluation.evaluationComponent .filter-sider .sider-content .header,
.evaluation.testRide .filter-sider .sider-content .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 24px;
}
.evaluation.evaluationComponent .filter-sider .sider-content .header h1,
.evaluation.testRide .filter-sider .sider-content .header h1 {
  color: #181818;
  font-family: Guardian Sans XCond;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.evaluation.evaluationComponent .filter-sider .sider-content .header img,
.evaluation.testRide .filter-sider .sider-content .header img {
  cursor: pointer;
}
.evaluation.evaluationComponent .filter-sider .sider-content .btn-wrapper,
.evaluation.testRide .filter-sider .sider-content .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.evaluation.evaluationComponent .filter-sider .sider-content .btn-wrapper button,
.evaluation.testRide .filter-sider .sider-content .btn-wrapper button {
  padding: 16px 32px;
  width: 100%;
  background: transparent;
  cursor: pointer;
  color: #181818;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
  border: none;
  outline: none;
}
.evaluation.evaluationComponent .filter-sider .sider-content .btn-wrapper button:hover,
.evaluation.testRide .filter-sider .sider-content .btn-wrapper button:hover {
  background: #181818;
  color: #fff;
}
.evaluation.evaluationComponent .filter-sider .sider-content .btn-wrapper button:nth-child(1),
.evaluation.testRide .filter-sider .sider-content .btn-wrapper button:nth-child(1) {
  border: 1px solid #181818;
}
.evaluation.evaluationComponent .filter-sider .sider-content .btn-wrapper button:nth-child(2),
.evaluation.testRide .filter-sider .sider-content .btn-wrapper button:nth-child(2) {
  background: #da291c;
  color: #fff;
}
.evaluation.evaluationComponent .filter-sider .sider-content .btn-wrapper button:nth-child(2):hover,
.evaluation.testRide .filter-sider .sider-content .btn-wrapper button:nth-child(2):hover {
  background: #ae2116;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main,
.evaluation.testRide .filter-sider .sider-content .sider-details-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-height: calc(100% - 112px);
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .bottom-pos,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .bottom-pos {
  color: #181818;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 17px;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .bottom-pos span,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .bottom-pos span {
  color: #181818;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .inner,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  background-color: #fff;
  height: 100%;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .title,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .title {
  color: #373737;
  font-family: Guardian Sans XCond;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.4px;
  margin-top: 24px;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .filtersData,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .filtersData {
  height: 100%;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  height: calc(95% - 45px);
  overflow-y: auto;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists::-webkit-scrollbar-track,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists::-webkit-scrollbar-track {
  border-radius: 2px;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists::-webkit-scrollbar,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists::-webkit-scrollbar {
  width: 5px;
  background-color: #ffffff;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists::-webkit-scrollbar-thumb,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background: #cacaca;
  opacity: 0.5;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists .list,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  color: #181818;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists .list input,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists .list input {
  cursor: pointer;
  accent-color: #da291c;
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.evaluation.evaluationComponent .filter-sider .sider-content .sider-details-main .check-lists .list span,
.evaluation.testRide .filter-sider .sider-content .sider-details-main .check-lists .list span {
  color: #848484;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sorted-by-sider,
  .evaluation.testRide .sorted-by-sider {
    position: fixed;
    width: 100vw;
    top: 0;
    right: 0;
    backdrop-filter: blur(12.5px);
    z-index: 9999;
    height: 100vh;
    background-color: #fff;
  }
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content,
.evaluation.testRide .sorted-by-sider .sider-content {
  max-width: 505px;
  margin: 0 0 0 auto;
  background: #ffffff;
  background-color: #fff;
  height: 100%;
  position: absolute;
  z-index: 1;
  width: calc(100% - 24px);
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sorted-by-sider .sider-content,
  .evaluation.testRide .sorted-by-sider .sider-content {
    max-width: 100%;
    width: 100%;
  }
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .header,
.evaluation.testRide .sorted-by-sider .sider-content .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 4px;
  padding: 20px 16px;
  border-bottom: 1px solid #cacaca;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-left: none;
  width: 100%;
  outline: none;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .header span,
.evaluation.testRide .sorted-by-sider .sider-content .header span {
  color: #181818;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists .list,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0;
  border-bottom: 0.5px solid #ededed;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists .list span,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists .list span {
  color: #282828;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists .list .custom-checkbox,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists .list .custom-checkbox {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: 2px solid #a7a7a7;
  outline-offset: 4px;
  height: 10px;
  width: 10px;
  margin-right: 12px;
  border-radius: 50%;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists .list .custom-checkbox:checked,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists .list .custom-checkbox:checked {
  background-color: #da291c;
  outline: 2px solid #da291c;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .sorted-lists .list.active-check span,
.evaluation.testRide .sorted-by-sider .sider-content .sorted-lists .list.active-check span {
  color: #da291c;
  font-weight: 700;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .btn-wrapper,
.evaluation.testRide .sorted-by-sider .sider-content .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 16px;
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 99999;
  display: none;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sorted-by-sider .sider-content .btn-wrapper,
  .evaluation.testRide .sorted-by-sider .sider-content .btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .btn-wrapper button,
.evaluation.testRide .sorted-by-sider .sider-content .btn-wrapper button {
  color: #181818;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  text-transform: capitalize;
  padding: 16px 32px;
  background-color: transparent;
  outline: none;
  border: none;
  width: 100%;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .btn-wrapper button:hover,
.evaluation.testRide .sorted-by-sider .sider-content .btn-wrapper button:hover {
  background: #181818;
  color: #fff;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .btn-wrapper button:nth-child(1),
.evaluation.testRide .sorted-by-sider .sider-content .btn-wrapper button:nth-child(1) {
  border: 1px solid #181818;
  width: 40%;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .btn-wrapper button:nth-child(2),
.evaluation.testRide .sorted-by-sider .sider-content .btn-wrapper button:nth-child(2) {
  background: #da291c;
  color: #fff;
  width: 60%;
}
.evaluation.evaluationComponent .sorted-by-sider .sider-content .btn-wrapper button:nth-child(2):hover,
.evaluation.testRide .sorted-by-sider .sider-content .btn-wrapper button:nth-child(2):hover {
  background: #ae2116;
}
.evaluation.evaluationComponent .sort-container,
.evaluation.testRide .sort-container {
  position: relative;
}
.evaluation.evaluationComponent .sort-container .sider-content .header,
.evaluation.testRide .sort-container .sider-content .header {
  display: none;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sort-container .sider-content .header,
  .evaluation.testRide .sort-container .sider-content .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.evaluation.evaluationComponent .sort-container .sider-content .sorted-lists,
.evaluation.testRide .sort-container .sider-content .sorted-lists {
  padding: 12px;
  background: #fff;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
  width: 100%;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .sort-container .sider-content .sorted-lists,
  .evaluation.testRide .sort-container .sider-content .sorted-lists {
    padding: 24px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.evaluation.evaluationComponent .sort-container .sider-content .sorted-lists .sortListResetButton:hover,
.evaluation.testRide .sort-container .sider-content .sorted-lists .sortListResetButton:hover {
  background-color: #da291c;
  color: #fff;
}
.evaluation.evaluationComponent .dealer-info .dealer-content,
.evaluation.testRide .dealer-info .dealer-content {
  background: #f5f5f5;
  padding: 16px;
  margin-bottom: 16px;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .add,
.evaluation.testRide .dealer-info .dealer-content .add {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  color: #040404;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .evaluation.evaluationComponent .dealer-info .dealer-content .add,
  .evaluation.testRide .dealer-info .dealer-content .add {
    font-size: 14px;
  }
}
.evaluation.evaluationComponent .dealer-info .dealer-content .flex-item,
.evaluation.testRide .dealer-info .dealer-content .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 0.5px solid #cacaca;
  padding-bottom: 19px;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .connect,
.evaluation.testRide .dealer-info .dealer-content .connect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .connect h3,
.evaluation.testRide .dealer-info .dealer-content .connect h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .connect h3 img[alt=icon-copy],
.evaluation.testRide .dealer-info .dealer-content .connect h3 img[alt=icon-copy] {
  cursor: pointer;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .connect h3 .dealerName,
.evaluation.testRide .dealer-info .dealer-content .connect h3 .dealerName {
  word-break: break-all;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .connect img,
.evaluation.testRide .dealer-info .dealer-content .connect img {
  width: 16px;
  height: 16px;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .address,
.evaluation.testRide .dealer-info .dealer-content .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding-top: 16px;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .address img,
.evaluation.testRide .dealer-info .dealer-content .address img {
  width: 10px;
  height: 13px;
}
.evaluation.evaluationComponent .dealer-info .dealer-content .address p,
.evaluation.testRide .dealer-info .dealer-content .address p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
}
.evaluation.evaluationComponent .dealer-info .test-ride-id,
.evaluation.testRide .dealer-info .test-ride-id {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #040404;
  padding: 16px;
  background: #f5f5f5;
}
.evaluation.evaluationComponent .hide,
.evaluation.testRide .hide {
  display: none;
}

.evaluation {
  position: relative;
}
.evaluation .no-results {
  position: relative;
}
.evaluation .no-results .title {
  color: #181818;
  font-size: 25px;
  font-family: Guardian Sans XCond;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.5px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .evaluation .no-results .title {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
.evaluation .no-results .description {
  color: #181818;
  font-size: 14px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
.evaluation .no-results .vdmp-btn {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.evaluation .no-results .vdmp-btn a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
}
.evaluation .evaluation-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  gap: 10px;
}
.evaluation .evaluation-header h1 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation .evaluation-header h1 {
    font-size: 20px;
  }
}
.evaluation .evaluation-header .filter-all {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 767px) {
  .evaluation .evaluation-header .filter-all {
    display: none;
  }
}
.evaluation .evaluation-header .filter-all .sort-bikes select {
  width: 220px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  padding: 14px 16px;
  font-family: "Montserrat";
  font-style: normal;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("clientlib-site/assets/icons/icon-down-arrow.png");
  background-repeat: no-repeat;
  background-position: right 16px center;
}
.evaluation .evaluation-header .filter-all .sort-bikes select:focus-visible {
  outline: none;
}
.evaluation .evaluation-header .filter-all .filter-bikes {
  padding: 10px 16px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 154px;
}
.evaluation .evaluation-header .filter-all .filter-bikes span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.evaluation .sorted-by-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.evaluation .sorted-by-name .listed-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 12px;
}
.evaluation .sorted-by-name .item-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  background: #ffffff;
  border: 1px solid #cacaca;
  padding: 13px 10px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .evaluation .sorted-by-name .item-flex {
    padding: 9px;
  }
}
.evaluation .sorted-by-name .item-flex p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 140%;
  color: #474747;
}
.evaluation .sorted-by-name .item-flex .icon {
  width: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation .sorted-by-name .item-flex .icon img {
  width: 12px;
  height: 12px;
}
.evaluation .sorted-by-name .view-all {
  cursor: pointer;
}
.evaluation .sorted-by-name .view-all h3 {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-transform: capitalize;
  color: #da291c;
}
@media (max-width: 767px) {
  .evaluation .sorted-by-name .view-all h3 {
    font-size: 14px;
  }
}

.evaluation-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.evaluation-card {
  background: #ffffff;
  border: 1px solid #cacaca;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 767px) {
  .evaluation-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    padding: 12px;
  }
}
.evaluation-card .bike-left-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
    width: 100%;
  }
}
.evaluation-card .bike-left-info .img-container {
  max-inline-size: 100%;
  block-size: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.evaluation-card .bike-left-info .img-container img {
  width: 116px;
  height: 84px;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .img-container img {
    width: 100%;
    height: auto;
  }
}
.evaluation-card .bike-left-info .bike-details .bike-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  margin-bottom: 7px;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .bike-details .bike-name {
    margin-bottom: 8px;
  }
}
.evaluation-card .bike-left-info .bike-details .bike-name h3 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .bike-details .bike-name h3 {
    font-size: 20px;
  }
}
.evaluation-card .bike-left-info .bike-details .desc {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  cursor: pointer;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .evaluation-card .bike-left-info .bike-details .desc {
    font-size: 12px;
  }
}
.evaluation-card .bike-left-info .bike-details .desc span {
  position: relative;
}
.evaluation-card .bike-left-info .bike-details .desc span:first-child::before {
  position: absolute;
  content: "";
  background-color: #181818;
  height: 100%;
  width: 1px;
  right: -9px;
  height: calc(100% - 2px);
}
.evaluation-card .bike-right-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  cursor: pointer;
}
.evaluation-card .bike-right-info p {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  text-transform: capitalize;
  color: #da291c;
}

.filter-all-bottom {
  display: none;
  background: #ffffff;
  -webkit-box-shadow: 0px -1px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 0px -1px 7px rgba(0, 0, 0, 0.15);
  margin-top: 10px;
  padding: 16px;
}
@media (max-width: 767px) {
  .filter-all-bottom {
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 100;
  }
}
.filter-all-bottom .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.filter-all-bottom .sort-bikes {
  width: 100%;
  max-width: 50%;
}
.filter-all-bottom .sort-bikes select {
  width: 100%;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  padding: 14px 16px;
  font-family: "Montserrat";
  font-style: normal;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #474747;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("clientlib-site/assets/icons/icon-down-arrow.png");
  background-repeat: no-repeat;
  background-position: right 16px center;
}
.filter-all-bottom .sort-bikes select:focus-visible {
  outline: none;
}
.filter-all-bottom .filter-bikes {
  padding: 10px 16px;
  background: #ffffff;
  border: 0.5px solid #a7a7a7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 50%;
  position: relative;
}
.filter-all-bottom .filter-bikes span {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #181818;
}
.filter-all-bottom .filter-bikes .notifications {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #da291c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 40px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 140%;
  color: #ffffff;
  left: 50%;
}

.testRide .cta-clear-listtopbar,
.evaluation .cta-clear-listtopbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  color: #181818;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .testRide .cta-clear-listtopbar,
  .evaluation .cta-clear-listtopbar {
    font-size: 12px;
    line-height: 22px;
  }
}

.topselling-section .sec-heading {
  font-family: "Guardian Sans XCond";
  font-size: 3.5625rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
}
.topselling-section .sec-heading .highlight {
  color: #da291c;
}
@media (max-width: 767px) {
  .topselling-section .sec-heading {
    font-family: "Guardian Sans XCond";
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 0.02em;
    text-align: left;
  }
}
.topselling-section .sec-heading .text {
  margin-top: 0.875rem;
  font-family: "Montserrat";
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #a7a7a7;
}
.topselling-section .topselling-content {
  display: block;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 40px;
  margin-top: 56px;
}
@media (max-width: 767px) {
  .topselling-section .topselling-content {
    margin-top: 32px;
  }
}
.topselling-section .topselling-content .topselling-box .topselling-con {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  overflow-x: auto;
}
@media (max-width: 767px) {
  .topselling-section .topselling-content .topselling-box .topselling-con {
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    gap: 20px;
  }
}
.topselling-section .topselling-content .topselling-box .topselling-con .topselling-item {
  background: #282828;
  width: 100%;
  position: relative;
  min-width: 290px;
}
@media (max-width: 767px) {
  .topselling-section .topselling-content .topselling-box .topselling-con .topselling-item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    scroll-snap-align: start;
    -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
  }
}
.topselling-section .topselling-content .topselling-box .topselling-con .topselling-item .title {
  margin-top: 24px;
  padding: 0px 24px;
  font-family: "Guardian Sans XCond";
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-align: left;
  color: #f2f2f2;
}
.topselling-section .topselling-content .topselling-box .topselling-con .topselling-item .img-con {
  margin-top: 15px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .topselling-section .topselling-content .topselling-box .topselling-con .topselling-item .img-con {
    margin-top: 36px;
  }
}
.topselling-section .topselling-content .topselling-box .topselling-con .topselling-item .img-con img {
  display: block;
}
.topselling-section .topselling-content .topselling-box .topselling-con .topselling-item .discount {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #373737;
  margin-top: -42px;
}
@media (max-width: 767px) {
  .topselling-section .topselling-content .topselling-box .topselling-con .topselling-item .discount {
    margin-top: -22px;
  }
}
.topselling-section .topselling-content .topselling-box .topselling-con .topselling-item .discount .label {
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 0em;
  text-align: left;
  color: #ffffff;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .topselling-section .topselling-content .topselling-box .topselling-con .topselling-item .discount .label {
    margin-bottom: 8px;
  }
}
.topselling-section .topselling-content .topselling-box .topselling-con .topselling-item .discount .price {
  font-family: "Guardian Sans XCond";
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.02em;
  text-align: left;
  color: #ffffff;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767px) {
  .topselling-section .topselling-content .topselling-box .topselling-con .topselling-item .discount .price {
    font-size: 1.75rem;
  }
}
.topselling-section .topselling-content .topselling-box .topselling-con .topselling-item .discount img.trigger-icon-right {
  cursor: pointer;
  position: relative;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.view-listing-container .view-similar-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
  position: relative;
}
@media (max-width: 767px) {
  .view-listing-container .view-similar-header {
    margin-bottom: 21px;
    padding-right: 20px;
  }
}
.view-listing-container .view-similar-header h1 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .view-listing-container .view-similar-header h1 {
    font-size: 25px;
  }
}
.view-listing-container .view-similar-header .view-more {
  width: auto;
  height: auto;
  background: no-repeat;
  background: none;
  border: none;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.view-listing-container .view-similar-header .view-more p {
  color: #da291c;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
}
@media (max-width: 767px) {
  .view-listing-container .view-similar-header .view-more p {
    font-size: 14px;
  }
}

.view-similar-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  overflow-x: auto;
  scrollbar-width: thin;
  scrollbar-color: #181818 #a7a7a7;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}
@media (max-width: 767px) {
  .view-similar-card {
    gap: 8px;
  }
}
.view-similar-card::-webkit-scrollbar {
  height: 6px;
  width: 0px;
}
.view-similar-card::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #a7a7a7;
}
.view-similar-card::-webkit-scrollbar-track:hover {
  background-color: #a7a7a7;
}
.view-similar-card::-webkit-scrollbar-track:active {
  background-color: #a7a7a7;
}
.view-similar-card::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: #181818;
}
.view-similar-card::-webkit-scrollbar-thumb:hover {
  background-color: #da291c;
}
.view-similar-card::-webkit-scrollbar-thumb:active {
  background-color: #da291c;
}
.view-similar-card .bike-card {
  background-color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  max-width: 300px;
  min-width: 300px;
}
@media (max-width: 767px) {
  .view-similar-card .bike-card {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    scroll-snap-align: start;
    -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
  }
}
.view-similar-card .bike-card .img-container {
  width: 100%;
}
.view-similar-card .bike-card .img-container img {
  width: 100%;
  height: auto;
}
.view-similar-card .bike-card .heart-icon,
.view-similar-card .bike-card .heart-img,
.view-similar-card .bike-card .heart-iconpdp-img-thumb {
  width: 24px;
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.view-similar-card .bike-card .heart-icon:hover,
.view-similar-card .bike-card .heart-img:hover,
.view-similar-card .bike-card .heart-iconpdp-img-thumb:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.view-similar-card .bike-card .heart-icon.selected,
.view-similar-card .bike-card .heart-img.selected,
.view-similar-card .bike-card .heart-iconpdp-img-thumb.selected {
  display: none;
}
.view-similar-card .bike-card .favourite-active.heart-icon.unselected, .view-similar-card .bike-card .favourite-active.heart-img.unselected, .view-similar-card .bike-card .favourite-active.heart-iconpdp-img-thumb.unselected,
.view-similar-card .bike-card .favourite-active .heart-icon.unselected,
.view-similar-card .bike-card .favourite-active .heart-img.unselected,
.view-similar-card .bike-card .favourite-active .heart-iconpdp-img-thumb.unselected {
  display: none;
}
.view-similar-card .bike-card .favourite-active.heart-icon.selected, .view-similar-card .bike-card .favourite-active.heart-img.selected, .view-similar-card .bike-card .favourite-active.heart-iconpdp-img-thumb.selected,
.view-similar-card .bike-card .favourite-active .heart-icon.selected,
.view-similar-card .bike-card .favourite-active .heart-img.selected,
.view-similar-card .bike-card .favourite-active .heart-iconpdp-img-thumb.selected {
  display: block;
}
.view-similar-card .bike-card .bike-card-body {
  padding: 16px 12px;
  width: 100%;
}
@media (max-width: 767px) {
  .view-similar-card .bike-card .bike-card-body {
    padding: 12px 8px 8px 8px;
  }
}
.view-similar-card .bike-card .bike-card-body .name {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .view-similar-card .bike-card .bike-card-body .name {
    font-size: 14px;
  }
}
.view-similar-card .bike-card .bike-card-body .bike-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-top: 13px;
}
@media (max-width: 767px) {
  .view-similar-card .bike-card .bike-card-body .bike-details {
    margin-top: 8px;
    gap: 8px;
  }
}
.view-similar-card .bike-card .bike-card-body .bike-details .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 140%;
  color: #848484;
  gap: 8px;
}
@media (max-width: 767px) {
  .view-similar-card .bike-card .bike-card-body .bike-details .box {
    gap: 4px;
  }
}
@media (max-width: 767px) {
  .view-similar-card .bike-card .bike-card-body .bike-details .box:last-child {
    display: none;
  }
}
.view-similar-card .bike-card .bike-card-body .bike-amt {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .view-similar-card .bike-card .bike-card-body .bike-amt {
    margin-top: 10px;
    font-size: 20px;
  }
}
.view-similar-card .bike-card .bike-card-body .bike-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .view-similar-card .bike-card .bike-card-body .bike-btns {
    gap: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 8px;
  }
}
.view-similar-card .bike-card .bike-card-body .bike-btns button {
  border: none;
  padding: 14px 20px;
  outline: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .view-similar-card .bike-card .bike-card-body .bike-btns button {
    width: 100%;
  }
}
.view-similar-card .bike-card .bike-card-body .bike-btns button:nth-child(1) {
  background-color: white;
  border: 1px solid #181818;
  color: #181818;
}
.view-similar-card .bike-card .bike-card-body .bike-btns button:nth-child(1):hover {
  background: #181818;
  color: #fff;
}
.view-similar-card .bike-card .bike-card-body .bike-btns button:nth-child(2) {
  background: #da291c;
  color: #ffffff;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.view-similar-card .bike-card .bike-card-body .bike-btns button:nth-child(2):hover {
  background: #ae2116;
}

.No-View-Similar-Found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.No-View-Similar-Found .empty-view-similar-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.No-View-Similar-Found .empty-view-similar-details .img-container {
  width: 100%;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .No-View-Similar-Found .empty-view-similar-details .img-container {
    margin-bottom: 40px;
  }
}
.No-View-Similar-Found .empty-view-similar-details .img-container img {
  max-width: 100%;
}
.No-View-Similar-Found .empty-view-similar-details .heading {
  font-family: Guardian Sans XCond;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.8px;
  margin-bottom: 12px;
  text-align: center;
}
@media (max-width: 767px) {
  .No-View-Similar-Found .empty-view-similar-details .heading {
    font-size: 32px;
    margin-bottom: 8px;
  }
}
.No-View-Similar-Found .empty-view-similar-details .desc {
  text-align: center;
  color: #181818;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .No-View-Similar-Found .empty-view-similar-details .desc {
    font-size: 14px;
  }
}
.No-View-Similar-Found .empty-view-similar-details .btn-view-similar-redirect {
  line-height: 100%; /* 22.4px */
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .No-View-Similar-Found .empty-view-similar-details .btn-view-similar-redirect {
    font-size: 12px;
    padding: 11px 32px;
    width: auto;
  }
}

.whatsapp-wrapper {
  background: #181818;
  padding: 24px 16px;
  max-width: 270px;
  margin-left: auto;
}
.whatsapp-wrapper .title-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  font-family: Guardian Sans XCond;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.whatsapp-wrapper .text-area {
  margin-top: 20px;
  color: #ffffff;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
}
.whatsapp-wrapper .text-area ul {
  margin: 16px 0px;
  margin-bottom: 16px;
  list-style: disc;
  padding-left: 16px;
}
.whatsapp-wrapper .text-area ul li {
  color: #a7a7a7;
  margin-bottom: 8px;
}
.whatsapp-wrapper .text-area ul li:last-child {
  margin-bottom: 0px;
}
.whatsapp-wrapper .cta {
  width: 100%;
  cursor: pointer;
  display: block;
}

.whatsappWrapper {
  padding: 24px 16px;
}
@media (max-width: 767px) {
  .whatsappWrapper {
    padding: 20px;
  }
}
.whatsappWrapper .title > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.whatsappWrapper .title .cmp-text p:nth-child(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.whatsappWrapper .title .cmp-text p:nth-child(1) img {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 24px;
  height: 24px;
  padding: 3px;
}
.whatsappWrapper .title .cmp-text p:nth-child(1) .white-color {
  color: var(--background-light, #f2f2f2);
  font-family: Guardian Sans XCond;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.4px;
}
.whatsappWrapper .title .cmp-text p:nth-child(3) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.whatsappWrapper .title .cmp-text p:nth-child(3) .white-color {
  color: var(--background-white, #fff);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 19.6px */
}
.whatsappWrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  list-style: disc;
  margin-left: 25px;
}
.whatsappWrapper ul li {
  color: #a7a7a7;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  position: relative;
}
@media (max-width: 767px) {
  .whatsappWrapper ul li {
    font-size: 14px;
  }
}
.whatsappWrapper .cmp-button {
  padding: 16px;
  display: block;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .whatsappWrapper .cmp-button {
    margin-top: 12px;
    padding: 11px 16px;
  }
}
.whatsappWrapper .cmp-button .cmp-button__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  text-align: center;
  font-family: "Montserrat";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
}

.wishlistListing .show {
  display: block;
}
.wishlistListing .hide {
  display: none;
}
.wishlistListing .overlay-modal {
  bottom: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(12.5px);
  position: fixed;
  left: 0;
  display: none;
  z-index: 9999;
}
.wishlistListing .overlay-modal .content {
  position: relative;
  position: absolute;
  bottom: 0;
  background: #181818;
  width: 100%;
}
.wishlistListing .overlay-modal .content .share-wishlist-pop-up img {
  float: right;
  padding: 10px 21px;
  cursor: pointer;
}
.wishlistListing .overlay-modal .content .share-box {
  padding: 48px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 27px;
  width: 100%;
  overflow: hidden;
}
.wishlistListing .overlay-modal .content .share-box h2 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #ffffff;
  text-align: center;
}
.wishlistListing .overlay-modal .content .share-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.wishlistListing .No-Wishlist-Found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.wishlistListing .No-Wishlist-Found .empty-wishlist-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.wishlistListing .No-Wishlist-Found .empty-wishlist-details .img-container {
  width: 100%;
  margin-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .wishlistListing .No-Wishlist-Found .empty-wishlist-details .img-container {
    margin-bottom: 40px;
  }
}
.wishlistListing .No-Wishlist-Found .empty-wishlist-details .img-container img {
  max-width: 100%;
}
.wishlistListing .No-Wishlist-Found .empty-wishlist-details .heading {
  font-family: Guardian Sans XCond;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.8px;
  margin-bottom: 12px;
  text-align: center;
}
@media (max-width: 767px) {
  .wishlistListing .No-Wishlist-Found .empty-wishlist-details .heading {
    font-size: 32px;
    margin-bottom: 8px;
  }
}
.wishlistListing .No-Wishlist-Found .empty-wishlist-details .desc {
  text-align: center;
  color: #181818;
  text-align: center;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px; /* 162.5% */
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .wishlistListing .No-Wishlist-Found .empty-wishlist-details .desc {
    font-size: 14px;
  }
}
.wishlistListing .No-Wishlist-Found .empty-wishlist-details .btn-wishlist-redirect {
  line-height: 100%; /* 22.4px */
  height: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .wishlistListing .No-Wishlist-Found .empty-wishlist-details .btn-wishlist-redirect {
    font-size: 12px;
    padding: 11px 32px;
    width: auto;
  }
}

.view-listing-container.my-wishlist-con .view-listing-header.wishlist-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
  position: relative;
}
@media (max-width: 767px) {
  .view-listing-container.my-wishlist-con .view-listing-header.wishlist-header {
    margin-bottom: 21px;
  }
}
.view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .hide-show {
  display: block !important;
  position: absolute;
  right: 0;
  top: 99%;
  z-index: 9999;
}
@media (max-width: 767px) {
  .view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .hide-show {
    width: 100%;
    top: 0;
  }
}
.view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist-pop-up {
  display: none;
  -ms-scroll-chaining: auto contain;
      overscroll-behavior: auto contain;
}
@media (max-width: 767px) {
  .view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist-pop-up {
    width: 100%;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(12.5px);
  }
}
.view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist-pop-up .share-box {
  padding: 32px 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 27px;
  background: #181818;
}
@media (max-width: 767px) {
  .view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist-pop-up .share-box {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
  }
}
.view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist-pop-up .share-box img[alt=icon-close] {
  width: 16px;
  margin: 0 0 0 auto;
  height: 16px;
  display: none;
}
@media (max-width: 767px) {
  .view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist-pop-up .share-box img[alt=icon-close] {
    display: block;
  }
}
.view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist-pop-up .share-box h2 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #ffffff;
  text-align: center;
}
.view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist-pop-up .share-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.view-listing-container.my-wishlist-con .view-listing-header.wishlist-header h1 {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
}
@media (max-width: 767px) {
  .view-listing-container.my-wishlist-con .view-listing-header.wishlist-header h1 {
    font-size: 25px;
  }
}
.view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 12px 16px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  line-height: 140%;
  color: #181818;
  border: 0.5px solid #a7a7a7;
  background: #fff;
  width: auto;
  height: auto;
  border: none;
  outline: none;
}
@media (max-width: 767px) {
  .view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist {
    padding: 8px;
    gap: 8px;
  }
}
.view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist:hover {
  background: #181818;
  color: #fff;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist:hover img {
  -webkit-filter: brightness(100);
          filter: brightness(100);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.view-listing-container.my-wishlist-con .view-listing-header.wishlist-header .share-wishlist img {
  width: 20px;
  height: 20px;
}

.wishlist-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  grid-gap: 30px;
}
@media (max-width: 767px) {
  .wishlist-cards {
    grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
    grid-gap: 8px;
  }
}
.wishlist-cards .bike-card {
  background-color: #ffffff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
}
.wishlist-cards .bike-card > a {
  width: 100%;
}
.wishlist-cards .bike-card > a img {
  max-width: 100%;
  height: auto;
  width: 100%;
}
.wishlist-cards .bike-card .heart-img {
  position: absolute;
  top: 15px;
  right: 15px;
}
.wishlist-cards .bike-card .heart-img img {
  width: 100%;
  cursor: pointer;
}
.wishlist-cards .bike-card .booked-bike-tag {
  background: #c2000b;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
  color: #ededed;
  font-family: Guardian Sans XCond;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.4px;
  background-image: url("clientlib-site/resources/images/pattern_9.webp");
  background-repeat: repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  top: -39px;
}
@media (max-width: 767px) {
  .wishlist-cards .bike-card .booked-bike-tag {
    font-size: 20px;
    top: -34px;
  }
}
.wishlist-cards .bike-card .bike-card-body {
  padding: 16px 12px;
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .wishlist-cards .bike-card .bike-card-body {
    padding: 12px 8px 8px 8px;
  }
}
.wishlist-cards .bike-card .bike-card-body .name {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 140%;
  color: #181818;
}
@media (max-width: 767px) {
  .wishlist-cards .bike-card .bike-card-body .name {
    font-size: 14px;
  }
}
.wishlist-cards .bike-card .bike-card-body .bike-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-top: 13px;
}
@media (max-width: 767px) {
  .wishlist-cards .bike-card .bike-card-body .bike-details {
    margin-top: 8px;
    gap: 8px;
  }
}
.wishlist-cards .bike-card .bike-card-body .bike-details .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 140%;
  color: #848484;
  gap: 8px;
}
@media (max-width: 767px) {
  .wishlist-cards .bike-card .bike-card-body .bike-details .box {
    gap: 4px;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .wishlist-cards .bike-card .bike-card-body .bike-details .box:last-child {
    display: none;
  }
}
.wishlist-cards .bike-card .bike-card-body .bike-details .box img {
  width: 18px;
  height: auto;
}
@media (max-width: 767px) {
  .wishlist-cards .bike-card .bike-card-body .bike-details .box img {
    width: 14px;
  }
}
.wishlist-cards .bike-card .bike-card-body .bike-amt {
  font-family: "Guardian Sans XCond";
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.02em;
  color: #181818;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .wishlist-cards .bike-card .bike-card-body .bike-amt {
    margin-top: 10px;
    font-size: 20px;
  }
}
.wishlist-cards .bike-card .bike-card-body .btn-explore {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: auto;
}
.wishlist-cards .bike-card .bike-card-body .bike-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-top: 16px;
}
@media (max-width: 767px) {
  .wishlist-cards .bike-card .bike-card-body .bike-btns {
    gap: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 8px;
  }
}
.wishlist-cards .bike-card .bike-card-body .bike-btns button {
  border: none;
  outline: none;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  cursor: pointer;
  width: auto;
  height: auto;
  padding: 11px 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .wishlist-cards .bike-card .bike-card-body .bike-btns button {
    font-size: 12px;
  }
}
.wishlist-cards .bike-card .bike-card-body .bike-btns button:nth-child(1) {
  background-color: white;
  border: 1px solid #181818;
  color: #181818;
}
.wishlist-cards .bike-card .bike-card-body .bike-btns button:nth-child(1):hover {
  background: #181818;
  color: #fff;
}
.wishlist-cards .bike-card .bike-card-body .bike-btns button:nth-child(2) {
  background: #da291c;
  color: #ffffff;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.wishlist-cards .bike-card .bike-card-body .bike-btns button:nth-child(2):hover {
  background: #ae2116;
}

.bike-card.sold-bike-card {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  position: relative;
  background: #fff;
}
.bike-card.sold-bike-card > img {
  width: 100%;
}
.bike-card.sold-bike-card .img-container {
  width: 100%;
}
.bike-card.sold-bike-card .img-container img {
  width: 100%;
  height: auto;
}
.bike-card.sold-bike-card .heart-img {
  position: absolute;
  top: 15px;
  right: 15px;
}
.bike-card.sold-bike-card .heart-img img {
  width: 100%;
  cursor: pointer;
}
.bike-card.sold-bike-card .bike-card-body {
  padding: 16px 12px;
  width: 100%;
}
@media (max-width: 767px) {
  .bike-card.sold-bike-card .bike-card-body {
    padding: 12px 8px 8px 8px;
  }
}
.bike-card.sold-bike-card .bike-card-body .name {
  color: #181818;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 25.2px */
}
@media (max-width: 767px) {
  .bike-card.sold-bike-card .bike-card-body .name {
    font-size: 14px;
  }
}
.bike-card.sold-bike-card .bike-card-body .bike-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-top: 13px;
}
@media (max-width: 767px) {
  .bike-card.sold-bike-card .bike-card-body .bike-details {
    margin-top: 8px;
  }
}
.bike-card.sold-bike-card .bike-card-body .bike-details .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  line-height: 140%;
  color: #848484;
  gap: 9.5px;
}
.bike-card.sold-bike-card .bike-card-body .bike-details .box img {
  width: 18px;
  height: auto;
}
.bike-card.sold-bike-card .bike-card-body .bike-amt.sold {
  color: #da291c;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 144.444% */
  margin: 16px 0;
}
@media (max-width: 767px) {
  .bike-card.sold-bike-card .bike-card-body .bike-amt.sold {
    font-size: 16px;
  }
}

.bike-card.bike-card-booked .bike-card-body .bike-btns .vdmp-btn {
  width: 100% !important;
  height: auto !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  font-size: 14px !important;
}
@media (max-width: 767px) {
  .bike-card.bike-card-booked .bike-card-body .bike-btns .vdmp-btn {
    font-size: 12px !important;
    padding: 16px 11px !important;
  }
}

@media (prefers-color-scheme: dark) {
  .experiencefragment {
    border-color: #dfdfdf;
  }
}
.experiencefragment .cmp-separator__horizontal-rule {
  margin: 0;
  border: 0;
}
.experiencefragment .container-layout-footer .title .cmp-title__text {
  font-family: "Guardian Sans XCond";
  font-size: 28px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: 0.02em;
}
.experiencefragment .container-layout-footer .list .cmp-list {
  list-style: none;
}
.experiencefragment .container-layout-footer .list .cmp-list li {
  margin-top: 16px;
  font-family: "Montserrat";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}
.experiencefragment .container-layout-footer .list .cmp-list li a, .experiencefragment .container-layout-footer .list .cmp-list li article, .experiencefragment .container-layout-footer .list .cmp-list li span {
  font-family: "Montserrat";
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  cursor: pointer;
}
.experiencefragment .container-layout-footer .list .cmp-list li a:hover {
  color: #DA291C;
}
@media screen and (max-width: 1450px) {
  .experiencefragment .container-layout-footer.padding-global-all {
    padding: 3pc 5vw;
  }
}
@media screen and (max-width: 1250px) and (min-width: 1025px) {
  .experiencefragment .container-layout-footer.padding-global-all {
    padding: 3pc 3vw;
  }
}
@media screen and (max-width: 1250px) and (min-width: 1025px) {
  .experiencefragment .container-layout-footer > .cmp-container .container-width-m100 .image.footer-logo-image img {
    width: 170px;
  }
}
@media (max-width: 767px) {
  .experiencefragment .container-layout-footer > .cmp-container .container-width-m100 .image.footer-logo-image img {
    width: 75%;
  }
}

.experiencefragment.container-layout-header .cmp-experiencefragment,
.experiencefragment .cmp-experiencefragment--header {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  padding-left: 9vw;
  padding-right: 9vw;
  background-color: #ffffff;
  -webkit-transition: 300ms all ease-in-out;
  transition: 300ms all ease-in-out;
  overflow: visible;
  z-index: 100;
}
@media (max-width: 767px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment,
  .experiencefragment .cmp-experiencefragment--header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1600px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment,
  .experiencefragment .cmp-experiencefragment--header {
    padding-left: 9vw;
    padding-right: 9vw;
  }
}
@media (max-width: 1300px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment,
  .experiencefragment .cmp-experiencefragment--header {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
@media (max-width: 1100px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment,
  .experiencefragment .cmp-experiencefragment--header {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12,
.experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
}
@media (max-width: 767px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .responsivegrid,
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .image.aem-GridColumn.aem-GridColumn--default--12,
.experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .responsivegrid,
.experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .image.aem-GridColumn.aem-GridColumn--default--12 {
  float: unset;
  clear: none;
  width: unset;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar,
.experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 767px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
    z-index: 1005;
    display: none;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(12.5px);
  }
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list {
    height: 100%;
    padding: 16px 0px;
  }
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container .cmp-list,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list .cmp-list,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container .cmp-list,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list .cmp-list {
    padding-top: 32px;
  }
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container .cmp-list li,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list .cmp-list li,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container .cmp-list li,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list .cmp-list li {
    padding: 16px;
    padding-top: 0px;
    border-bottom: 1px solid rgba(167, 167, 167, 0.2);
    width: 100%;
  }
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container .cmp-list li article,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container .cmp-list li a,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container .cmp-list li span,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list .cmp-list li article,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list .cmp-list li a,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list .cmp-list li span,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container .cmp-list li article,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container .cmp-list li a,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container .cmp-list li span,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list .cmp-list li article,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list .cmp-list li a,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list .cmp-list li span {
    font-family: Guardian Sans XCond;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #ffffff;
  }
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container .cmp-list li:last-child,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list .cmp-list li:last-child,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-container .cmp-list li:last-child,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .list .cmp-list li:last-child {
    border: none;
  }
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-list__item,
  .experiencefragment .cmp-experiencefragment--header .cmp-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 .container.container-links-nav-bar .cmp-list__item {
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
  }
}
.experiencefragment.container-layout-header .cmp-experiencefragment .image.header-nav-hamburger,
.experiencefragment.container-layout-header .cmp-experiencefragment .image.header-nav-close-btn,
.experiencefragment .cmp-experiencefragment--header .image.header-nav-hamburger,
.experiencefragment .cmp-experiencefragment--header .image.header-nav-close-btn {
  cursor: pointer;
}
@media (min-width: 768px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .image.header-nav-hamburger,
  .experiencefragment.container-layout-header .cmp-experiencefragment .image.header-nav-close-btn,
  .experiencefragment .cmp-experiencefragment--header .image.header-nav-hamburger,
  .experiencefragment .cmp-experiencefragment--header .image.header-nav-close-btn {
    display: none;
  }
}
@media screen and (min-width: 767px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .image.header-nav-hamburger,
  .experiencefragment.container-layout-header .cmp-experiencefragment .image.header-nav-close-btn,
  .experiencefragment .cmp-experiencefragment--header .image.header-nav-hamburger,
  .experiencefragment .cmp-experiencefragment--header .image.header-nav-close-btn {
    display: none;
  }
}
.experiencefragment.container-layout-header .cmp-experiencefragment .image.header-nav-hamburger img,
.experiencefragment.container-layout-header .cmp-experiencefragment .image.header-nav-close-btn img,
.experiencefragment .cmp-experiencefragment--header .image.header-nav-hamburger img,
.experiencefragment .cmp-experiencefragment--header .image.header-nav-close-btn img {
  width: auto;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .image.header-nav-close-btn,
.experiencefragment .cmp-experiencefragment--header .image.header-nav-close-btn {
  position: absolute;
  top: 20px;
  right: 16px;
}
@media (min-width: 768px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .image.header-logo-image,
  .experiencefragment .cmp-experiencefragment--header .image.header-logo-image {
    -webkit-box-flex: 0.25;
        -ms-flex: 0.25;
            flex: 0.25;
  }
}
@media (max-width: 767px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .image.header-logo-image,
  .experiencefragment .cmp-experiencefragment--header .image.header-logo-image {
    margin-left: 5px;
  }
}
.experiencefragment.container-layout-header .cmp-experiencefragment .image.header-logo-image .cmp-image__image,
.experiencefragment .cmp-experiencefragment--header .image.header-logo-image .cmp-image__image {
  width: auto;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .search,
.experiencefragment .cmp-experiencefragment--header .search {
  display: none;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .list,
.experiencefragment.container-layout-header .cmp-experiencefragment .navigation,
.experiencefragment .cmp-experiencefragment--header .list,
.experiencefragment .cmp-experiencefragment--header .navigation {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-navigation__group,
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-list,
.experiencefragment .cmp-experiencefragment--header .cmp-navigation__group,
.experiencefragment .cmp-experiencefragment--header .cmp-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 42px;
}
@media (max-width: 767px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-navigation__group,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-list,
  .experiencefragment .cmp-experiencefragment--header .cmp-navigation__group,
  .experiencefragment .cmp-experiencefragment--header .cmp-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: unset;
  }
}
@media (min-width: 1400px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-navigation__group,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-list,
  .experiencefragment .cmp-experiencefragment--header .cmp-navigation__group,
  .experiencefragment .cmp-experiencefragment--header .cmp-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 1300px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-navigation__group,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-list,
  .experiencefragment .cmp-experiencefragment--header .cmp-navigation__group,
  .experiencefragment .cmp-experiencefragment--header .cmp-list {
    gap: 30px;
    margin-top: 5px;
  }
}
@media (max-width: 1100px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-navigation__group,
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-list,
  .experiencefragment .cmp-experiencefragment--header .cmp-navigation__group,
  .experiencefragment .cmp-experiencefragment--header .cmp-list {
    gap: 8px;
  }
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-navigation__item-link,
.experiencefragment .cmp-experiencefragment--header .cmp-navigation__item-link {
  display: block;
}
@media (max-width: 767px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .container-quick-actions-nav,
  .experiencefragment .cmp-experiencefragment--header .container-quick-actions-nav {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.experiencefragment.container-layout-header .cmp-experiencefragment .container-quick-actions-nav .cmp-container,
.experiencefragment .cmp-experiencefragment--header .container-quick-actions-nav .cmp-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  gap: 10px;
}
@media (max-width: 767px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .container-quick-actions-nav .cmp-container,
  .experiencefragment .cmp-experiencefragment--header .container-quick-actions-nav .cmp-container {
    gap: 10px;
  }
}
@media (min-width: 768px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .container-quick-actions-nav .cmp-container,
  .experiencefragment .cmp-experiencefragment--header .container-quick-actions-nav .cmp-container {
    padding-left: 60px;
  }
}
@media (min-width: 1400px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .container-quick-actions-nav .cmp-container,
  .experiencefragment .cmp-experiencefragment--header .container-quick-actions-nav .cmp-container {
    padding-left: unset;
  }
}
@media (max-width: 1300px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .container-quick-actions-nav .cmp-container,
  .experiencefragment .cmp-experiencefragment--header .container-quick-actions-nav .cmp-container {
    padding-left: 30px;
  }
}
@media (max-width: 1100px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .container-quick-actions-nav .cmp-container,
  .experiencefragment .cmp-experiencefragment--header .container-quick-actions-nav .cmp-container {
    padding-left: 20px;
    gap: 8px;
  }
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-languagenavigation,
.experiencefragment .cmp-experiencefragment--header .cmp-languagenavigation {
  position: relative;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-languagenavigation::before,
.experiencefragment .cmp-experiencefragment--header .cmp-languagenavigation::before {
  content: " ";
  display: block;
  height: 1.5em;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(32,32,32)" d="M12.1,0.2h-0.1c-3.1,0-6.1,1.3-8.3,3.5C1.4,6,0.2,8.9,0.2,12.1c0,3.1,1.3,6.1,3.5,8.3c2.2,2.2,5.1,3.4,8.3,3.4 c0,0,0,0,0.1,0c6.5,0,11.7-5.3,11.7-11.8C23.7,5.5,18.5,0.3,12.1,0.2z M18.3,11.5c-0.1-1.4-0.3-2.8-0.7-4.1C18.5,7,19.4,6.5,20.3,6 c1.1,1.6,1.9,3.5,2,5.5H18.3z M22.2,12.5c-0.1,2.1-0.8,4-2,5.5c-0.8-0.6-1.7-1-2.6-1.4c0.3-1.1,0.6-2.2,0.7-3.3c0-0.3,0-0.5,0-0.8 H22.2z M19.6,5.2c-0.8,0.5-1.6,0.9-2.4,1.3c-0.6-1.4-1.4-2.7-2.3-3.8c-0.2-0.2-0.4-0.4-0.6-0.6C16.4,2.5,18.3,3.7,19.6,5.2z M12.8,22.2c-0.1,0-0.2,0-0.3,0v-5.7c1.3,0,2.6,0.3,3.8,0.7C15.6,19.1,14.3,20.8,12.8,22.2z M9.9,20.8c-0.9-1.1-1.7-2.3-2.2-3.6 c1.2-0.4,2.5-0.6,3.8-0.7v5.7c-0.1,0-0.2,0-0.3,0C10.7,21.8,10.3,21.3,9.9,20.8z M11.4,1.8c0,0,0.1,0,0.1,0v5.7 c-1.3,0-2.6-0.3-3.8-0.7C8.5,4.9,9.7,3.2,11.4,1.8z M14.1,3.3c0.9,1.1,1.6,2.3,2.2,3.5c-1.2,0.4-2.5,0.6-3.8,0.7V1.8 c0.1,0,0.1,0,0.2,0C13.2,2.2,13.7,2.7,14.1,3.3z M16.7,7.7c0.4,1.2,0.6,2.5,0.7,3.8h-4.8V8.4C13.9,8.4,15.3,8.2,16.7,7.7z M11.5,8.4 v3.1H6.7C6.7,10.2,7,9,7.4,7.7C8.7,8.2,10.1,8.4,11.5,8.4z M11.5,12.5v3.1c-1.4,0-2.8,0.3-4.2,0.7c-0.4-1.2-0.6-2.5-0.7-3.8H11.5z M12.5,15.6v-3.1h4.8c0,0.2,0,0.5,0,0.7c-0.1,1.1-0.3,2.1-0.6,3.1C15.3,15.8,13.9,15.6,12.5,15.6z M9.6,2C8.4,3.3,7.4,4.8,6.8,6.5 C5.9,6.1,5.1,5.7,4.4,5.2c0.1-0.1,0.2-0.3,0.4-0.4C6.1,3.4,7.8,2.5,9.6,2z M5.7,11.5H1.8c0.1-2,0.8-3.9,1.9-5.5 C4.6,6.5,5.5,7,6.4,7.4C6,8.7,5.7,10.1,5.7,11.5z M6.4,16.6C5.5,17,4.6,17.5,3.7,18c-1.2-1.6-1.9-3.5-1.9-5.5h3.9 C5.7,13.9,5.9,15.3,6.4,16.6z M4.4,18.8c0.8-0.5,1.5-0.9,2.4-1.3c0.6,1.4,1.4,2.7,2.4,3.9c0.1,0.2,0.3,0.3,0.4,0.5 c-1.8-0.4-3.4-1.3-4.7-2.7C4.6,19.1,4.5,19,4.4,18.8z M14.5,21.9c1.2-1.3,2.1-2.8,2.8-4.4c0.8,0.3,1.6,0.8,2.4,1.2 C18.3,20.3,16.5,21.4,14.5,21.9z"/></svg>');
  background-repeat: no-repeat;
}
@media (prefers-color-scheme: dark) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-languagenavigation::before,
  .experiencefragment .cmp-experiencefragment--header .cmp-languagenavigation::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(223,223,223)" d="M12.1,0.2h-0.1c-3.1,0-6.1,1.3-8.3,3.5C1.4,6,0.2,8.9,0.2,12.1c0,3.1,1.3,6.1,3.5,8.3c2.2,2.2,5.1,3.4,8.3,3.4 c0,0,0,0,0.1,0c6.5,0,11.7-5.3,11.7-11.8C23.7,5.5,18.5,0.3,12.1,0.2z M18.3,11.5c-0.1-1.4-0.3-2.8-0.7-4.1C18.5,7,19.4,6.5,20.3,6 c1.1,1.6,1.9,3.5,2,5.5H18.3z M22.2,12.5c-0.1,2.1-0.8,4-2,5.5c-0.8-0.6-1.7-1-2.6-1.4c0.3-1.1,0.6-2.2,0.7-3.3c0-0.3,0-0.5,0-0.8 H22.2z M19.6,5.2c-0.8,0.5-1.6,0.9-2.4,1.3c-0.6-1.4-1.4-2.7-2.3-3.8c-0.2-0.2-0.4-0.4-0.6-0.6C16.4,2.5,18.3,3.7,19.6,5.2z M12.8,22.2c-0.1,0-0.2,0-0.3,0v-5.7c1.3,0,2.6,0.3,3.8,0.7C15.6,19.1,14.3,20.8,12.8,22.2z M9.9,20.8c-0.9-1.1-1.7-2.3-2.2-3.6 c1.2-0.4,2.5-0.6,3.8-0.7v5.7c-0.1,0-0.2,0-0.3,0C10.7,21.8,10.3,21.3,9.9,20.8z M11.4,1.8c0,0,0.1,0,0.1,0v5.7 c-1.3,0-2.6-0.3-3.8-0.7C8.5,4.9,9.7,3.2,11.4,1.8z M14.1,3.3c0.9,1.1,1.6,2.3,2.2,3.5c-1.2,0.4-2.5,0.6-3.8,0.7V1.8 c0.1,0,0.1,0,0.2,0C13.2,2.2,13.7,2.7,14.1,3.3z M16.7,7.7c0.4,1.2,0.6,2.5,0.7,3.8h-4.8V8.4C13.9,8.4,15.3,8.2,16.7,7.7z M11.5,8.4 v3.1H6.7C6.7,10.2,7,9,7.4,7.7C8.7,8.2,10.1,8.4,11.5,8.4z M11.5,12.5v3.1c-1.4,0-2.8,0.3-4.2,0.7c-0.4-1.2-0.6-2.5-0.7-3.8H11.5z M12.5,15.6v-3.1h4.8c0,0.2,0,0.5,0,0.7c-0.1,1.1-0.3,2.1-0.6,3.1C15.3,15.8,13.9,15.6,12.5,15.6z M9.6,2C8.4,3.3,7.4,4.8,6.8,6.5 C5.9,6.1,5.1,5.7,4.4,5.2c0.1-0.1,0.2-0.3,0.4-0.4C6.1,3.4,7.8,2.5,9.6,2z M5.7,11.5H1.8c0.1-2,0.8-3.9,1.9-5.5 C4.6,6.5,5.5,7,6.4,7.4C6,8.7,5.7,10.1,5.7,11.5z M6.4,16.6C5.5,17,4.6,17.5,3.7,18c-1.2-1.6-1.9-3.5-1.9-5.5h3.9 C5.7,13.9,5.9,15.3,6.4,16.6z M4.4,18.8c0.8-0.5,1.5-0.9,2.4-1.3c0.6,1.4,1.4,2.7,2.4,3.9c0.1,0.2,0.3,0.3,0.4,0.5 c-1.8-0.4-3.4-1.3-4.7-2.7C4.6,19.1,4.5,19,4.4,18.8z M14.5,21.9c1.2-1.3,2.1-2.8,2.8-4.4c0.8,0.3,1.6,0.8,2.4,1.2 C18.3,20.3,16.5,21.4,14.5,21.9z"/></svg>');
  }
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-languagenavigation > .cmp-languagenavigation__group,
.experiencefragment .cmp-experiencefragment--header .cmp-languagenavigation > .cmp-languagenavigation__group {
  visibility: hidden;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  position: absolute;
  top: 34px;
  width: 20em;
  padding: 0 8px;
  border: 1px solid #202020;
  border-top: 0;
  background: #ececec;
}
@media (prefers-color-scheme: dark) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .cmp-languagenavigation > .cmp-languagenavigation__group,
  .experiencefragment .cmp-experiencefragment--header .cmp-languagenavigation > .cmp-languagenavigation__group {
    border-color: #dfdfdf;
    background: #131313;
  }
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-languagenavigation:hover > .cmp-languagenavigation__group,
.experiencefragment .cmp-experiencefragment--header .cmp-languagenavigation:hover > .cmp-languagenavigation__group {
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-languagenavigation__group,
.experiencefragment .cmp-experiencefragment--header .cmp-languagenavigation__group {
  margin: 0;
  padding: 0;
  list-style: none;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-languagenavigation__item-title,
.experiencefragment .cmp-experiencefragment--header .cmp-languagenavigation__item-title {
  font-size: x-small;
  text-transform: uppercase;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-languagenavigation__item--level-0,
.experiencefragment .cmp-experiencefragment--header .cmp-languagenavigation__item--level-0 {
  margin-bottom: 0.5em;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-languagenavigation__item--level-1,
.experiencefragment .cmp-experiencefragment--header .cmp-languagenavigation__item--level-1 {
  display: inline;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-languagenavigation__item--level-1:not(:first-child)::before,
.experiencefragment .cmp-experiencefragment--header .cmp-languagenavigation__item--level-1:not(:first-child)::before {
  content: " | ";
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-languagenavigation__item--active > .cmp-languagenavigation__item-link,
.experiencefragment .cmp-experiencefragment--header .cmp-languagenavigation__item--active > .cmp-languagenavigation__item-link {
  font-weight: bold;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-search__field,
.experiencefragment .cmp-experiencefragment--header .cmp-search__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -3px 0;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .cmp-search__input,
.experiencefragment .cmp-experiencefragment--header .cmp-search__input {
  height: 26px;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .searchHeader #app,
.experiencefragment .cmp-experiencefragment--header .searchHeader #app {
  display: none;
}
.experiencefragment.container-layout-header .cmp-experiencefragment .locationHeader,
.experiencefragment .cmp-experiencefragment--header .locationHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  gap: 8px;
}
@media (max-width: 767px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .locationHeader,
  .experiencefragment .cmp-experiencefragment--header .locationHeader {
    background: #f5f5f5;
    display: block;
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    -webkit-transition: 300ms all ease-in-out;
    transition: 300ms all ease-in-out;
    z-index: 1000;
  }
}
@media (max-width: 767px) {
  .experiencefragment.container-layout-header .cmp-experiencefragment .dropdown.locationHeader,
  .experiencefragment .cmp-experiencefragment--header .dropdown.locationHeader {
    position: unset;
    background: transparent;
  }
}

.header-sticky .experiencefragment .cmp-experiencefragment--header {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

@media (max-width: 767px) {
  .experiencefragment.container-layout-header {
    margin-bottom: 46px;
  }
}

@media (max-width: 1100px) {
  .wishlist-container.input-menu .list.cities .search-input img,
  .search-container .search-btn img,
  .profileHeader .profileHeader img,
  .wishListHeader .wishlist img {
    width: 18px;
  }
  .experiencefragment.container-layout-header .cmp-experiencefragment .image.header-logo-image .cmp-image__image,
  .experiencefragment .cmp-experiencefragment--header .image.header-logo-image .cmp-image__image {
    height: unset;
    max-height: 17px;
  }
}
@media (max-width: 1100px) {
  .experiencefragment .cmp-experiencefragment--header .cmp-list {
    margin-top: unset !important;
  }
}
@media (max-width: 1300px) {
  .experiencefragment .cmp-experiencefragment--header .cmp-list {
    margin-top: unset !important;
  }
}

@media (max-width: 767px) {
  .wishlist-container.input-menu .list.cities .search-input img,
  .search-container .search-btn img,
  .profileHeader .profileHeader img,
  .wishListHeader .wishlist img {
    width: unset;
    max-width: 24px;
  }
  .experiencefragment.container-layout-header .cmp-experiencefragment .image.header-logo-image .cmp-image__image,
  .experiencefragment .cmp-experiencefragment--header .image.header-logo-image .cmp-image__image {
    height: unset;
    max-height: 17px;
  }
}